MODULE 02 / DAYS 03—05
$499 stand-alone
User Interface & User Experience (UI/UX) & Rapid Front-End Vibe-Coding
We turn the plan into a product people want to use. You learn AI-assisted design methods that produce a distinctive interface, then vibe-code it into a working, responsive front end.
What we cover
- Choosing a visual direction that does not look AI-generated
- Colour, type and spacing tokens in a real design system
- Prompting Lovable and using Figma, Relume and Mobbin for accurate User Interface (UI)
- Responsive layouts, empty states and loading states
- Accessibility basics and hover/focus polish
How the sessions run
01
Session 1 — Design direction, tokens and component system
02
Session 2 — Building core screens with AI
03
Session 3 — Responsive polish, states and interactions
What you walk away with
A working, responsive front-end prototype
A reusable component and token system
Confidence steering AI tools toward your design intent
CORE DELIVERABLE
Interactive front-end prototype connected to real design tokens.
$499 payable in advance
- Non-refundable deposit (50%) — on reservation$249.50
- Balance (50%) — 1 week before start$249.50
Or pay in full. At least 1 week is needed to prep your course materials.
Fees are non-refundable once a slot is booked. Modules can be taken stand-alone, though completing at least the first three is recommended.