Wij kregen van Uipkes Houten Vloeren de opdracht om de website uit te rusten met het Webmagiër cms en tegelijk een aantal aanpassingen door te voeren aan de website structuur en navigatie, de layout van de website, het meetbaar maken van ingevulde formulieren en het toevoegen van foto's van houten vloeren met een hoge resolutie om zodoende de kwaliteit van het werk van Uipkes Houten Vloeren goed naar voren te laten komen.

De doelstelling

De doelstelling van de website van Uipkes Houten Vloeren is om particuliere en zakelijke bezoekers die op zoek zijn naar een houten vloer van hoge kwaliteit te informeren over de mogelijkheden en vakmanschap van Uipkes Houten Vloeren. De website moedigt bezoekers aan om contact op te nemen met Uipkes Houten Vloeren door het aavragen van een offerte of een gratis vloeren magazine. Uipkes Houten Vloeren kan vele verschillende typen houten vloeren leveren, zoals: eiken vloeren, lamelparket, massief houten vloeren en visgraat vloeren. Naast beschrijvingen over de vloeren kunnen bezoekers veel informatie lezen over het onderhoud, de afwerking en de legmethodes voor houten vloeren.

Het ontwerp

Het oorspronkelijke ontwerp is gemaakt door Fabrique. Insyde heeft een aantal aanpassingen doorgevoerd in het ontwerp. Zo zijn er grotere fotogalerijen in de website geplaatst om de kwaliteit van de vloeren beter naar voren te laten komen, er zijn enkele formulieren aangepast en de magazine pagina is anders opgezet.

De modules

Het nieuwe Webmagiër CMS van Insyde is gebaseerd op het open-source framework Yii. De zoekmachinevriendelijkheid en snelheid van een website wordt steeds belangrijker voor zowel bezoekers van een website als zoekmachines. Het nieuwe CMS van Insyde is gebouwd met deze punten in het achterhoofd. De nieuwe Webmagiër is daarom ook razendsnel, zoekmachinevriendelijk en eenvoudig te beheren. Voor de website van Uipkes Houten Vloeren hebben we een aantal modules toegevoegd aan de website:

• widget module
  Via eenvoudige dropdown menu's in het CMS kan Uipkes een pagina eenvoudig opmaken. De widgets verschijnen aan de rechterkant van de (meeste) pagina's.
• offerte module
  Bezoekers kunnen via een formulier een offerte aanvragen. Bezoekers kunnen diverse keuzes maken en opmerkingen toevoegen. De module verstuurt e-mails naar de beheerder van de website en de bezoeker die het formulier heeft ingevuld.
• magazine module
  Bezoekers kunnen via een formulier een magazine aanvragen. De module verstuurt e-mails naar de beheerder en de bezoeker die het formulier heeft ingevuld.
• fotomodule
  De website is uitgerust met de fotomodule van Galleria.

Insyde voert uiteenlopende SEO projecten uit voor haar klanten waaronder de Linkbuilding Service. Linkbuilden is, net als alle andere SEO werkzaamheden, een zeer arbeidsintensief proces. Het is een tijdrovende klus en vereist veel administratie. Een webmaster moet immers eerst naar linkbuildingmogelijkheden zoeken, vervolgens de links aanmelden en tenslotte bijhouden welke links zijn geplaatst en welke niet. De Linkbuilding Tool is een tool die is ontworpen om het proces van linkbuilden te structureren en te versnellen.

De Uitvoering

De zoekmachine op Linkbuilding Tool is geen gewone zoekmachine, maar bestaat uit meerdere Google Custom Search Engines. Per linkbuilding thema is een Google CSE gebouwd. Alle Google CSE's zijn vervolgens geïntegreerd in één zoekmachine. Na het online zetten van de zoekmachine hebben we een registratietool toegevoegd zodat webmasters hun links kunnen registreren. Tenslotte is er een koppeling gemaakt tussen de zoekmachine en de registratietool, waardoor het zoeken naar en registreren van linkmogelijkheden een stuk sneller, overzichtelijker en eenvoudiger is geworden.

Hoe Werkt Linkbuilding Tool?

