Otium

UX/UI design, website prototype

Keer terug
Screen 1

Een digitale etalage, eerst als prototype

Otium is een Belgisch designmerk met een focus op tijdloze objecten voor binnen en buiten. Voor dit project maakten we een prototype website die het merkverhaal, de productlijnen en de sfeer meteen voelbaar maakt. Het doel was een heldere, rustige online ervaring die even verzorgd aanvoelt als het product zelf, met sterke mock ups die de richting van de website scherp tonen.

Screen 3

Imagine & define

Eerst de juiste flow, dan de juiste sfeer

De uitdaging was om het assortiment niet te tonen als een lange productlijst, maar als een visuele beleving met voldoende informatie op het juiste moment. We startten daarom met de basisvragen. Wat wil een bezoeker als eerste zien, waar ontstaat vertrouwen, en welke content helpt bij kiezen. Vanuit die inzichten bepaalden we de pageflow van home naar collecties en productdetail, en gaven we inspiratie en materiaalinfo een vaste plek. Zo ontstaat er een logische route die aanvoelt als bladeren in een mooi lookbook, met duidelijke navigatie en calls to action richting collecties, inspiratie en contact of aankoop.

Screen 5

Design & build

Een licht design system dat het merk draagt

 In het UI ontwerp kozen we voor een rustige, natuurlijke stijl met veel ademruimte en zachte accenten. Organische vormen en kleurvlakken geven het geheel warmte zonder drukte. We werkten met herbruikbare componenten zoals productkaarten, contentblokken en CTA varianten, zodat de pagina’s consistent blijven en eenvoudig uitbreidbaar zijn. De mock ups tonen hoe het verhaal, de collectie en de productinfo samenkomen in één samenhangende lay out, op desktop en in de belangrijkste schermformaten.

Frame 8

Resultaat

Een prototype dat richting geeft

Het resultaat is een sterk visueel prototype dat Otium als merk helder positioneert en de producten tot hun recht laat komen. Ook al is de huidige live website intussen geëvolueerd, deze case blijft een mooi voorbeeld van hoe we merk, structuur en interface samenbrengen in een set overtuigende mock ups die klaar zijn om door te vertalen naar build.

Screen 6

Let’s talk!

Klaar voor jouw digitale ervaring?

Contacteer ons