Back to Other Works

Shopify Product Recommendation Quizzes

Every client brand came with its own business goals, customer behaviours, and product catalogue, which meant no single quiz template could work across all of them. Some brands had quizzes already live but underperforming, suffering from low completion rates, unclear user journeys, and poor conversion. Others needed a quiz built from zero, with no existing pattern to design from. Every new brand also meant learning a different industry fast enough to identify what was actually broken or missing before designing the fix.

I designed brand-specific quiz logic for each client instead of stretching one template across every case - diagnosing and rebuilding underperforming quizzes at the flow level, not just visually, while designing entirely new experiences from first principles wherever nothing existed yet. A fast discovery process let me ramp up on each new industry quickly, and every quiz was delivered fully responsive across devices.

The result: 45% higher completion on rebuilt quizzes, a 30% lift in conversion through brand-specific recommendation logic, and 10+ quizzes shipped across international Shopify brands - proving the approach was repeatable at scale, not a one-off success, while holding consistent quality across genuinely different industries.

Featured Brands

Shopify project image 1

Project Intro

Project Type E-Commerce Product Discovery & Personalization
Role UI/UX Engineer
Clients Multiple International E-Commerce Brands
Duration March 2022 – March 2023
Tools & Technologies Figma, AskWhai, HTML, CSS, SCSS, Shopify Liquid
Skills Demonstrated
UX Design Conversion Optimization E-commerce UX Shopify Figma Responsive Design User Flows Personalization HTML/CSS/SCSS Cross-functional Collaboration Quality Assurance Testing Web / Tab / Mobile Design

The Problem

Every client brand came with its own business goals, customer behaviours, and product catalogue, which meant no single quiz template could work across all of them.

The challenge across every brand was the same underneath the surface: understand the business fast, find what was stopping users from completing the quiz, and design an experience confident enough to turn a quiz result into a purchase.

My Role & Responsibility

I led the design and delivery of quiz experiences across multiple Shopify brands:

Led the end-to-end design and delivery of product recommendation quizzes

Designed responsive quiz experiences for desktop, tablet, and mobile devices

Revamped existing low-performing quizzes to improve usability and conversions

Created new quiz experiences from scratch based on business goals and customer needs

Built quizzes using AskWhai (Visual Quiz Builder)

Collaborated directly with clients, developers, and cross-functional teams throughout the project lifecycle

Supported implementation through HTML, CSS, and SCSS enhancements

Conducted testing and quality assurance to ensure a seamless user experience

UX Process

Research
  • Gathered requirements from clients and internal stakeholders.
  • Reviewed existing quiz experiences and analyzed usability issues.
  • Identified drop-off points and conversion barriers.
  • Studied customer behavior and product selection journeys within each domain.
Define
  • Defined business objectives and success metrics.
  • Mapped user journeys and recommendation logic.
  • Structured quiz flows to balance engagement and completion rates.
Ideate
  • Explored multiple interaction patterns and question formats.
  • Developed conversion-focused approaches for different audiences.
  • Optimized information flow to reduce friction and cognitive load.
Design
  • Created wireframes and high-fidelity UI designs in Figma.
  • Designed responsive experiences for desktop, tablet, and mobile.
  • Developed visually engaging interfaces aligned with each brand's identity.
Build & Prototype
  • Implemented quiz experiences using AskWhai Visual Quiz Builder.
  • Added custom HTML, CSS, and SCSS enhancements when required.
  • Worked closely with developers to integrate quizzes into Shopify stores.
Testing & Optimization
  • Conducted manual testing and quality assurance.
  • Validated recommendation logic and user flows.
  • Refined experiences based on stakeholder and user feedback.
Shopify project image 3

The Solution

Shopify project image 2

Outcome & Impact

Higher Completion on Rebuilt Quizzes

45%

For brands with existing quizzes suffering from low completion, rebuilding the flow itself, not just the visuals, raised completion rates by 45%, proving the fix addressed the actual drop-off points rather than surface polish.

Lift in Conversion Through Brand-Specific Logic

30%

Designing question flow and recommendation logic around each brand's real audience and purchase behaviour, instead of a shared template, improved product conversion by 30% across brands with very different customers.

New Quiz Experiences Built With Zero Legacy Debt

For clients starting from nothing, quizzes were designed from first principles rather than adapted from an existing pattern, giving those brands a purpose-built experience instead of a retrofit.

Consistent Quality Across Genuinely Different Industries

A fast discovery process for each new brand meant quality held steady whether the client sold beauty products or hardware, proving domain speed didn't come at the cost of relevance.

Quizzes Shipped Across International Shopify Brands

10+

Delivered at this range and scale, the approach proved repeatable, not a one-off success, across multiple markets and product categories.

Learnings