Avion
Shop
A full e-commerce product experience — from hero landing to detail pages — designed for clarity, trust, and conversion. Every screen built on a cohesive design system.
E-Commerce
A product shop built to convert
Complete shopping experience — from home landing to product listing and detail pages, across desktop and mobile. The challenge: make browsing effortless and buying feel confident.
Full UI system designed — from grid and card hierarchy to every hover state, responsive layout, and CTA placement.
Problem and goals
Problem
Most product pages overwhelm users with choice. Without clear hierarchy and trust cues, shoppers bounce before they reach the cart.
Goals
Create a shopping experience that guides users naturally from discovery to purchase — clean layouts, confident CTAs, and a system that scales.
Process
From structure to polished components — each phase focused on speed-to-clarity for the user.
Colors and typography
A deep indigo-led palette — authoritative and premium. A single bright accent for actions, balanced by neutral surfaces.
Web screens
Homepage versions and product listing pages — designed for wide screens with generous whitespace and strong visual hierarchy.
Mobile screens
Every page adapted for mobile — stacked layouts, thumb-friendly CTAs, and optimised product imagery. Mobile was treated as the primary browsing surface.
