Product design
Apps and web products from first sketch to shipped release.
I map the problem with you, sketch the flows, test them with real people and design every screen down to the empty states.
3
Portfolio 2026 · Scene 01 · Take 1 · Mara VossRolling
Click or press any key to skip00:00:00:00
Cut toFrame 0304
Home
Skip to content
Mara Voss
Available for work · Nov 2026Hire meHire me
FRAME 03 — Services
What I can do for you.
Four ways to work together, from a one-week sprint to a full product built and shipped.
Gel 01 · #FF5A3CGel 02 · #FFC94AGel 03 · #3DDC97
MV 400TX · Int. studio — dayScroll↓
FRAME 03 — Services
What I can do for you.
Four ways to work together, from a one-week sprint to a full product built and shipped.
Gel 01 · #FF5A3CGel 02 · #FFC94AGel 03 · #3DDC97
MV 400TX · Int. studio — dayScroll↓
FRAME 03 — Services
What I can do for you.
Four ways to work together, from a one-week sprint to a full product built and shipped.
Gel 01 · #FF5A3CGel 02 · #FFC94AGel 03 · #3DDC97
MV 400TX · Int. studio — dayScroll↓
FRAME 01 — The gel pack
Four ways I can help. Each one is scoped, priced and planned before we start, and every one ends with something shipped.
4 gels · 1 lens
Gel 02 · #FFC94A02 / 045 deliverables
Design systems
One set of components your team designs and builds with.
Tokens, components and documentation that live in Figma and in code, so design and engineering stop drifting apart.
- Tokens
- Figma library
- React components
- Docs site
- Handover
Gel 03 · #3DDC9703 / 045 deliverables
Front-end development
I build what I design, in React, Next.js and Framer.
Fast, accessible front-ends with the motion and detail the design promised, shipped to production and handed over clean.
- React / Next.js
- Framer sites
- Animations
- Accessibility
- Performance
Gel 04 · #6C8CFF04 / 045 deliverables
Brand & web
Identity and a website that launches with it.
Logo, type, colour and a launch site that carries them, for founders who need to look ready on day one.
- Logo
- Type & colour
- Brand guide
- Launch website
- Social kit
Rate card
Three ways to work together
- 01ProjectFixed scope and price
- 02Retainer2–4 days a month
- 03SprintOne week, one problem
FRAME 01 — The gel pack
Four ways I can help. Each one is scoped, priced and planned before we start, and every one ends with something shipped.
4 gels · 1 lens
Gel 01 · #FF5A3C01 / 045 deliverables
Product design
Apps and web products from first sketch to shipped release.
I map the problem with you, sketch the flows, test them with real people and design every screen down to the empty states.
- User flows
- Wireframes
- Hi-fi screens
- Clickable prototype
- Usability tests
Gel 02 · #FFC94A02 / 045 deliverables
Design systems
One set of components your team designs and builds with.
Tokens, components and documentation that live in Figma and in code, so design and engineering stop drifting apart.
- Tokens
- Figma library
- React components
- Docs site
- Handover
Gel 03 · #3DDC9703 / 045 deliverables
Front-end development
I build what I design, in React, Next.js and Framer.
Fast, accessible front-ends with the motion and detail the design promised, shipped to production and handed over clean.
- React / Next.js
- Framer sites
- Animations
- Accessibility
- Performance
Gel 04 · #6C8CFF04 / 045 deliverables
Brand & web
Identity and a website that launches with it.
Logo, type, colour and a launch site that carries them, for founders who need to look ready on day one.
- Logo
- Type & colour
- Brand guide
- Launch website
- Social kit
Rate card
Three ways to work together
- 01ProjectFixed scope and price
- 02Retainer2–4 days a month
- 03SprintOne week, one problem
FRAME 01 — The gel pack
Four ways I can help. Each one is scoped, priced and planned before we start, and every one ends with something shipped.
4 gels · 1 lens
Gel 01 · #FF5A3C01 / 045 deliverables
Product design
Apps and web products from first sketch to shipped release.
I map the problem with you, sketch the flows, test them with real people and design every screen down to the empty states.
- User flows
- Wireframes
- Hi-fi screens
- Clickable prototype
- Usability tests
Gel 02 · #FFC94A02 / 045 deliverables
Design systems
One set of components your team designs and builds with.
Tokens, components and documentation that live in Figma and in code, so design and engineering stop drifting apart.
- Tokens
- Figma library
- React components
- Docs site
- Handover
Gel 03 · #3DDC9703 / 045 deliverables
Front-end development
I build what I design, in React, Next.js and Framer.
Fast, accessible front-ends with the motion and detail the design promised, shipped to production and handed over clean.
- React / Next.js
- Framer sites
- Animations
- Accessibility
- Performance
Gel 04 · #6C8CFF04 / 045 deliverables
Brand & web
Identity and a website that launches with it.
Logo, type, colour and a launch site that carries them, for founders who need to look ready on day one.
- Logo
- Type & colour
- Brand guide
- Launch website
- Social kit
Rate card
Three ways to work together
- 01ProjectFixed scope and price
- 02Retainer2–4 days a month
- 03SprintOne week, one problem
FRAME 04 — How I work
One project, four days that matter.
Call sheet
New project
No. 026
- Director
- Mara Voss
- Location
- Berlin + remote
- Crew call
- Mondays, 09:00
SceneWhenWhat happens
- 01
Brief
Day1We talk goals, users and constraints. You get a one-page plan.
- 02
Explore
Week1–2Flows, sketches and a clickable direction you can test.
- 03
Build
Week3–6Final design and production code, reviewed every Friday.
- 04
Ship
Week7Launch, handover docs and two weeks of fixes.
Call times move. The Friday review does not.
M. Voss
FRAME 04 — How I work
One project, four days that matter.
Call sheet
New project
No. 026
- Director
- Mara Voss
- Location
- Berlin + remote
- Crew call
- Mondays, 09:00
SceneWhenWhat happens
- 01
Brief
Day1We talk goals, users and constraints. You get a one-page plan.
- 02
Explore
Week1–2Flows, sketches and a clickable direction you can test.
- 03
Build
Week3–6Final design and production code, reviewed every Friday.
- 04
Ship
Week7Launch, handover docs and two weeks of fixes.
Call times move. The Friday review does not.
M. Voss
FRAME 04 — How I work
One project, four days that matter.
Call sheet
New project
No. 026
- Director
- Mara Voss
- Location
- Berlin + remote
- Crew call
- Mondays, 09:00
SceneWhenWhat happens
- 01
Brief
Day1We talk goals, users and constraints. You get a one-page plan.
- 02
Explore
Week1–2Flows, sketches and a clickable direction you can test.
- 03
Build
Week3–6Final design and production code, reviewed every Friday.
- 04
Ship
Week7Launch, handover docs and two weeks of fixes.
Call times move. The Friday review does not.
M. Voss
FRAME 10 — Contact
Have a project? Let's shoot.
ON AIR
Studio 1 · Rec
Tell me what you are making. I reply within a day with next steps and a rough plan.
Booking now forAvailable for work · Nov 2026
Next start dates
FRAME 10 — Contact
Have a project? Let's shoot.
ON AIR
Studio 1 · Rec
Tell me what you are making. I reply within a day with next steps and a rough plan.
Booking now forAvailable for work · Nov 2026
Next start dates
FRAME 10 — Contact
Have a project? Let's shoot.
ON AIR
Studio 1 · Rec
Tell me what you are making. I reply within a day with next steps and a rough plan.
Booking now forAvailable for work · Nov 2026
Next start dates
Prod.Portfolio 2026
SceneFooter
Take1
RollA-09
DirectorMara Voss
Date
Buildmain · 9f3c1a
That's a wrap.
Thanks for watching to the end. Say hello, I read every message and reply within a day.
Write to mehello@maravoss.design