Skip to content
Available for work · Nov 2026Hire me

FRAME 00 — About

I'm Mara Voss, a product designer who also writes the code. For 9 years I've taken products from a messy first brief to a release people use every day — without the usual gap between design and build.

  • Based in Berlin
  • 9 years in product
  • Design + front-end
Start a projectDownload résumé
Portrait of Mara Voss
Backdrop · Clay · Take 01f/2.8 · 1/125 · ISO 100

FRAME 01 — The story

Contact print · Roll 016 frames

  1. 2012Started interaction design at HfG
  2. 2016First studio job in Berlin
  3. 2018Learned React to stop waiting on handoffs
  1. 2020Led design at Loop Bank
  2. 2023Went independent
  3. 2026Taking on 3 projects a quarter

FRAME 02 — How I work

  1. 01

    Design and code in the same week

    I sketch in Figma and build in the browser side by side, so we test real interactions early and nothing gets lost in a handoff.

  2. 02

    Small scope, shipped often

    We cut the work into releases you can actually use. A working slice every two weeks beats a perfect plan that ships in six months.

  3. 03

    You talk to me, not an account manager

    The person on your calls is the person doing the work. Decisions take a message, not a meeting.

FRAME 03 — Off set

Colour tests, week 2
Colour tests, week 2
The desk, Berlin
The desk, Berlin
Friday review
Friday review

Currently

Updated Sep 2026
Reading
Shape Up by Ryan Singer
Listening
Floating Points — Cascade
Building
A tiny motion library for React

FRAME 00 — About

I'm Mara Voss, a product designer who also writes the code. For 9 years I've taken products from a messy first brief to a release people use every day — without the usual gap between design and build.

  • Based in Berlin
  • 9 years in product
  • Design + front-end
Start a projectDownload résumé
Portrait of Mara Voss
Backdrop · Clay · Take 01f/2.8 · 1/125 · ISO 100

FRAME 01 — The story

Contact print · Roll 016 frames

  1. 2012Started interaction design at HfG
  2. 2016First studio job in Berlin
  3. 2018Learned React to stop waiting on handoffs
  1. 2020Led design at Loop Bank
  2. 2023Went independent
  3. 2026Taking on 3 projects a quarter

FRAME 02 — How I work

  1. 01

    Design and code in the same week

    I sketch in Figma and build in the browser side by side, so we test real interactions early and nothing gets lost in a handoff.

  2. 02

    Small scope, shipped often

    We cut the work into releases you can actually use. A working slice every two weeks beats a perfect plan that ships in six months.

  3. 03

    You talk to me, not an account manager

    The person on your calls is the person doing the work. Decisions take a message, not a meeting.

FRAME 03 — Off set

Colour tests, week 2
Colour tests, week 2
The desk, Berlin
The desk, Berlin
Friday review
Friday review

Currently

Updated Sep 2026
Reading
Shape Up by Ryan Singer
Listening
Floating Points — Cascade
Building
A tiny motion library for React

FRAME 00 — About

I'm Mara Voss, a product designer who also writes the code. For 9 years I've taken products from a messy first brief to a release people use every day — without the usual gap between design and build.

  • Based in Berlin
  • 9 years in product
  • Design + front-end
Start a projectDownload résumé
Portrait of Mara Voss
Backdrop · Clay · Take 01f/2.8 · 1/125 · ISO 100

FRAME 01 — The story

Contact print · Roll 016 frames

  1. 2012Started interaction design at HfG
  2. 2016First studio job in Berlin
  1. 2018Learned React to stop waiting on handoffs
  2. 2020Led design at Loop Bank
  1. 2023Went independent
  2. 2026Taking on 3 projects a quarter

FRAME 02 — How I work

  1. 01

    Design and code in the same week

    I sketch in Figma and build in the browser side by side, so we test real interactions early and nothing gets lost in a handoff.

  2. 02

    Small scope, shipped often

    We cut the work into releases you can actually use. A working slice every two weeks beats a perfect plan that ships in six months.

  3. 03

    You talk to me, not an account manager

    The person on your calls is the person doing the work. Decisions take a message, not a meeting.

