Olivia Chen

Web Design

Northstar E-commerce Site

Redesigned an e-commerce storefront with a conversion-focused product discovery and checkout flow.

Northstar E-commerce Site

Project Overview

Redesigned an e-commerce storefront with a conversion-focused product discovery and checkout flow.

Problem Statement

The previous site had high bounce rates on mobile and weak navigation clarity for first-time shoppers.

Design Process

  • Audited analytics to identify key drop-off moments in browsing and checkout.
  • Created responsive wireframes optimized for one-thumb mobile interactions.
  • Designed product storytelling modules with trust-building details.
  • Tested checkout copy and hierarchy to reduce decision fatigue.

Wireframes

Wireframes introduced a simpler mega-menu, card-based product browsing, and fewer checkout decision points.

UI Designs

The visual direction combined bold product photography, structured spacing, and focused CTAs to guide purchase intent.

Final Results

  • Mobile conversion improved by 34%.
  • Checkout abandonment dropped by 23%.
  • Average order value increased by 18% with redesigned upsell modules.

Tools Used

FigmaAdobe XDPhotoshop