Web designerwith an engineer's discipline

The photo carries the brand, so the interface stays light and lets the skin and amber tones fill the screen. The headline mixes upright and italic weights like a fashion magazine cover, and a frosted glass card keeps the price readable over the photo.

In the catalogue, filters sit in a calm left column and every bottle shares the same light and angle, so the grid reads as one collection. On the product page, a pyramid of top, heart and base notes answers the main problem of buying perfume online: you cannot smell it.

On mobile, the glass card would cover the face, so the photo and the product are separated. The price and the add-to-cart button stay pinned to the bottom of the screen.

Role

Concept, UI design, responsive layouts

Tool

Figma

Screens

3 desktop, 2 mobile

Focus

Image-led layout, glass UI, catalogue filters, fragrance notes

A minimal product page where the device itself is the hero. The cool pale blue background makes the dark body and red details stand out, and the red of the nozzle becomes the only accent colour on the site.

Hotspots sit right on the product. On desktop, a popover explains each one next to a short list of technologies and four key specs. Checkout keeps the same quiet style: underlined fields, two delivery cards and one dark button as the only heavy element.

Phones have no hover, so on mobile a tap on a hotspot opens a bottom sheet with a step counter. This adapts the interaction, not just the layout.

Role

Concept, UI design, responsive layouts

Tool

Figma

Screens

3 desktop, 2 mobile

Focus

Product hotspots, colour from the product, hover to tap adaptation

A digital showroom. The black background works like a studio, and a thin ellipse under the car gives it a stage, like a turntable at a motor show.

The configurator groups choices by colour, wheels, interior and extras, with the total price always visible above one blue button. The pre-order page repeats the chosen configuration under the car, so the buyer sees exactly what they are ordering.

On mobile, arrows become swipes and the model list turns into horizontal tabs. In the configurator, the total and the pre-order button stay pinned to the bottom.

Role

Concept, UI design, responsive layouts

Tool

Figma

Screens

3 desktop, 2 mobile

Focus

Dark theme, configurator, live price, form design