Product Designer

Nexa

An end-to-end shopping experience for a premium tech store. Twelve flows, from browsing to checkout, designed for desktop and mobile in parallel. The goal was a calm, fast and trustworthy feel instead of the usual cluttered electronics store.

The Nexa store shown on a laptop and a phone, with the Aurora headphones hero

Overview

The visual language is built on a light theme, black primary buttons and a single accent, lime green. Type is Geist, with Instrument Serif for the display headlines. Before drawing any screen I built the design system in Figma: colour and type tokens, the repeating components and the grid. This page shows what came out of that system rather than the system itself, and every screen puts one clear action forward.

Home

The hero tells one product story, followed by categories, trending items and campaign cards.

The Nexa home page on desktop and mobile, with the Aurora hero, category tiles and trending products

Category and Filtering

Filters on the left, a three-column product grid on the right. Active filters show as chips, and products can be compared side by side.

The Nexa category page with a filter panel on the left and a three-column product grid

Product Detail

Gallery, colour and edition picker, delivery information and reviews on a single page. On mobile the add to cart button stays fixed at the bottom.

The Nexa product detail page with gallery, colour picker, delivery information and reviews

Search

A search panel that opens with a keyboard shortcut. Recent searches, trending terms and product suggestions appear together.

The Nexa search panel showing recent searches, trending terms and product suggestions

Cart

A free shipping progress bar, a coupon field and a protection add-on. The order summary and express payment sit on the right.

The Nexa cart with a free shipping progress bar, coupon field and order summary

Checkout

Saved addresses, delivery options and the card form are split into two steps. Installment options live in the payment step.

The Nexa checkout shipping step with saved addresses and delivery options
The Nexa checkout payment step with the card form and installment options

Order Confirmation

The confirmation does more than say thanks. It carries the shipping timeline and an offer to create an account.

The Nexa order confirmation with a shipping timeline and an offer to create an account

Sign In

Social login, email and password. The right panel carries member perks and a customer quote.

The Nexa sign in screen with social login and a panel of member perks

Account and Orders

Order history filtered by status. Each card offers tracking, invoice and buy again actions.

The Nexa account page with order history filtered by status

Wishlist

Lists, price drop alerts and a notify option for items that are out of stock.

The Nexa wishlist with saved lists, price drop alerts and out of stock notifications

Order Tracking

A live map, step-by-step history and a way to reach the courier. The delivery note can be edited.

The Nexa order tracking page with a live map and step by step delivery history

Outcome

The real work in Nexa was consistency. Twelve flows across two platforms came out as 24 screens, and holding one visual language steady across all of them is harder than designing any single screen. Thinking about mobile and desktop in parallel from the start, rather than adapting one into the other afterwards, was the lesson.