Web design
Smart-ijs
Klant
Smart-ijs
Rol
UI/UX Design & Development
Jaar
2025

Beschrijving
Dit was de laatste opdracht van mijn opleiding, en meteen ook een van de meest uitdagende en leerrijke projecten. De opdracht bestond erin om een volledige webshop te bouwen met behulp van Craft CMS en de Craft Commerce plugin. We werkten in een team van vier studenten en hebben gedurende meerdere weken intensief samengewerkt om tot een professioneel eindresultaat te komen.
Onze workflow begon met het ontwerpen van de webshop. We startten met het uitwerken van wireframes en moodboards om een duidelijke visuele richting te bepalen. Vervolgens werkten we het volledige design uit in Figma, waarbij we rekening hielden met de gebruikerservaring, de structuur van de shop en de wensen van de (fictieve) klant. Elke teamlid had een specifieke rol: van design en front-end development tot back-end implementatie en contentbeheer.
Na de designfase begonnen we met de technische uitwerking. We zetten een Craft CMS-project op en integreerden Craft Commerce om producten, varianten, verzendmethodes en betalingsmogelijkheden te beheren. Dankzij Craft Commerce konden we een flexibele en gebruiksvriendelijke webshop bouwen die makkelijk aanpasbaar is voor de klant. Tijdens het project leerden we hoe we relationele contentstructuren konden opzetten in Craft, hoe we custom producttypes en velden konden aanmaken, en hoe we gebruik konden maken van de krachtige templatingmogelijkheden van Twig. Ook de checkoutflow, winkelwagen, en bevestigingsmails werden volledig op maat uitgewerkt.
Tot slot zorgden we ervoor dat alles correct werd geconfigureerd voor de eindklant: we maakten gebruiksvriendelijke contentblokken, testten de volledige shop uitgebreid en zorgden voor een degelijke documentatie.
Samenvatting
Een volledig responsive webshop die de ambachtelijke identiteit van Smart-ijs online tot leven brengt, met een intuïtieve bestelervaring en geïntegreerde betaalfunctionaliteit.
Tools
- Figma
- Sql
- Craft
- Html
- Css
- Js
Het resultaat
Visuele showcase

