Welkom bij mijn webdesign:

Bedrijfswebsite Kupan
Het ontwikkelen van de ultieme user experience voor Kupan




Het project, Kupan website 3.0

De focus ligt hier op het ontwikkelen van de ultieme user experience voor Kupan en haar gebruikers. De digitale klantbeleving staat voorop. Om dit te bewerkstelligen zijn er persona’s ontwikkelt voor elke doelgroep. Hieruit zijn functionele en niet functionele requirements uit voort gevloeid. Het ging hier onder andere om:

• Een optie om projectfoto’s van A tot Z te bekijken (gallery)
• Mogelijkheid om snel contact op te nemen
• Eenduidige navigatie voor website en webshop
• Referenties van afgeronde projecten bekijken
• Specificaties van producten bekijken
• Downloaden van relevante bestanden bij het desbetreffende product
• Gemakkelijk een offerte aanvragen

Alle requirements zijn vervolgens middels een card sorting test gegroepeerd. Zo is de sitemap ontstaan en wireframes voor de verschillende webpagina’s. Om er zeker van te zijn dat de eindgebruikers met het nieuwe ontwerp uit de voeten kunnen zijn er middels een prototype, gebruikerstesten uitgevoerd. Met deze ontvangen feedback zijn de wireframes bijgeschaafd, tot een eindontwerp. De laatste stap in het proces was het grafisch ontwerp. Hierin is de basis Googles Material Design geweest.

Al met al zijn er verschillende zaken verandert ten op zichten van de website 2.0. Het gaat hier onder andere om:

• Er is gedacht vanuit de eindgebruiker. Zo kan de gebruiker op één webpagina al zijn informatie vinden. Te weten: downloads, projectfoto’s, referenties, productspecificaties en offerte aanvragen.
• Alle webpagina’s linken aan elkaar waardoor de gebruiker nooit op een doodspoor komt. Zo kan de gebruiker bij de referentie pagina verder naar het desbetreffende product of branche. Tevens kan er direct vanuit een productgroep naar de juiste webpagina van de webshop genavigeerd worden.
• Er is meer over Kupan als bedrijf te lezen en de afgeronde projecten bij klanten (referenties)
• Er is rekening gehouden met SEO en SEA. Hiervoor is ruimte gereserveerd in het ontwerp en op een grafische manier zo weergegeven dat dit niet als storend wordt ervaren.




Website Kupan Homepage
Website Kupan Over Ons
Website Kupan Referenties
Website Kupan Branches en Producten
Website Kupan Contact en Offerte aanvragen


Gebruikte programma’s

• Adobe Illustrator
In Adobe Illustrator heb ik alle wireframes uitgewerkt aan de hand van de user needs en card sorting test. Van daaruit heb ik deze wireframes omgezet naar een grafisch eindontwerp.

• Axure Pro
In Axure Pro is er het prototype ontwikkelt zodat er getest kon worden met de eindgebruikers.
• Wordpress
De website is gebouwd op het CMS Wordpress. Zo kunnen de contentmanagers gemakkelijk content aanpassen.

Unieke ontwerpen

Nieuwsgierig naar mijn unieke ontwerpen?
Bekijk ze hiernaast, door te klikken op één van deze vier ontwerpen kom je direct bij de projecten.
Veel plezier!