Caméléon
Background
Caméléon is a concept for a custom merch brand: USB drives, apparel, accessories, packaging and data services, all decorated with your logo. The name is the promise: merch that takes on your colours.
It is a design proposal for the brand, the catalogue and the ordering flow, built as a working site in Quebec French with an English version.
Core problem
Ordering branded merch usually starts with a catalogue and a form, and you only see your logo on the product once the proof comes back. Caméléon shows your brand on the product on the first screen, before you have even asked for a quote.
Our Process
The look is mint on a deep camouflage green, over an ecru ground, with Inter Tight for headings and Inter for text. The product photos are in neutral tones, black tees on grey brick, so the mint accent and the brand you type in are what stand out.
The copy is written in Quebec French first (soumission, courriel, coton ouaté), with an English version one tap away. The animations use Motion, the framework-free version of Framer Motion, as progressive enhancement: with reduced motion turned on, or if the script never loads, the page is complete and the studio still works.
What I built
01 - The brand studio
Type your brand, pick a tee colour and an ink. Your name is printed live on the tee, the tote, the USB drive, the laptop screen and the quote card. It all happens in the browser, and nothing is sent or stored.
02 - A catalogue in five parts
USB drives, apparel, accessories, packaging and data services, each with its own photo, a short description and a next step.
03 - A quote in one step
The quote form picks up your brand from the studio and opens a pre-filled email. No account, and no data stored on a server.
04 - French and English
A language switch that changes every word, the page title and the quote email, and remembers your choice for the next visit.
Key Deliverables
- Concept and page structure
- Visual direction (palette, type, photography)
- Live brand preview studio
- Bilingual copy, Quebec French first
- Motion design with a reduced-motion fallback
- Static site, deployed on Vercel
Results and Impact
Caméléon is a concept, not an official site yet. It is live in French and English, and the brand studio works today: try it with your own brand name.
Want a site like it for your brand? Book a call.