ColourIQ — Colour-Analysis Activation
A tablet-first colour-analysis activation for the 'Unseen Trends' campaign at Mall of Africa. A stylist photographs a guest on an iPad and the app matches them to a trend colour with a shareable, shoppable result card — no photo ever leaves the device.
The situation
A mall activation needs to feel magical in ten seconds and be privacy-safe by design. Guests won't hand over selfies to a brand kiosk, and legal won't allow faces to be uploaded or stored. So the experience had to run entirely on the device, guide a stylist through a guest in one smooth flow, and end with something the guest actually wants to share.
What I built
ColourIQ is a tablet-first wizard — attract, consent, capture, analyse, reveal, result card — that a stylist runs on an iPad. It photographs the guest, samples the frame in-memory to drive a colour-analysis heuristic, matches them to one of six campaign trend colours, and produces a shareable result card with a QR code to shop the look. Everything runs client-side: no photo is ever uploaded or stored — only the anonymised result (season, trend colour, timestamp) is logged for a stylist dashboard. Framer Motion carries the transitions so the whole thing feels like an experience, not a form.
Highlights
- Privacy by design — the captured frame is sampled in-memory in the browser and never uploaded or stored
- Six-step guided wizard built for a stylist to run on a tablet in under a minute
- Shareable result card with a QR code that takes the guest straight to shopping the trend
- Anonymised session logging feeds a stylist dashboard, with zero personal data at rest
- Runs entirely client-side — no database, signed demo sessions via jose, QR generated on-device
Build log
2025
Built the wizard flow, colour-analysis heuristic, branded theme and stylist dashboard.
Jul 2026
Polished the capture/camera pipeline and fixed small-viewport layout for real tablet hardware.