Cut toFrame 0304
Home
CASE 07 — Product · Mobile app
Loop
Call sheetProd. No. 07
- Production
- Loop
- Client
- Loop Bank
- Category
- Product · Mobile app
- Year
- 2026
- Role
- Product design, prototyping
- Team
- 6 people
DirectorMara VossShipped 2026
A-cam · loop-banking-appThe short version
A banking app that turns spending into a weekly story.
Outcome
4.8★
4.8★ on the App Store
The brief
Loop Bank came to me with a clear goal and a short runway: turn a promising idea into something real people use — and ship it, not just show it.
The job was to find the few things that mattered, design them properly and build them to the same standard. We worked as one small team — 6 people, one channel and a review every Friday — so what was designed on Monday was in the browser by Thursday.
What I did
- 01
Ran a two-day kick-off with the Loop Bank team to agree goals, users and what done means
- 02
Cut the scope to the flows that mattered for launch and tested them with real users in week two
- 03
Designed the system in Figma — type, colour, components and motion — as one source of truth
- 04
Built the front end in React with the team and reviewed it together every Friday
- 05
Handed over clean code, a component library and docs, then stayed on for two weeks of fixes
Design → code
Same hands on both sides. The frame on the left is the Figma file, the panel on the right is what shipped — type, spacing and colour come straight across, nothing gets lost in a handoff.
Hero / Desktop
Loop1440 × 900loop-banking-app/Hero.tsxTSX
1// Loop — Product · Mobile app2import { Frame, Cover, Title } from "@mv/studio"34export default function Hero() {5return (6<Frame name="Hero / Desktop" width={1440}>7<Cover src="/loop-banking-app/cover.webp" grade="studio" />8<Title wdth={118} tracking={-0.04}>Loop</Title>9<Accent color="#22C3EE" />10</Frame>11)12}
The result
Launched on schedule, measured after launch, and handed to a team that can keep going without me.
- Take 1
- 7 wks
- Brief to launch
- Take 2
- 1
- Source of truth, Figma to React
- Take 3
- 2 wks
- Of fixes after launch
More frames
The clientLoop Bank · 2026
“Mara designed it and then built half of it. We shipped two months early.
Lena HartCEO · Loop Bank
1Roll on · 08Open caseNext project · 08 / 08
Pulse
Pulse Analytics · Product · Design system · 2025
A dashboard and 140-component design system in Figma and React.
CASE 07 — Product · Mobile app
Loop
Call sheetProd. No. 07
- Production
- Loop
- Client
- Loop Bank
- Category
- Product · Mobile app
- Year
- 2026
- Role
- Product design, prototyping
- Team
- 6 people
DirectorMara VossShipped 2026
A-cam · loop-banking-appThe short version
A banking app that turns spending into a weekly story.
Outcome
4.8★
4.8★ on the App Store
The brief
Loop Bank came to me with a clear goal and a short runway: turn a promising idea into something real people use — and ship it, not just show it.
The job was to find the few things that mattered, design them properly and build them to the same standard. We worked as one small team — 6 people, one channel and a review every Friday — so what was designed on Monday was in the browser by Thursday.
What I did
- 01
Ran a two-day kick-off with the Loop Bank team to agree goals, users and what done means
- 02
Cut the scope to the flows that mattered for launch and tested them with real users in week two
- 03
Designed the system in Figma — type, colour, components and motion — as one source of truth
- 04
Built the front end in React with the team and reviewed it together every Friday
- 05
Handed over clean code, a component library and docs, then stayed on for two weeks of fixes
Design → code
Same hands on both sides. The frame on the left is the Figma file, the panel on the right is what shipped — type, spacing and colour come straight across, nothing gets lost in a handoff.
Hero / Desktop
Loop1440 × 900loop-banking-app/Hero.tsxTSX
1// Loop — Product · Mobile app2import { Frame, Cover, Title } from "@mv/studio"34export default function Hero() {5return (6<Frame name="Hero / Desktop" width={1440}>7<Cover src="/loop-banking-app/cover.webp" grade="studio" />8<Title wdth={118} tracking={-0.04}>Loop</Title>9<Accent color="#22C3EE" />10</Frame>11)12}
The result
Launched on schedule, measured after launch, and handed to a team that can keep going without me.
- Take 1
- 7 wks
- Brief to launch
- Take 2
- 1
- Source of truth, Figma to React
- Take 3
- 2 wks
- Of fixes after launch
More frames
The clientLoop Bank · 2026
“Mara designed it and then built half of it. We shipped two months early.
Lena HartCEO · Loop Bank1Roll on · 08Open caseNext project · 08 / 08
Pulse
Pulse Analytics · Product · Design system · 2025
A dashboard and 140-component design system in Figma and React.
CASE 07 — Product · Mobile app
Loop
Call sheetProd. No. 07
- Production
- Loop
- Client
- Loop Bank
- Category
- Product · Mobile app
- Year
- 2026
- Role
- Product design, prototyping
- Team
- 6 people
DirectorMara VossShipped 2026
A-cam · loop-banking-appThe short version
A banking app that turns spending into a weekly story.
Outcome
4.8★
4.8★ on the App Store
The brief
Loop Bank came to me with a clear goal and a short runway: turn a promising idea into something real people use — and ship it, not just show it.
The job was to find the few things that mattered, design them properly and build them to the same standard. We worked as one small team — 6 people, one channel and a review every Friday — so what was designed on Monday was in the browser by Thursday.
What I did
- 01
Ran a two-day kick-off with the Loop Bank team to agree goals, users and what done means
- 02
Cut the scope to the flows that mattered for launch and tested them with real users in week two
- 03
Designed the system in Figma — type, colour, components and motion — as one source of truth
- 04
Built the front end in React with the team and reviewed it together every Friday
- 05
Handed over clean code, a component library and docs, then stayed on for two weeks of fixes
Design → code
Same hands on both sides. The frame on the left is the Figma file, the panel on the right is what shipped — type, spacing and colour come straight across, nothing gets lost in a handoff.
Hero / Desktop
Loop1440 × 900loop-banking-app/Hero.tsxTSX
1// Loop — Product · Mobile app2import { Frame, Cover, Title } from "@mv/studio"34export default function Hero() {5return (6<Frame name="Hero / Desktop" width={1440}>7<Cover src="/loop-banking-app/cover.webp" grade="studio" />8<Title wdth={118} tracking={-0.04}>Loop</Title>9<Accent color="#22C3EE" />10</Frame>11)12}
The result
Launched on schedule, measured after launch, and handed to a team that can keep going without me.
- Take 1
- 7 wks
- Brief to launch
- Take 2
- 1
- Source of truth, Figma to React
- Take 3
- 2 wks
- Of fixes after launch
More frames
The clientLoop Bank · 2026
“Mara designed it and then built half of it. We shipped two months early.
Lena HartCEO · Loop Bank1Roll on · 08Open caseNext project · 08 / 08
Pulse
Pulse Analytics · Product · Design system · 2025
A dashboard and 140-component design system in Figma and React.
FRAME 10 — Contact
Have a project? Let's shoot.
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.
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.
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
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