FRAME 03 — Off set

Colour tests, week 2
Colour tests, week 2
The desk, Berlin
The desk, Berlin
Friday review
Friday review

Currently

Updated Sep 2026
Reading
Shape Up by Ryan Singer
Listening
Floating Points — Cascade
Building
A tiny motion library for React

FRAME 05 — Tools

The kit I bring to every project. Half of it draws, half of it ships — and I use all of it myself.

Design06

  • FigmaDesign · 01
  • FramerDesign · 02
  • RiveMotion · 03
  • ProtopiePrototyping · 04
  • Blender3D · 05
  • NotionOps · 12

Code06

  • ReactCode · 06
  • TypeScriptCode · 07
  • Next.jsCode · 08
  • TailwindCode · 09
  • StorybookCode · 10
  • GitCode · 11

FRAME 05 — Tools

The kit I bring to every project. Half of it draws, half of it ships — and I use all of it myself.

Design06

  • FigmaDesign · 01
  • FramerDesign · 02
  • RiveMotion · 03
  • ProtopiePrototyping · 04
  • Blender3D · 05
  • NotionOps · 12

Code06

  • ReactCode · 06
  • TypeScriptCode · 07
  • Next.jsCode · 08
  • TailwindCode · 09
  • StorybookCode · 10
  • GitCode · 11

FRAME 05 — Tools

The kit I bring to every project. Half of it draws, half of it ships — and I use all of it myself.

Design06

  • FigmaDesign · 01
  • FramerDesign · 02
  • RiveMotion · 03
  • ProtopiePrototyping · 04
  • Blender3D · 05
  • NotionOps · 12

Code06

  • ReactCode · 06
  • TypeScriptCode · 07
  • Next.jsCode · 08
  • TailwindCode · 09
  • StorybookCode · 10
  • GitCode · 11

FRAME 06 — Résumé

Download résuméFull résumé

A Mara Voss production

9 years in production

Work

  • Independent product designer & developer2023 — nowMara Voss StudioProduct design and front-end for startups and brands in Europe and the US.
  • Lead product designer2020 — 2023Loop BankLed design of the mobile app from beta to 1.2M users.
  • Design engineer2018 — 2020Pulse AnalyticsBuilt the design system in Figma and React.
  • Designer2016 — 2018Studio NorthBrand and web projects for cultural clients.

Education

  • BA Interaction Design2012 — 2016HfG Schwäbisch GmündThesis on motion in interfaces.

Awards

  • Site of the Day2024AwwwardsFor the Atlas docs site.

Directed & built by

Mara Voss

Shot on location in Berlin

FRAME 06 — Résumé

Download résuméFull résumé

A Mara Voss production

9 years in production

Work

  • Independent product designer & developer2023 — nowMara Voss StudioProduct design and front-end for startups and brands in Europe and the US.
  • Lead product designer2020 — 2023Loop BankLed design of the mobile app from beta to 1.2M users.
  • Design engineer2018 — 2020Pulse AnalyticsBuilt the design system in Figma and React.
  • Designer2016 — 2018Studio NorthBrand and web projects for cultural clients.

Education

  • BA Interaction Design2012 — 2016HfG Schwäbisch GmündThesis on motion in interfaces.

Awards

  • Site of the Day2024AwwwardsFor the Atlas docs site.

Directed & built by

Mara Voss

Shot on location in Berlin

FRAME 06 — Résumé

Download résuméFull résumé

A Mara Voss production

9 years in production

Work

  • Independent product designer & developer2023 — nowMara Voss StudioProduct design and front-end for startups and brands in Europe and the US.
  • Lead product designer2020 — 2023Loop BankLed design of the mobile app from beta to 1.2M users.
  • Design engineer2018 — 2020Pulse AnalyticsBuilt the design system in Figma and React.
  • Designer2016 — 2018Studio NorthBrand and web projects for cultural clients.

Education

  • BA Interaction Design2012 — 2016HfG Schwäbisch GmündThesis on motion in interfaces.

