DeBODEM
Een gebruiksvriendelijke website met een focus op Informatievoorziening, Vindbaarheid en Gebruiksvriendelijkheid.
Rol: UX/UI Designer
Tools: Figma | Illustrator
Type project: Examenproject
Over het Project
Het project genaamd DeBODEM is gemaakt in 2024 als eindexamen opdracht van mijn studie:
CURIO Mediavormgeving
In dit project werkten wij in een team van vier studenten aan een volledige merkidentiteit voor DeBODEM.
Het doel was om de wensen van de opdrachtgever te vertalen naar een consistente en doordachte visuele en strategische identiteit, bestaande uit onder andere een huisstijl, communicatie-uitingen en een crossmediaal concept. Het eindresultaat moest een compleet en toepasbaar merkconcept vormen dat aansluit bij de kernwaarden van DeBODEM: authentiek, rust, energiek, groei en toekomstgericht.
Mijn Rol
Binnen dit project was ik verantwoordelijk voor het ontwerpen en ontwikkelen van een volledig functionele website.
Hierbij kreeg ik veel creatieve vrijheid, maar werkte ik binnen de vooraf vastgestelde huisstijl en merkidentiteit die door het team gezamenlijk was ontwikkeld.
Mijn focus lag op het vertalen van de merkwaarden naar een gebruiksvriendelijke, overzichtelijke en responsieve website die aansluit bij de doelgroep en de positionering van DeBODEM in de markt voor biologische voeding en duurzame landbouw.
Het doel
Het doel van de website is als volgt. De site zal een centrale rol spelen binnen de totale communicatie van DeBODEM.
Zij zal fungeren als digitaal informatiepunt waar gebruikers op een toegankelijke manier kennis kunnen maken met het bedrijf, de producten en de missie/visie.
Daarbij is rekening gehouden met gebruiksvriendelijkheid, contentbeheer en vindbaarheid via zoekmachines (SEO), zodat de website zowel voor bestaande als nieuwe bezoekers optimaal functioneert.
Mijn startpunt
Mijn Startpunt van dit project was het analyseren van de basis van de website.
Daarbij stelde ik mezelf eerst een aantal belangrijke vragen: wat is het doel van de website, welke informatie moet centraal staan, wat moet extra benadrukt worden en hoe kan dit visueel worden vertaald naar een sterke gebruikerservaring.
Vanuit daar ben ik gaan bepalen welke pagina’s nodig waren en hoe de websitestructuur eruit moest zien.
Daarnaast heb ik onderzocht welke actuele webdesigntrends aansloten bij de identiteit die wij voor DeBODEM hadden ontwikkeld.
De stijl bedacht voor de website werd omschreven als “minimalistisch met een twist”. Het uitgangspunt hiervan was een rustige en eenvoudige basis met een moderne uitstraling.
Clean design, beperkt kleurenpalet en duidelijke communicatie. Tegelijkertijd moest de website tijdloos aanvoelen en niet afhankelijk zijn van tijdelijke designtrends.
Conceptontwikkeling & Wireframing
Mijn ontwerpproces begint vrijwel altijd op papier. Eerst maak ik een tekstuele lijst van alle benodigde pagina’s en functionaliteiten. Daarna werk ik ideeën uit in een soort “denkwolk”-wireframe waarin de structuur, content en gebruikersflow centraal staan. Vanuit deze basis ben ik verder gegaan naar low-fidelity schetsen en uiteindelijk high-fidelity designs.
Tijdens deze fase heb ik veel inspiratie opgedaan via platforms zoals Elementor Awards, Pinterest en andere moderne webdesignplatformen. Hierbij keek ik vooral naar websites die minimalisme combineerden met een unieke visuele identiteit, zonder de gebruiksvriendelijkheid uit het oog te verliezen.
Doelgroep & Positionering
De website werd ontworpen voor jongvolwassenen tussen de 25 en 35 jaar die bewust bezig zijn met voeding, duurzaamheid en levensstijl.
Ook educatie speelt een belangrijke rol binnen het project, waardoor ook jonge kinderen en gezinnen onderdeel vormden van de bredere doelgroep. Het Creëeren van een toegankelijke en vertrouwde online omgeving te waarin bezoekers eenvoudig informatie konden vinden over biologische voeding, duurzame landbouw en de visie van DeBODEM.
Met focus op toekomstgericht te ontwerpen werd er nagedacht over templates voor toekomstige pagina’s rondom lokale DeBODEM-locaties, community-onderdelen en educatieve content.
Concurrentieonderzoek & Designkeuzes
Concurentie voor DeBodem bestaat uit bedrijven zoals Ekoplaza, Odin, Marqt en andere biologische voedselmerken en duurzame initiatieven.
Veel concurrenten maakten gebruik van vergelijkbare natuurlijke kleuren, fotografie en minimalistische layouts. De uitdaging was daarom om een website te ontwerpen die wel binnen dezelfde duurzame uitstraling viel, maar tegelijkertijd een eigen identiteit behield.
Daarnaast was het van belang te voorkomen dat de website te statisch of generiek zou aanvoelen. Om dit op te lossen heb ik gekozen voor subtiele visuele accenten, een dynamische indeling van contentblokken en voldoende witruimte om rust en overzicht te bewaren zonder dat het ontwerp saai werd.
Realisatie
Bekijk het eindresultaat
Klik op de afbeelding hieronder en bekijk de volledige website!