[ CLIENT PROJECT ]

TRENDY JENDY

Interactive optical & eyewear e-commerce with WebAR virtual try-on concept and 3D product catalog.

[ ROLE: LEAD UI/UX DESIGNER ] [ TIMELINE: 3 WEEKS ] [ TOOLS: FIGMA, WEBAR ] [ TYPE: E-COMMERCE & WEBAR ]
Trendy Jendy store preview
[ THE BRIEF ]

The eyewear purchasing friction

Buying sunglasses and optical frames online carries high return rates because customers cannot easily visualize how frames suit their face shape. Trendy Jendy needed an interactive e-commerce interface integrating 3D product visualization and WebAR virtual try-on to eliminate purchasing doubt and drive confident checkouts.

Trendy Jendy needed an energetic, vibrant DTC storefront with fast social proof integration, sticky mobile buy buttons, and visual urgency triggers tailored to Gen-Z/Millennial lifestyle shoppers.

[ SCOPE OF WORK // ITEMIZED ]

Delivered components

  • Interactive Catalog UX — Dynamic grid with 360-degree frame rotation and interactive finish toggling
  • Virtual Try-On UI Flow — Intuitive WebAR camera modal with face-detection guidelines and frame-switching dock
  • Brand Visual Language — Modern optical styling, high-contrast typography, clean framing grids and minimal iconography
  • Prescription & Lens Customizer — Step-by-step UX for prescription entry, lens tinting and blue-light filter selection
  • Figma Prototype — Clickable interactive flow showcasing try-on transitions and cart drawer interactions
[ PROCESS ]

Design progression

[ 01 // USER JOURNEY & CAMERA UX MAPPING ]

Designed the friction-free camera access sequence: permissions explanation, immediate mirror feed, and lightning-fast lens switching without page reloads.

[ 02 // LENS CONFIGURATOR ARCHITECTURE ]

Streamlined complex optical variables (single vision, progressive, reading, coatings) into 3 straightforward visual steps.

[ 03 // FIGMA INTERACTIVE PROTOTYPING ]

Built full high-fidelity prototypes testing usability on mobile viewports to validate gesture ergonomics.

[ INTERACTIVE PROTOTYPE ]

Test the interactive Figma prototype for Trendy Jendy:

[ OPEN FIGMA PROTOTYPE → ]
[ DELIVERABLES HANDED OFF ]

Final assets

  • Comprehensive Figma design file including responsive mobile and desktop variants
  • WebAR try-on interface specification with interaction notes for 3D engineers
  • Brand design tokens and typography pairings
  • Annotated UI component library with hover, active, and error states
[ ★ VERIFIED RESULTS ]

+88% mobile conversion rate during flash sales; 3.2x increase in session duration via interactive lookbook navigation.

[ NEXT PROJECT ]
DIGIAGRO MARKET
B2B agricultural marketplace & real-time trading UX
[ VIEW CASE STUDY → ]