99SiZi

Online scents

Background

Establish a smooth shopping experience for women interested in enhancing their style creating a lasting impression.

Deliverables

Branding, design system, wireframe, information architecture, high-fidelity mockup.

app-design-ui-ux-hero-image
screens-layout-ui-ux-design

Design system

Some of the styles and components in the design system created for consistency, and to help maintain and build the app.

design-system-ui-ux-design-branding

Information architecture & wireframes

We explored the user flow by utilizing an information architecture and establish the direct and global connections. Wireframes were used to get a direction of the placements and size of the different elements and features.

information-architecture-wireframe-case-study

Catalog, product, check out, & profile screens

ui-ux-design-screens-layout-check-out
flower-99sizi-perfume-ui-ux-app
brand-screens-ui-ux
screens-app-ui-ux-design-branding
99sizi-scent-online-shopping