Personality Quiz Campaign
A mobile-only personality quiz for a contact lens retailer — sixteen results, each ending at a product, with no backend behind it.
- Client
- CHA CHA
- Year
- 2023
- Engagement
- Freelance
- Live site
- soulmate.chachalook.com
- Scope
- Frontend
- Stack
- React
- Next.js
- MUI
About the project
CHA CHA sells contact lenses online in Taiwan. The campaign was a personality quiz: answer the questions, land on one of sixteen "planets", and end on the lenses that suit it. Everything — questions, copy, artwork — was designed before it reached me; I built it to the comps, alone, over about a month, for phones only. There is no desktop layout, because nobody was going to take this on a desktop.
There is no server either. The site exports to static files and the result is encoded into the URL, so a shared link reproduces the same planet with nothing stored anywhere. The result card is rendered to an image in the browser, then handed to the Web Share API — a link for LINE, the image itself for Instagram.
That last part is where the time went. Turning a live page into an image is reliably unreliable: fonts that have not finished loading, images that taint the canvas, a pixel ratio that softens the text. The layout needed nudging again and again before the exported card matched what was on the screen.