Awards

  • Site of the Day2024AwwwardsFor the Atlas docs site.

Directed & built by

Mara Voss

Shot on location in Berlin

FRAME 07 — Kind words

Cut out and kept. A few words from the people I've designed and shipped with.

No. 01Loop Bank · Re: Loop

Mara designed it and then built half of it. We shipped two months early.
Lena HartCEO · Loop Bank

No. 02Nord Coffee · Re: Nord

The brand looked like us from the first round. Customers ask who made our bags.
Jonas BergFounder · Nord Coffee

No. 03Atlas Cloud · Re: Atlas

The rare designer who reads a pull request. Our docs finally feel fast.
Amira SaidCTO · Atlas Cloud

No. 04Pulse Analytics · Re: Pulse

She gave us one system our designers and engineers both trust.
Chris OwenHead of Product · Pulse Analytics

No. 05Sole Supply · Re: Sole

Fast, calm and very, very good with detail.
Sofia MarinCreative Director · Sole Supply

FRAME 07 — Kind words

Cut out and kept. A few words from the people I've designed and shipped with.

No. 01Loop Bank · Re: Loop

Mara designed it and then built half of it. We shipped two months early.
Lena HartCEO · Loop Bank

No. 02Nord Coffee · Re: Nord

The brand looked like us from the first round. Customers ask who made our bags.
Jonas BergFounder · Nord Coffee

No. 03Atlas Cloud · Re: Atlas

The rare designer who reads a pull request. Our docs finally feel fast.
Amira SaidCTO · Atlas Cloud

No. 04Pulse Analytics · Re: Pulse

She gave us one system our designers and engineers both trust.
Chris OwenHead of Product · Pulse Analytics

No. 05Sole Supply · Re: Sole

Fast, calm and very, very good with detail.
Sofia MarinCreative Director · Sole Supply

FRAME 07 — Kind words

Cut out and kept. A few words from the people I've designed and shipped with.

No. 01Loop Bank · Re: Loop

Mara designed it and then built half of it. We shipped two months early.
Lena HartCEO · Loop Bank

No. 02Nord Coffee · Re: Nord

The brand looked like us from the first round. Customers ask who made our bags.
Jonas BergFounder · Nord Coffee

No. 03Atlas Cloud · Re: Atlas

The rare designer who reads a pull request. Our docs finally feel fast.
Amira SaidCTO · Atlas Cloud

No. 04Pulse Analytics · Re: Pulse

She gave us one system our designers and engineers both trust.
Chris OwenHead of Product · Pulse Analytics

No. 05Sole Supply · Re: Sole

Fast, calm and very, very good with detail.
Sofia MarinCreative Director · Sole Supply

FRAME 10 — Contact

Studio 1 · Rec

Tell me what you are making. I reply within a day with next steps and a rough plan.

Start a project

Booking now forAvailable for work · Nov 2026

Next start dates

  1. StartNo.01Nov 17Admit one project
  2. StartNo.02Dec 1Admit one project
  3. StartNo.03Jan 12Admit one project

FRAME 10 — Contact

Studio 1 · Rec

Tell me what you are making. I reply within a day with next steps and a rough plan.

Start a project

Booking now forAvailable for work · Nov 2026

Next start dates

  1. StartNo.01Nov 17Admit one project
  2. StartNo.02Dec 1Admit one project
  3. StartNo.03Jan 12Admit one project

FRAME 10 — Contact

Studio 1 · Rec

Tell me what you are making. I reply within a day with next steps and a rough plan.

Start a project

Booking now forAvailable for work · Nov 2026

Next start dates

  1. StartNo.01Nov 17Admit one project
  2. StartNo.02Dec 1Admit one project
  3. StartNo.03Jan 12Admit one project
Prod.Portfolio 2026
SceneFooter
Take1
RollA-09
DirectorMara Voss
Date 
Buildmain · 9f3c1a

Thanks for watching to the end. Say hello, I read every message and reply within a day.

Write to mehello@maravoss.design

© 2026 Mara VossLocal time --:-- · Berlin

Create a free website with Framer, the website builder loved by startups, designers and agencies.