Salon Yusuf Party

Ux design/ Visual design/ Webdevelopment

Salon Yusuf Party is een kapperszaak in Gouda waar iedereen welkom is. Een aantal jaren geleden heeft de salon een prachtige make-over gekregen en nu was het ook tijd voor de website om vernieuwd te worden. Zijn wens was een website die dient als een verlenging van de salon.

lees meer

"Een website ontwerpen die de uitstraling en ervaring binnen de salon weergeeft."

Voordat ik begon met het onderzoek naar de doelgroep en salon heb ik met Yusuf alle eisen en voorwaarden doorgenomen. Wat verwachtte hij van zijn website. Een unieke website die anders was dan alle andere concurrenten. Zijn belangrijkste randvoorwaarde was dat hij geen navigatie balk wilde zien op zijn website.

Het onderzoek

Om erachter te komen wat de uitstraling en ervaring binnen de salon was heb ik interviews afgenomen met de klanten en het personeel. Ik heb op deze manier gewerkt omdat dit de snelste manier was om relevante informatie te achterhalen. Uit de interviews werd duidelijk dat de salon omschreven wordt als uitnodigend, gezellig en kundig. Ook werd het veelal omschreven als een huiselijk gevoel.

Vooral de aanwezigheid van Yusuf zorgde voor dit gevoel. Hij verwelkomt iedereen hartelijk, maakt een praatje met je en geeft je hierdoor het gevoel dat je bij een vriend bent in plaats van bij een kapper. Naast gastvrij te zijn levert Yusuf ook kwaliteit. Iedere klant was tevreden over zijn knipbeurten en zelfs wanneer er een lastig verzoek was voor bijvoorbeeld een bruiloft wist Yusuf naar tevredenheid te presteren. De site moest dus de gastvrijheid van Yusuf laten zien maar ook zijn vaardigheden als kapper. Gebruiksvriendelijkheid is altijd belangrijk maar bezoekers moeten wellicht ook al ondersteunt worden in hun flow door de website.

Het concept

Het gekozen concept was een vaste grid waarin ieder gedeelte staat voor een bepaald onderwerp binnen de salon. Wanneer hierop geklikt wordt, zou de website zich aanpassen naar wat er werd gevraagd.

Sitemap

Nu het concept van de website stond was het zaak om het uit te werken. Maar voor dat ik zomaar pagina's ga ontwerpen, was het belangrijk om duidelijk te hebben welke informatie waar op de website weergegeven moest worden. Door de interviews ben ik achter de userneeds van de gebruiker gekomen. Aan de hand van deze userneeds ben ik aan de slag gegaan om een logische structuur te maken van de website. Deze structuur is hieronder weergeven in de sitemap.

Wireframes

Met behulp van de sitemap ben ik gestart met het ontwerpen van de pagina's. Hiermee kon ik mijn eerste aannames toetsen bij de doelgroep. Ook was dit het eerste moment dat de opdrachtgever een echte indruk kreeg van hoe de website er ongeveer uit zou komen te zien.

Testing

Om te testen of dit concept zou werken heb ik een usability test gedaan met wireframes. Hier wilde ik zien of de doelgroep de opbouw van de website begreep en alles kon vinden. Dit was niet het geval. Een aantal termen waren niet duidelijk. Ook ontbrak content op specifieke plaatsen waar de user het wel had verwacht. Ik moest de wireframes hier dus nog aanpassen voordat ik door kon met het stylen van de pagina's.

Mockups

Na de mockups te hebben aangepast aan de hand van de verkregen onderzoeksresultaten, ben ik verder gegaan met de uitstraling van de website. Ik heb een styletile gemaakt op basis van foto's die ik had genomen in de salon. Die styletile leidde tot de volgende mockups.

Development

De website is uiteindelijk gebouwd op basis van Bootstrap. Verder zijn de animaties/overgangen gecodeerd in CSS en worden aangestuurd middels Javascript. Tijdens het ontwikkelen zijn er nog een aantal elementen veranderd ten opzichte van het originele ontwerp. Neem ook zelf een kijkje op de nieuwe website van Salon Yusuf Party