De Linkbuilding Tool bestaat uit twee tools: een zoekmachine om naar links te zoeken en een registratietool. Wanneer een webmaster een gratis account aanmaakt kan hij beide tools tegelijk gebruiken.

De Zoekmachine

De zoekmachine op Linkbuilding Tool bestaat uit meerdere Google Custom Search Engines (Google CSE) die geïntegreerd zijn in één zoekmachine. Iedere Google CSE heeft een bepaald thema. Het gebruik van een bepaalde zoekmachine is afhankelijk van het doel van uw linkbuilding campagne. Wilt u bijvoorbeeld links bij startpagina’s aanmelden of wilt u liever uw nieuwste blog artikel promoten bij social media sites? Voor beide tactieken zijn er verschillende Google CSE's gemaakt. Zo kunt u aan de slag:

1. Type het thema in waarvoor u linkbuilding wilt doen in het zoekvak (bijvoorbeeld: 'webdesign' als u wilt linkbuilden voor een webdesignbureau).
2. Vervolgens ziet een lijst met Categorieen en daaronder zoekresultaten. Iedere Categorie is in feite een losse Google CSE. Wilt u linkbuilden door uw website bij startpagina's aan te melden, dan selecteert u de Categorie 'Nederlandstalige linkpagina's'.
3. Wanneer u de Categorie 'Nederlandstalige linkpagina's' heeft geselecteerd, ziet u daaronder een set verfijningen. Hiermee kunt u binnen een bepaalde startpagina zoeken. Klikt u op startkabel, dan ziet u (in ons voorbeeld) alleen zoekresultaten van de website Startkabel.nl met de term 'webdesign'.
4. Wanneer u een gratis account heeft aangemaakt en vervolgens een project heeft aangemaakt, kunt u ook direct vanuit de zoekresultaten een link toevoegen aan de Link Management Tool.

Link Management Tool

De Link Management Tool is de registratietool. Hiermee kunt u bijhouden welke links u heeft aangemeld en wat de status van uw linkaanvraag is. Nadat u bent ingelogd en een nieuw project heeft aangemaakt kunt u direct links toevoegen vanuit de zoekmachine. Op deze wijze kunt u snel linkmogelijkheden toevoegen aan de Link Management Tool voordat u ze gaat aanmelden. Doordat er statusicoontjes bij de zoekresultaten staan, is de kans dat u links dubbel aanmeldt zeer gering. Dit voorkomt dubbel werk en mogelijke irritatie bij beheerders van de website waar u een link aanmeldt.

Het idee achter Vertaalmachine.nu is: maak meerdere online vertaalmachines en vertaaltools toegankelijk via één webpagina, zodat het vertalen van teksten en het zoeken naar alternatieve vertalingen voor een woord een stuk eenvoudiger wordt.

De Uitvoering

Het website ontwerp is bijzonder eenvoudig gehouden ter ondersteuning van de overzichtelijkheid van de website. Vertaalmachine.nu is helder en functioneel qua uitstraling. De vertalingen van Google worden opgehaald met behulp van Google Translate API. Bij de andere vertaalmachines opent de vertaling in een nieuw venster.

Hoe Werkt Vertaalmachine.nu?

Wanneer u een website wilt vertalen, voert u enkel de URL van de betreffende website in, selecteert u een vertaalmachine en kiest u vervolgense de taal van uw keuze. De website zal volledig vertaald openen. In het geval van een tekst vertalen kopieert u de te vertalen tekst naar het tekstveld, selecteert u een vertaalmachine, kiest u de betreffende taalcombinatie en vervolgens wordt de tekst binnen een seconde volledig vertaald. Met Vertaalmachine.nu kunt u communiceren en corresponderen in welke taal u ook maar wilt!

Naast vertaaltools verwijst Vertaalmachine.nu naar een synoniemenboek en een verklarend woordenboek in diverse talen. Met de synoniemenzoeker kunt u alternatieve vertalingen zoeken voor een woord, bijvoorbeeld wanneer de vertaalmachine slechts één vertaling aanbiedt. Het verklarend woordenboek kunt u gebruiken wanneer u twijfelt aan de juiste interpretatie van een woordvertaling, of wanneer u in het algemeen nieuwsgierig bent naar de betekenis van een woord of term.

