All Work
02

02 / 04 — Mobile App

ShopSphere

A mobile shopping experience that feels personal, not algorithmic.

Role

UX/UI Designer

Timeline

10 weeks

Year

2024

Team

1 designer (me), 3 engineers, 1 PM, 1 data scientist

Cart abandonment was at 74%. Users added items but stalled at checkout. The existing flow had 7 screens and required account creation before purchase.

Overview

ShopSphere was losing customers at the worst possible moment — right before purchase. Analytics showed clear drop-off at the account creation gate. The hypothesis: if we remove friction, conversion will follow.

The bigger opportunity was personalisation. Their recommendation engine was sophisticated but the UI was surfacing it poorly.

My Role

UX/UI Designer

Timeline

10 weeks

Team

1 designer (me), 3 engineers, 1 PM, 1 data scientist

Tools

FigmaPrincipleFullStoryAmplitudeMaze

Deliverables

  • iOS & Android design system
  • Checkout flow redesign
  • Personalization framework
  • Onboarding experience
  • A/B test specifications

Process

4 phases
012 weeks

Research

Understanding exactly where and why users abandoned their carts.

  • Funnel analysis across 180,000 sessions
  • Exit surveys at abandonment points — 2,400 responses
  • Competitor checkout benchmarking (8 apps)
  • Guest checkout emerged as the single most-requested feature
  • Trust signals (reviews, returns policy) consistently cited as missing
Segment
Count
Score
022 weeks

Wireframes

Collapsing a 7-screen checkout into 3, without losing any required data.

  • Progressive form disclosure reduced perceived length
  • Inline validation eliminated 'submit and see errors' frustration
  • Address autocomplete reduced input time by 65% in testing
  • One-tap reorder from order history — zero wireframes needed, users loved it
  • Tested 2 payment UI patterns; bottom sheet won decisively
034 weeks

Design

A system that feels native on both iOS and Android while maintaining brand consistency.

  • Platform-adaptive components for iOS and Android conventions
  • Haptic feedback specifications for key interaction moments
  • Recommendation cards designed for quick scanning, not reading
  • Trust signal components: rating breakdowns, return policy, size guides
  • Dark mode with full contrast audit
042 weeks

Delivery

A/B test framework designed to validate key decisions post-launch.

  • 3 A/B tests designed and documented pre-launch
  • Guest checkout vs account creation: guest won by 31% conversion lift
  • Recommendation placement test: below-the-fold won over hero
  • Iterative releases: checkout first, then personalisation layer
  • Conversion tracking dashboard built with data team
Handoff specs
Font size14px / 1.6
Spacing8px grid
Radius8px / 12px
Shadow0 2px 8px 0%
Duration200ms ease-out
Components
ButtonCardInputModalToastNav

Outcomes

Results
0%

Conversion increase

Overall purchase conversion rate improvement

0%

Cart abandonment

Reduced from 74% to 46% — a 28-point drop

0

Checkout screens

Down from 7, capturing the same information

0.8

App Store rating

Up from 3.9 after the redesign shipped

Next Project

CloudBase

SaaS Onboarding2023