Skip to content
Back to Projects

Imprint

Senior Frontend DeveloperQubikaDecember 2024 Present

Problem

Banks issuing white-label credit products needed a single configurable handler that could ship customer-facing flows fast without recompiling per customer. Feature variations (different copy, different decision rules, different fields shown) had to roll out and roll back without engineering re-deploys, and every variant needed to be debuggable from the support side.

Constraints

Heavy compliance footprint — every UI string had a compliance reviewer attached, so iteration had to happen behind flags rather than in main. Design System adoption was actively rolling out across the org; new work had to consume it AND occasionally drive new primitives back into it. GraphQL contract was shared with the backend team that owned the credit-decision engine, so frontend schema work needed coordinated changes.

Approach

Built every new flow behind a Statsig feature flag so compliance review could happen on a deployed variant before rollout. Wrote components against the in-flight Design System with explicit fallbacks for primitives that hadn't shipped yet — and contributed back when a missing pattern blocked a flow. Used Claude Code (Anthropic's CLI) heavily as a pair-programming collaborator for refactors and test scaffolding; tracked the AI assistance in commit messages so reviewers had context. Storybook-first development meant every variant was reviewable without spinning up the full app shell.

Outcome

Rollouts went from "merge-and-pray" to flag-gated, observable releases — compliance review happens on the deployed variant, not the PR. Design System adoption accelerated because the Imprint team became one of the early load-bearing consumers (and contributors). Test stability improved with Playwright on the new flows; existing flows kept their previous coverage. Engineering velocity went up measurably; AI-assisted scaffolding shortened the gap between "design approved" and "PR ready for review."

Tech

  • Claude Code
  • CSS
  • Design System
  • GraphQL
  • Playwright
  • React
  • Statsig
  • Storybook
  • Styled Components
  • TypeScript