Vertaalmachine.nu is ook beschikbaar in andere talen:
Engels: Online Translator
Frans: Traducteur En Ligne
Duits: Online Übersetzer
Spaans: Traductor Online

DHV vroeg ons een voorstel te maken voor een tool die een begrotingen kan maken voor spoorprojecten. Er is besloten om middels de Scrum-methode te werk te gaan. Deze methode wordt steeds vaker gebruikt binnen Insyde. In ons weblog hebben we al eens uitgebreid over deze methode geschreven. In een Scrum wordt nauw samengewerkt tussen ontwerpers, ontwikkelaars en de opdrachtgever. Tijdens de ontwikkeling zelf wordt besloten wat er precies gemaakt gaat worden. Zo wordt het proces niet beperkt door een vooraf vastgesteld ontwerp.

De doelstelling

De railbegrotingstool wordt intern gebruikt door werknemers van DHV. Het idee is dat met zo min mogelijk invoer een zo goed mogelijke schatting wordt gemaakt van de uiteindelijke kosten van een railbouwproject. Hiervoor moet gebruik worden gemaakt van resultaten uit eerdere projecten. Om de onzekerheid over de kosten te verkleinen kan elk onderdeel uit de begroting verder worden gespecificeerd. Bij grote projecten betekent dit dat alleen de grote posten heel specifiek hoeven te worden uitgesplitst, om tot een betrouwbare schatting te komen.

Het ontwerp

Het ontwerp voelt aan als een volwaardige desktop-applicatie. Dit is prettig omdat er op dagelijkse basis met de tool wordt gewerkt. Door het gebruik van zachte tinten toont het geheel rustig en evenwichtig. Bij het ontwerpen is uitgegaan van de huisstijl van DHV, wat een vertrouwd gevoel geeft voor de gebruiker.

Knoppen zijn op strategische locaties geplaatst waardoor nooit lang hoeft te worden gezocht om de gewenste actie uit te voeren. We hebben de nieuwste technieken op gebied van webdesign gebruikt. Dit heeft geresulteerd in een eigentijds ontwerp dat snel en robuust aanvoelt tijdens het gebruik.

De techniek

De railbegrotingstool is in staat om op basis van weinig invoer zeer behoorlijke schattingen te maken van kosten. Dit is mogelijk doordat rekening gehouden wordt met resultaten uit eerdere projecten. De gebruiker vult eerst algemene informatie in over een nieuw project en de tool komt vervolgens met een verwachting van onderdelen die nodig zullen zijn en berekent direct de kosten. Vervolgens kan de gebruiker waar nodig elk onderdeel nalopen en aanpassen, tot op het kleinste niveau. Dit werkt vele malen sneller dan alles direct handmatig invoeren.

Bij vrijwel elke stap in het proces wordt ondersteuning geboden door de tool. Zo worden alle berekeningen automatisch doorgevoerd in de gehele begroting. De tool kan ook samenwerken met externe programma’s als Excel. Berekeningen die bijvoorbeeld vooraf zijn gemaakt in Excel worden moeiteloos overgenomen.

Ook in het geval dat er een schatting wordt gemaakt die minder logisch lijkt kan dit direct worden teruggekoppeld naar de beheerder. Deze kan dan direct actie ondernemen.

Om dit alles mogelijk te maken wordt gebruik gemaakt van moederbestanden. Deze bestanden bevatten systemen met subsystemen. Elk systeem is een verzameling van voorzieningen, materieel en werkzaamheden. Voor elk van deze onderdelen is een standaardprijs bekend en een zekerheidsniveau. Dit zekerheidsniveau geeft aan hoe goed de schatting is van het aantal en de uiteindelijke prijs. Grote onderdelen in een begroting dragen meer bij aan de totale zekerheid.

Het resultaat

De tool is zeer overzichtelijk geworden en is makkelijk in het gebruik. De tool is in staat zeer complexe berekeningen te doen op de achtergrond en dit zorgt voor een juist eenvoudige gebruikservaring.

BusyBees.nu is een tool waarmee u in twee of drie eenvoudige stappen een evenement met meerdere mensen kunt inplannen. Denk hierbij aan evenementen zoals familiebijeenkomsten, vergaderingen en feestjes. Alle deelnemers brengen hun stem uit op de dag(en) en/of locatie(s) die hen het beste uitkomen met de optie om eventuele opmerkingen toe te voegen.

