AI Product Quiz

AI Scalp Analysis Quiz – Shopify Store

Project details

AI Product Quiz

My role
Shopify Developer & Custom App Integration
Built with
Shopify (Liquid) · Shopify Subscriptions · Cloudflare Workers · OpenAI Vision · Resend
Overview

About this build

Shopify Custom Liquid Section AI Integration

Built a custom AI-powered product quiz for Scalp Delivery, a haircare brand on Shopify. Customers answer six questions and can upload a photo of their scalp. The photo is analysed by AI and combined with their answers to recommend the right routine, with live prices and Subscribe & Save options ready to add to cart.

The challenge

The client needed a quiz that felt like part of their brand, not a third-party popup. It had to follow their own recommendation rules, show real subscription pricing, and let them change products and copy without a developer.

What I built

  • A six-step quiz built as a custom Liquid section inside the client’s theme, not an app
  • Guided scalp photo upload, analysed by OpenAI Vision (the photo is never stored)
  • A Cloudflare Worker that maps every answer combination to the right products, based on the client’s outcome sheet
  • Results page with an AI photo summary and recommendation cards
  • Live Shopify prices with native Subscribe & Save plans (monthly, 3-month, 6-month)
  • Add one product or the whole routine straight into the theme’s cart drawer
  • Branded results email to the customer and a full submission record to the store owner, sent with Resend
  • Fully responsive, with separate mobile images where needed

Easy for the client to manage

Products, card titles, descriptions, images and even the custom font are all theme settings in the Shopify Customizer, so day-to-day changes never need a developer.

Screenshots

How it looks

AI scalp analysis quiz on a Shopify store: quiz start, scalp photo step and product recommendations
Four-step mobile quiz flow: intro, questions, scalp photo, recommendations
Quiz results page with AI scalp photo summary and product cards
Guided scalp photo upload step of the Shopify quiz
Architecture: Liquid section, Cloudflare Worker, OpenAI Vision, Resend, cart drawer
More Work

Other projects

View All →
WooCommerce Store – Elementor & Woostify Theme
E-commerce

WooCommerce Store – Elementor & Woostify Theme

Read More →
Divi 5 Website – Luxury Travel Agency
Divi 5 Website

Divi 5 Website – Luxury Travel Agency

Read More →
Custom Elementor Property Listing Site
Property Listing

Custom Elementor Property Listing Site

Read More →

Want something similar?

Send me the website, design or feature requirements.

Discuss Your Project →