Karla Gómez 👋
A passionate Product Designer & UX Researcher with 9 years of experience across 4+ countries worldwide.
GAP E-commerce
PWA · UX/UI Design
Intro
Participants
Karla Gómez
UI Designer
Skills
Responsive Design
E-commerce UX
Visual Adaptation
Prototyping
Developer Handoff
Tools
Duration
Mar 2020 – Jun 2020
Methodology
Atomic Design
Goal
Adapt GAP's e-commerce experience to Liverpool's shared PWA architecture while preserving GAP's brand identity and supporting the complete shopping journey.
Design approach
The project reused proven commerce patterns and technical foundations from Liverpool, then translated navigation, content hierarchy, product presentation and transactional states into GAP's visual language.
1
Homepage
Homepage
The homepage combined GAP campaigns and category discovery with the shared PWA header, account, search, service and footer patterns.
2
Product List Page
Product List Page
The catalogue supported category navigation, sorting, layout controls and layered filters while keeping product information scannable.
3
Product Detail Page
Product Detail Page
The detail page organized product media, price and promotions, variants, availability, delivery, purchase actions, specifications and related items.
4
Checkout
Checkout
Account access and checkout applied a consistent hierarchy to delivery, payment, promotions, product details and the final order summary.
Outcome
The project delivered a coherent GAP-branded experience across the principal e-commerce journey while leveraging Liverpool's shared platform patterns. It is presented as a UX/UI implementation contribution; no unsupported sales or conversion metrics are claimed.