BusyBees is ontstaan vanuit het motto ‘Back-to-basic’. Alles wat we te omslachtig, te ingewikkeld of te uitgebreid vonden aan vergelijkbare sites zoals Datumprikker en Doodle.com hebben we vereenvoudigd of weggelaten bij BusyBees. Het resultaat is een eenvoudige en heldere evenementenplanner, zonder poespas en zonder registratieplicht.

De Uitvoering

Het ontwerp van de website is zo overzichtelijk mogelijk gehouden, waardoor de tool simpel, functioneel en intuïtief is. Zo kan iedereen gebruik kan maken van de tool zonder veel kennis van computers te hebben. De 'Bezige Bijtjes' geven de website een vrolijke en toegankelijke uitstraling mee. Na het afronden van het ontwerp en de HTML-templates is Busybees.nu uitgerust met het CMS van Insyde.

Hoe werkt Busybees.nu?

Wanneer u een BusyBee aanmaakt, selecteert u eerst diverse data en voegt daar eventueel één of meerdere tijdstippen en/of locaties aan toe. Daarna ontvangt u twee e-mails: één met een deelnemerslink, welke u via uw eigen adresboek doorstuurt naar alle deelnemers en één met een beheerderslink, waarmee u de BusyBee te allen tijde kan wijzigen of verwijderen.

Via de deelnemerslink kan een deelnemer de datum of data van zijn keuze aanvinken en opslaan. Ook kan hij opmerkingen bij de BusyBee plaatsen. U, de beheerder van de BusyBee, krijgt steeds als iemand de BusyBee heeft ingevuld een notificatie per e-mail. De BusyBee telt het aantal stemmen per datum, zodat er uiteindelijk makkelijk besloten kan worden wat de beste dag is voor de afspraak.

Busybees.nu is ook beschikbaar in het Engels en Spaans.

Voor het maken van een BusyBee hoeft u zich niet te registreren! Kijk voor meer informatie of probeer het uit op www.BusyBees.nu!

Het idee van de website is dat met één druk op de knop direct de gewenste informatie getoond kan worden. Wij maakten een ontwerp dat aansluit bij de ‘look and feel’ van de iPad.

We hebben gebruik gemaakt van de nieuwste technieken die door de iPad worden ondersteund. Dit heeft geresulteerd in een website die makkelijk te bedienen is op de iPad, die volledig bedient wordt door aanraking op het scherm. Vanaf de hoofdpagina zijn uitgelichte projecten aan te klikken. Vervolgens wordt informatie over dit project getoond op een visueel aantrekkelijke en overzichtelijke pagina.

SimGas vroeg ons een rustige website te maken, die ook goed te bekijken is op verouderde systemen. Dit omdat simgas ook klanten heeft in landen als Tanzania, waar nieuwe techniek niet altijd voorhanden is.

De doelstelling

Met de website wil SimGas informatie geven over het bedrijf en de voordelen van het gebruik van biogas. De website moet makkelijk navigeerbaar zijn, duidelijkheid staat voorop.

Het ontwerp

Wij maakten een ontwerp dat goed aansluit bij deze wensen. Door lettertypen, kleuren en indeling zorgvuldig op elkaar af te stemmen, vormt de website een rustig geheel, dat ook op kleinere schermen goed te bekijken is. Het duidelijke menu bovenaan de pagina’s zorgt voor moeiteloze navigatie.

De modules

Voor SimGas implementeerden wij ons CMS, de Webmagiër. Dit bood direct alle mogelijkheden die voor deze website nodig zijn. Pagina’s kunnen door de beheerder van de site gemakkelijk worden aangepast. Ook een contactformulier is aanwezig.

De nieuwe website moet uitstralen dat van Ruysdael kwaliteit levert. Via de website worden nieuwe klanten geworven. Alle vragen die nieuwe en bestaande klanten hebben moeten op de website worden beantwoord. Dit voorkomt open eindes tijdens verkoop. De website moet eenvoudig te onderhouden zijn zodat hier zo min mogelijk tijd aan verloren gaat.

