SYS–07Case studyClient◇Delivered mockup (prototype)
Kim Dubois Photographe
Redesign of an internationally awarded pet photographer's site — from discovering the need to a complete, testable mockup.
Type
Client mandate · first paying client
Domain
Portfolio site · photography
Status
Delivered mockup (prototype)
Period
2026
Role
Freelance · Design, prototyping & client relations
Market
Pet photographer (TIPPA 2024-2025) · consumer & commercial
Platforms
Web · bilingual light/dark mockup
Claude Design → Claude CodeHTML/CSS/JS (React + Babel)i18n FR/ENTarget: Next.js + TS + Tailwind
01 Summary
Takeover and redesign of an awarded pet photographer's (TIPPA) site, whose Wix site had been left unfinished. A full first-paying-client process: structured discovery, framing, then a generated-and-implemented mockup, iterated with the client.
02 The client
An internationally awarded pet photographer (TIPPA 2024-2025, Bronze), whose Wix site had been left unfinished — my first paying client.
03 Process
A framed process before producing anything.
- A 60-question discovery form
- A 9-slide deck to frame the call
- A structured brief, then a generated-and-implemented mockup
- Several iterations from the client's feedback
04 The delivered solution
A multi-page bilingual mockup, light/dark, genuinely navigable.
- Multi-page: home, portfolio gallery, distinctions page
- ~15 modular sections (hero, packages, testimonials, shop, FAQ…)
- Real awarded photos by category · carousel + lightbox
- Admin mode "bounded freedom": edit content and look without breaking the mockup
05 Deliverables & state
The deliverable is a complete, interactive mockup — a prototype, not yet a production site.
~15Designed
modular sections
3Implemented
pages (home · gallery · distinctions)
✓Implemented
bilingual mockup · light/dark
LiveDeployed
mockup online (demo)
06 Limits
- It's a high-fidelity mockup, not yet a production site.
- Move to production (Next.js) and legal copy to finalize with the client.