Portfolio 01 · SIONI

SIONI

A responsive storefront designed to carry a kidswear brand story naturally into product discovery and purchase interactions.

Project
Kidswear brand
storefront
Scope
Site architecture
UI design
Front-end build
Experience
Product discovery
Collections & lookbook
Purchase flows
Status
Project complete
Full desktop view of the SIONI homepage

The challenge

Keeping brand atmosphere and commerce functions in one world

SIONI needed to bring garden-inspired imagery, multiple collections and the states required for shopping into one website.

The structure needed to go beyond a visual lookbook without letting product listings and purchase UI overwhelm the brand's quiet character.

The approach

From editorial scenes to real product actions

01

Brand-led home

Large imagery and restrained typography connect the garden setting with seasonal collections.

02

Product discovery

Categories, filtering, sorting, collections and product details form one clear browsing journey.

03

Responsive purchase UI

Size selection, cart, wishlist, search, account and checkout views were tuned through mobile.

Project result

A connected front end from brand introduction to checkout confirmation

Home, Shop, Collections, Lookbook, Brand, Journal, product and checkout views now work as one routed experience. Filtering, sorting, cart, wishlist, search and account interactions are implemented in the front end.

5 viewport widthsResponsive checks at 320, 390, 768, 1024 and 1280px
Accessible behaviorKeyboard focus, Escape handling, focus restoration and reduced motion support
Browser QAKey browse and purchase journeys verified without horizontal overflow or console errors
Project complete. Brand presentation, product discovery, cart, wishlist, search, account and checkout were completed as one connected front-end storefront.

Start a project

We design brand atmosphere and practical user journeys together

Discuss a similar project →