Rebuild on Next.js and TypeScript for long-term maintainability.
Case study 01 / MagicStudio
Building InstaHeadshots
Built a stronger AI-headshot product foundation on Next.js and TypeScript, improving page-load performance, maintainability, and the team's delivery workflow.
RoleLead Frontend Engineer
TimelineApr 2025 – present
FocusFrontend architecture · Performance · Product delivery
Next.jsnew frontend foundation
5engineers in the delivery team
E2Eownership from discovery to rollout
The product needed a stronger foundation.
InstaHeadshots is an AI-powered product with conversion-critical flows spanning upload, generation, review, and delivery. The frontend needed better page-load performance and a structure that would remain maintainable as the product and team evolved.
A rebuild connected to product delivery.
I rebuilt InstaHeadshots on Next.js and TypeScript while partnering with product, design, backend, and machine-learning teams across discovery, technical planning, and production rollout. I also built reusable component systems and internal developer workflows to remove duplicate effort across the product teams.
The choices behind the product.
Treat page-load performance as part of the conversion experience.
Remove duplicate effort with shared components and clearer workflows.
A faster product and a more effective team.
The new foundation improved page-load performance and long-term maintainability. Shared components and clearer engineering workflows increased delivery velocity, while A/B tests and analytics instrumentation connected frontend decisions to conversion and revenue outcomes.