Portfolio
All work23 / 28

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.

Personality Quiz Campaign
Client
CHA CHA
Year
2023
Engagement
Freelance
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.