Moodboard
Tools: Figma
Voor het ontwerpen van de fictieve plantenwebshop Verdantia heb ik verschillende stappen doorlopen om tot twee uitgewerkte designs te komen in Figma. Verdantia is een webshop die diverse soorten planten verkoopt. Ik heb hiervoor de homepagina ontworpen die dient als introductie van de website, met de mogelijkheid om deze later uit te breiden.
Om te starten heb ik een moodboard gemaakt met bestaande website-ontwerpen. Hieruit heb ik elementen geanalyseerd die de websites aantrekkelijk en gebruiksvriendelijk maken.
Daarnaast heb ik wireframes uitgewerkt om te bepalen waar de content het beste geplaatst kan worden en hoe de pagina logisch en overzichtelijk opgebouwd kan worden.
Ook heb ik verschillende kleurenpaletten onderzocht om te kijken welke combinaties het beste passen bij de uitstraling van een plantenwebshop.
Design 1
Voor het eerste design heb ik gewerkt met zachte beige tinten om een rustige en natuurlijke uitstraling te creëren. De call-to-action knoppen heb ik uitgevoerd in groen, zodat deze duidelijk opvallen en aansluiten bij het thema van de website.
Daarnaast heb ik gebruikgemaakt van de volledige breedte van het scherm en kleurvlakken om verschillende contentsecties visueel van elkaar te scheiden. De lichte achtergrond draagt bij aan een overzichtelijke en kalme gebruikerservaring.
(Hover/tik over het design om de pagina te bekijken)
Design 2
Tools: Figma
In het tweede design heb ik meer gefocust op de structuur en opbouw van een webshop. Waar het eerste design vooral een rustige en informatieve uitstraling had, heb ik hier gekeken naar hoe plantenwebshops hun content presenteren.
Ik heb verschillende secties toegevoegd, zoals “Our Picks”, kortingen, populaire producten en reviews, om de website aantrekkelijker en betrouwbaarder te maken. Daarnaast heb ik de tussenruimtes verkleind, zodat de gebruiker sneller door de content kan navigeren.
Door deze aanpassingen oogt het design overzichtelijker en heeft het meer de uitstraling van een webshop, terwijl het eerste design meer gericht was op informatievoorziening.
(Hover/tik over het design om de pagina te bekijken)
