Mobile-First Design
From Constraint to Craft
A structured course examining how designing for the smallest screen first produces clearer interfaces, faster load times, and genuinely better user experiences across all devices.
Request Programme Details
Six Modules, One Coherent Arc
Each module builds directly on the previous — no isolated topics, no filler.
Why Constraints Clarify
The 320 px viewport forces decisions that desktop designers defer. Understand the cognitive mechanics behind constraint-driven clarity.
Touch Targets and Ergonomics
Minimum tap areas, thumb-zone mapping, and the physical reality of how people hold devices — translated into concrete layout rules.
Fluid Typography Systems
CSS clamp, viewport units, and optical sizing — building type scales that remain readable from 375 px to 1440 px without breakpoint patches.
Progressive Image Delivery
srcset, sizes, art direction, and format selection. Images that serve the right pixel density without penalising mobile bandwidth.
Navigation Patterns Under Pressure
When drawer menus fail, why tab bars outperform hamburgers for frequent actions, and the data behind gesture-based navigation adoption.
Performance as a Design Decision
Core Web Vitals, Lighthouse auditing, and the direct relationship between load speed and user retention on cellular networks.
What Changes After the Programme
Measurable shifts students typically observe in their own projects — not guarantees, but realistic reference points.
Average mobile LCP on student portfolio projects
After applying module 6 performance techniques
Total structured content across all modules
Hands-on practical sessions with real device testing
Self-paced access — no fixed session times required
All materials in English, accessible from any country
Programme Structure and Format
Practical organisation details for students planning their study schedule.
-
Sequential unlock structure
Each module opens after the preceding lab is submitted. The order reflects genuine dependencies — module 3 typography work relies on module 2 layout decisions.
-
Estimated weekly commitment
Lectures average 45 minutes per topic. Labs typically require 90 minutes of independent work. Most students complete one module per week alongside other commitments.
-
Lab feedback turnaround
Written feedback on submitted labs is provided within 72 hours. Feedback focuses on specific technical decisions, not general encouragement.
-
Prerequisite knowledge
Students should be comfortable writing HTML and CSS independently. No JavaScript background is required for modules 1–4. Module 5 references basic DOM interaction concepts.
-
Device access for testing
Labs are designed to run in Chrome DevTools mobile simulation. Physical device access is encouraged but not required to complete any assessment.
-
Completion and certificate
A certificate of completion is issued after all six labs are passed. The certificate references specific skills assessed, not a generic programme title.
Ready to start?
The programme runs entirely online. Students from any country enrol on the same terms — no regional pricing tiers, no waitlists by geography.