finalflow

The Problem

finalflow is a Berlin-based music tech startup building tools to help artists take their music to the next level. They needed a marketing site built to match pixel-perfect Figma specs, a waitlist signup flow, Firebase-backed account creation, and a foundation that would integrate with their existing education platform and database infrastructure.

The brief was clear: execute the design system exactly as specified, in the client's preferred stack, with no creative latitude. Precise execution of someone else's vision.

Technical Approach

The client's chosen stack was Vue + TypeScript + Tailwind, delivered as a single-page application. I spent around 10 hours reading the Vue and TypeScript documentation before writing the first line of code, then built the site in roughly 20 hours. I translated their Figma components into a Vue component library, ensuring every spacing value, color token, and interaction matched the design system exactly.

Key deliverables:

• Full marketing site as an SPA with smooth scroll navigation
• Waitlist signup form with validation and backend integration
• Account creation flow with Firebase Authentication
• Foundation layer integrated with their existing platform and database
• Responsive implementation across all specified breakpoints

The challenge wasn't complexity. It was discipline. Building someone else's design system well requires resisting the urge to "improve" things and instead matching intent at every level.

What I Took Away

This project proved something different from my other work. The BOA automation showed I can identify problems and build solutions independently. finalflow showed I can come into a new stack, learn it quickly, work precisely within strict constraints, and deliver exactly what was asked for. That's arguably the more common engineering scenario: executing well inside a system someone else designed.

---

Links

• ↗ finalflow.de
• Code is proprietary (client-owned)