Het ontwerp

Het grafische ontwerp is verzorgd door Valentina Tedioli en Anuska Oosterhuis. Samen met Leonoor Beukers hebben wij de structuur van de website opgesteld. Er is gekozen voor een minimalistisch design. Dit geeft de website niet alleen een rustige uitstraling maar sluit ook aan bij het gevoel van luxe dat past bij de producten en diensten die van Ruysdael levert.

De modules

Naast de standaardmodules van de Webmagiër hebben we enkele modules speciaal voor deze website ontwikkeld. Deze modules worden gebruikt om het assortiment bij te houden en om informatie over de producten en projecten op te slaan. Voor elke glassoort wordt automatisch een pagina gegenereerd waarop alle relevante informatie te vinden is. Voorbeelden: ambachtelijk glas, modern glas en klassiek glas . De projecten die van Ruysdael heeft gerealiseerd zijn ook te bekijken. Projecten kunnen gevonden worden door te zoeken op postcode. De resultaten worden getekend op een kaart met de resultaten die het dichtstbij deze postcode liggen. Daarnaast kunnen bezoekers naar glaszetters zoeken die gespecialiseerd zijn in het zetten van Van Ruysdael glas. In de bibliotheek kunnen de bezoekers bovendien veel informatie vinden over glasfabricage en de geschiedenis van glas.



Art Of Creativity wilde een website die goed aansluit bij de huisstijl. Ook een webwinkel mocht niet ontbreken. Gezamenlijk is besloten om volgens de Scrum-methode te werk te gaan. Dit betekend dat er geen vaststaand ontwerp vooraf bekend was. Dat is ook gelijk de kracht van de methode, zoals als eerder beschreven in ons weblog. In twee sprints is de website steeds verder uitgebreid.

Art Of Creativity maakt gebruik van ERP-programma Navision om voorraden en bestellingen te verwerken. Tijdens de Scrum is een koppeling gemaakt met dit systeem.

De doelstelling

Art Of Creativity biedt een zeer divers aanbod aan kunstuitingen, van een hoogwaardige kunstcollectie tot arrangementen. De producten en diensten laten zich als volgt samenvatten:

• Art Store
  In de online webwinkel kunnen kunstwerken worden gekocht. Bijzonder is dat de lijst van schilderwerken naar wens is aan te passen.
• Art Loyalty
  Art Of Creativity biedt ondernemingen vele mogelijkheden om kunst in te zetten om bij te dragen aan het bedrijfsresultaat.
• Art Gifts
  Art of Creativity geeft advies hoe kunst toegepast kan worden bij relatiegeschenken.
• Art Events
  Arrangementen voor verscheidene kunstevenementen worden aangeboden.

Het ontwerp

De basis van het ontwerp is aangeleverd door de huisontwerper van Art Of Creativity. Tijdens de Scrum heeft hij meegewerkt om het ontwerp aan alle eisen van de functionaliteit te laten voldoen.

Scrum

In ons weblog hebben we kort geleden geschreven over Scrum. Wat hier volgt is een beschrijving van de Scrum met Art Of Creativity.

Productbacklog

Voor de aanvang van de eerste sprint hebben we samen met Art Of Creativity het product-backlog opgesteld. Hierin staat per onderdeel wat er gemaakt moet worden en de prioriteit per onderdeel. Per sprint is bekeken welke onderdelen gemaakt gingen worden.

Sprint 1

De basis van de websites die wij maken is ons eigen CMS, de Webmagiër. Het implementeren van dit systeem is dan ook het eerste wat voor elk project gedaan wordt.
Vervolgens is de eerste versie van de website gerealiseerd.

• Homepagina. Het eerste wat een bezoeker te zien krijgt is de homepagina. Op deze pagina moet direct zichtbaar zijn wat Art Of Creativity is en wat het bedrijf te bieden heeft.
• Webshop. Voor de webshop waren vele ideeën beschikbaar. In deze sprint zijn de belangrijkste onderdelen gerealiseerd:
  • Overzicht van kunstwerken
  • Overzicht van kunstenaars
  • Bestellingen plaatsen
  • Afrekenen met iDeal en Credit Card
  • Lijst kiezen bij schilderwerken
  • Filteren van resultaten op basis van prijs, kunstenaar, techniek afmeting en sfeer
