Melanie Berberette
Web & UX Designer
01 — Approach
Good design is not decoration. It is the shortest path between a person and what they came to do — built once, documented properly, and beautiful enough that the team defends it.
-
-
Falling for systems
-
Learning to love density
-
Research changes everything
-
Going out on my own
-
The ninth design system
-
The journey continues
- 0
- Years designing
- 0+
- Products shipped
- 0
- Design systems built
- 0
- Industry awards
02 — Selected work
Five projects that show how I think
Keep scrolling — the gallery moves sideways. Case studies available on request, including the research and the numbers after launch.
03 — Capabilities
What I am hired to do
Most engagements combine two or three of these. Pick the shape that fits — retainer, project, or a focused sprint.
End-to-end interface design for complex products — information architecture, flows, states, and the unglamorous edge cases that decide whether a product feels finished.
Token architecture, component APIs and governance that survive team turnover. Built in Figma, documented for engineers, shipped as code when you need it.
Identity systems designed for screens first — marks that scale to 16px, motion that carries the personality, and guidelines a marketing team can actually apply.
Marketing sites and portfolios designed and built by the same pair of hands. Vanilla HTML, CSS and JavaScript with GSAP and Lenis — accessible, fast, and animated with restraint.
04 — Stack
Tools I think in
The kit changes as the work demands it — these are the ones that have earned a permanent place on the bench.
- 01 Figma Design
- 02 Framer Prototype
- 03 Adobe CC Art & assets
- 04 React.js Build
- 05 WebGL 3D & shaders
- 06 GSAP Motion
- 07 Lenis Scroll feel
- 08 Cursor AI editor
- 09 Claude AI pair
- 10 Notion Docs & ops
- 11 JIRA Delivery
- 12 Three.js 3D engine
What
you get?
05 — Capabilities overview
Research & UX strategy
Interviews, audits, and journey maps that find the problem worth solving before any pixels move.
Interface design
Every screen, state, and edge case designed with intent — not just the happy path.
Design systems
Tokens, components, and documentation that keep the fiftieth screen as sharp as the first.
Motion & interaction
GSAP-crafted animation that guides attention instead of stealing it.
Developer-ready handoff
Specs, tokens, and QA against real code — until what ships matches what was signed off.
06 — Ways to work together
Pick the shape of the work
Same standards at every size — the difference is scope and how long we work together. Prices in USD, agreed before we start, no surprises after.
Design partner
$6,000 / month
A senior designer embedded with your team, without the headcount. Priority access, four days a week.
- Product and marketing design on tap
- Weekly working sessions, not reveals
- Design system upkeep included
- Async reviews answered within 24h
- Pause or cancel monthly
For teams that ship every sprint.
Start a retainerDesign sprint
$9,500 / three weeks
One hard problem, three weeks, shipped. Research to tested prototype with your team in the loop the whole way.
- Fixed scope, fixed price
- Research, IA and interface — tested
- Clickable Figma prototype
- Tokens and specs ready for build
- Two revision rounds included
For a launch, a redesign, or a feature that matters.
Book the sprintFull product
Let’s scope it custom
End-to-end engagement for new products and full redesigns — strategy through build QA. Every scope starts with a call.
- Discovery and UX strategy
- Full interface and design system
- Motion and interaction design
- Front-end build — GSAP and Lenis
- 30 days of post-launch support
For work that goes beyond the basics.
Book a call07 — Next project
Let’s make something worth keeping
Tell me what you’re building and where it’s stuck. I read every message and reply within two working days.
Start a project
Booking projects for Q4