Product Design & Frontend Engineering
Design that survives implementation, and implementation that respects design
- Duration
- 12 weeks
- Level
- Beginner to Intermediate
- Effort
- 12 hrs/week
- Format
- Live online + critique sessions
Next cohort intake is open · instalments available
The valuable person in this space is not a designer who cannot build or a developer who cannot judge a layout. It is the person who does both well enough to close the loop. This track builds that combination, with accessibility and performance as standards rather than afterthoughts.
What you will be able to do
- Run lightweight research and turn it into design decisions you can defend
- Design and document a real design system with tokens and components
- Build accessible React interfaces that pass a keyboard and screen-reader audit
- Handle the states everyone forgets: loading, empty, error, partial and offline
- Meet performance budgets and enforce them in CI
- Present and defend design work in a critique
Entry expectations
If you are close but not quite there, tell us at application. We would rather get you ready than turn you away.
- 01Basic HTML and CSS
- 02An eye you are willing to have corrected
- 03No design degree required
The route, module by module
8 modules over 12 weeks. Every one ends in something deployed to a real URL and reviewed line by line.
- Layout, hierarchy, type scale, colour systems, spacing, and why most interfaces fail on hierarchy alone
- Interviews, task analysis, journey mapping, and turning findings into a scoped design brief
- Flows, forms that people complete, navigation, feedback, and progressive disclosure
- Tokens, primitives, component APIs, documentation, and versioning a system across products
- Semantic HTML, ARIA where it is actually needed, focus management, keyboard paths and screen-reader testing
- React and Next.js, state management, data fetching, forms, error boundaries and testing
- Core Web Vitals, bundle budgets, image strategy, rendering strategy, and measuring in CI
- A complete product interface: research, system, build, audit and a critique presentation
What you will have built
- 01A design system with tokens, components and documentation
- 02An accessible multi-step form with full state coverage
- 03A dashboard rebuilt for hierarchy and performance
- 04Capstone: a researched, designed, built and audited product interface
Roles this prepares you for
Before you apply
Not the right track? Try these
AI Engineering & Applied LLMs
Build AI features that survive production, not demos that survive a slide
View trackFull-Stack SaaS Development
Learn to build multi-tenant products, not another todo app
View trackFrappe & ERPNext Developer
A specialist skill with more open roles than qualified people
View trackReady to build things that ship?
Apply for the next cohort. The first conversation is an honest assessment of where you are and what it will take.