• Synchronisatie met Navision. In Navision houdt Art Of Creativity bij welke kunstenaars en kunstwerken er in de collectie zitten samen met prijsinformatie en voorraad beheer. We hebben een koppeling met dit systeem ontwikkeld zodat de website te allen tijde correcte informatie levert over de beschikbaarheid. Ook als een bestelling wordt geplaatst wordt dit doorgegeven aan Navision.
• Zoeken. De hele website kan worden doorzocht. In de resultaten worden alle pagina’s opgenomen inclusief de pagina’s per kunstenaar en kunstwerk.

Sprint 2

In de tweede sprint zijn de puntjes op de i gezet van de onderdelen uit de vorige sprint en is gewerkt aan de realisatie van de overige wensen.

• Bel mij terug. Op de website kan een bezoeker aangeven te willen worden teruggebeld. De beheerder van de website wordt hiervan per email op de hoogte gebracht.
• Meertaligheid. Naast Nederlands is de website ook beschikbaar in het Engels
• ondersteuning voor Internet Explorer 6. Deze browser is sterk verouderd maar wordt nog door veel mensen gebruikt. Ondersteuning voor deze browser kost altijd meer werk. Derhalve is gekozen hier een los onderdeel van te maken.
• Evenementen. Art Of Creativity biedt ook evenementen aan. In deze sprint is de mogelijkheid toegevoegd om via de website aan te melden voor evenementen.
• Kortingsacties. De beheerder kan acties aanmaken. Middels actiecodes die ingevuld kunnen worden op de website kunnen klanten korting krijgen op bepaalde werken.
• Mijn Collectie. Bedrijven kunnen een eigen onderdeel binnen de webwinkel krijgen waar een speciaal voor hen samengestelde collectie wordt getoond. Op de pagina’s horende bij deze collectie wordt het logo van het bedrijf getoond. Deze pagina’s zijn te openen met een speciale code die de bedrijven aan relaties kunnen geven. Ook bestaat de mogelijkheid om kortingsacties binnen de collectie aan te maken.
• Mijn Collectie evenementen. Evenementen kunnen nu ook aangemaakt worden bij een ‘Mijn Collectie’.
• Opmaak. Om alles prettig leesbaar te houden is op basis van testen besloten enkele wijzigingen door te voeren in de opmaak.

Het Resultaat

Na de twee sprints van elk twee weken was de website klaar voor lancering. Het resultaat is een logisch werkende website. Ondanks de grote collecties kunnen kunstwerken makkelijk gevonden worden. Het bestelproces is duidelijk en gebruiksvriendelijk.

Fabrique heeft de opdracht aangenomen van Fan Fryslân en heeft ons gevraagd de technische implementatie te verzorgen.

 De doelstelling

Fan Fryslân is een campagne en organisatie voor de regiomarketing van Friesland. Met de slogan Fan Fryslân wordt letterlijk laten zien wat Friesland eigen maakt en wordt iedereen opgeroepen om fan van de provincie te worden.

 De modules

We hebben ons CMS, de Webmagiër, geïmplementeerd waarmee het ontwerp tot een werkende website is geworden. Naast de standaard mogelijkheid van het CMS om inhoud zelf te kunnen beheren, hebben we de volgende onderdelen toegevoegd:

• FanModule. Ben jij Fan Fryslân? Dan kun je dat laten zien via de website. Door je aan te melden als Fan wordt het logo van jouw bedrijf of instelling en een adres naar de website getoond. Op de homepagina wordt om de paar seconden één van de fans getoond.
• HeaderRotator. Op de homepagina bovenaan een afbeelding getoond met een introducerende tekst over een fan. Om de paar seconden wordt doorgeschoven naar de volgende afbeelding. Ook is het mogelijk zelf door te klikken naar de volgende afbeelding.

In de nabije toekomst zal ook een nieuwsbriefmodule worden toegevoegd. Met deze module kan Fan Fryslân nog makkelijker geïnteresseerden op de hoogte houden. Ook zullen dan bestaande aanmeldingen voor de nieuwsbrief worden overgenomen uit het oude systeem.