All courses
A tattoo-studio website with a filterable portfolio and consultation planner. Study precise typography, image delivery and entrance motion, then trace selection, form drafts and keyboard access through the finished experience.
An optical-atelier concept centred on an interactive 3D light experiment. Learn to coordinate controls, gestures and camera chapters, preserve spectrum records and recover gracefully when rendering is interrupted.
A geological exploration website with a cutaway environment, scanner and local field log. Trace how input reveals geometry, how scroll directs the camera and how recorded discoveries survive resets and recovery.
A Japanese-garden website built around quiet composition and a tactile raking interaction. Explore responsive typography, canvas drawing, coordinated selections and deferred content, then develop a usable menu and local enquiry flow.
A sake-brand concept combining lacquer-like surfaces, a pouring sequence and serving guidance. Study procedural materials, controlled scroll motion and shared temperature choices, alongside modal focus and responsive delivery.
A print-on-demand landing page where artwork carries across product previews. Learn to handle uploads safely, map images onto materials, expose pricing constraints and coordinate navigation, motion and deferred sections.
A fitness-studio website with class selections and a local booking flow. Trace shared state, media playback and responsive composition, then test form feedback, modal navigation and access to deferred sections.
A mountain-resort website with a procedural landscape, piste selection and date-based quotes. Learn to connect a map and list through shared state, calculate calendar-sensitive prices and manage motion without losing access.
A watch-catalogue website with a working clock and an inspection loupe. Explore time-driven updates, pointer-to-image coordinates, combined filters and accessible detail views while preserving selection across layouts.
A dating-app landing page built around thoughtful prompts rather than endless matching. Study its five-word interaction, committed results and phone preview, then trace responsive composition, scroll effects and modal focus.
An editorial travel website that treats a magazine cover as a physical object. Learn to build the cover interaction, pace a reading sequence and connect places to navigation, with accessible subscription-preview dialogs.
A children’s coding-platform concept with a playable block-programming robot. Trace command rules, editing and cancellable playback, then study lesson dialogs, shared selection and the responsive presentation around the game.
A bike-fitting studio website with an animated rider and linked data graphics. Learn to connect measurements to visual feedback, control motion and visibility, and carry a selected service into a local booking preview.
A custom-map storefront where visitors shape and preview a street study. Learn to construct the map geometry, coordinate controls and presets, tune typography and export a coherent local design.
A dental-practice website built around calm imagery and clear appointment choices. Study responsive type and image crops, trace booking state and focus, and verify direct interactions alongside deferred navigation.
A surf-school website with cinematic footage, daily surf conditions and a lesson planner. Learn to coordinate video and optional sound, connect forecast selections to local planning, and make the shoreline respond to scrolling.
An electric-vehicle charging website with station search, a charging interaction and pricing previews. Learn to model charging phases, combine filters, calculate plan costs and keep selections, navigation and feedback in agreement.
An esports-team website with roster browsing, results and a configurable jersey. Study the underlying data and state transitions, build deliberate composition and motion, and verify that the interactions remain usable without animation.
A coastal-whisky website combining atmospheric film, product storytelling and a visit planner. Explore media controls, scroll-driven narrative and shared values, then build and test an honest local planning flow.
A waterfront-workspace website with an interactive floor plan and visit calendar. Learn to connect space selection to a local planner, compare working arrangements and preserve navigation and focus as sections load.
An animal-adoption concept with companion browsing, routine matching and fostering guidance. Study filtering and recommendation state, local care flows and consent-based motion, then verify keyboard navigation and responsive delivery.
A restaurant website built around fire footage, an interactive menu and reservation planning. Learn to control media and ember effects, make menu choices accessible and carry shared state through a local request flow.
An airport-lounge website with a mechanical departure board and lounge finder. Trace timed animation, search and filtering, coordinate membership selections and inspect the pricing arithmetic behind its local planning flow.
A coffee-roaster website with an origin map, taste finder and subscription builder. Learn to turn preferences into recommendations, preserve a subscription draft and keep brewing quantities consistent across linked controls.
A surf-school and ocean-goods website with a moving water surface and conditions display. Explore the rendering lifecycle, interpret illustrative surf data and connect lessons and product guidance to a coherent local booking flow.
A startup-cohort website leading towards demo day. Learn to build a live countdown and orbital motion, filter company records, coordinate accessible disclosures and carry programme choices into a local application flow.
A language-learning website where words become saved study cards. Trace story records, identity and review-queue state, then connect meaningful motion, accessible navigation and an independent additional-language exercise.
A handwoven-rug storefront with a procedural weaving preview and custom colour choices. Learn to draw fibres and patterns, control staged rendering and keep product configuration, bag contents and local persistence consistent.
An independent bookshop and café website with browsable shelves, staff picks and events. Study shared bookmark state, book discovery and local RSVPs, with careful typography, dialog focus and deferred content.
A ballet-company website with animated imagery, production films and a seat picker. Learn to coordinate media lifecycles, connect seat choices to one state model and preserve focus through local booking and review flows.
A women’s-health service concept with clinician information and a consultation preview. Study the booking handoff, shared state and accessible dialogs, while keeping illustrative conversations and local confirmations distinct from real care.
A climbing-centre website with a procedural wall and guided route progression. Learn to construct geometry and materials, coordinate the camera with scrolling and connect first-visit choices to an accessible local flow.
A football-club website with match information, player statistics and ticket selection. Trace clocks and result reveals, keep ticket choices coherent through review, and verify responsive layouts and local saved state.
An outdoor-equipment storefront with a pack builder and inspectable gear. Learn to derive kit weight from selected products, restore saved choices safely and coordinate accessible product views, focus and deferred loading.
A timber-home website with a procedural frame, floor plans and a project estimator. Explore assembly animation, shared plan choices and transparent calculations, then connect them to useful local outputs and accessible navigation.
A satellite-imagery concept with a procedural landscape, location search and change comparison. Learn to coordinate camera views, make geographic change inspectable and connect a selected area to a transparent estimate.
A stationery storefront with an interactive notebook and live customisation preview. Study page-opening geometry, shared product choices and local selections, then keep navigation and rendering responsive to the current view.
A sleep-tracking ring concept with interactive sleep records, scores and sizing. Explore worker-based rendering, shared chart controls and calibration maths while keeping simulated wellbeing data and sizing limits explicit.
A boatbuilding website that connects a drawn plan to a staged timber hull. Learn to keep 2D and 3D geometry consistent, make assembly progress reversible and manage animation lifecycles and accessible local interactions.
A running-shoe launch page with colourways, a reactive visual trail and drop reminders. Trace shared product selection, scroll choreography and countdown logic, then create a local calendar action without implying a purchase.
A contract-review product concept built around sample documents and playbooks. Learn to model review results, export local work and preserve playbook settings, with accessible navigation and a clear boundary around the demo.
A barbecue-restaurant website with cooking footage and a weight-based ordering preview. Explore video and sound lifecycles, connect one quantity to several views and carry the result into a truthful local flow.
A newsletter-platform concept with a live writing preview, subscriber calculator and CSV check. Learn to keep one draft consistent across views, explain calculation assumptions and distinguish simulated delivery from a real send.
A mineral-sunscreen storefront with a pool scene, shade explorer and bundle builder. Trace colour blending and shared bag state, then coordinate responsive layout, navigation and motion around the product choices.
An online-therapy website concept with an optional breathing exercise and therapist-matching flow. Study timed controls, responsive composition and local form state, keeping the interface’s demonstrations separate from real treatment or booking.
An aquarium website with underwater film, moving light, a fish school and a visit planner. Learn to defer video and sound, control procedural animation and keep visit choices consistent through an immersive scroll narrative.
A sports-car launch concept with vehicle selections, scroll-driven imagery and a track film. Learn to coordinate configuration state, accessible controls and distinct media lifecycles while keeping local previews separate from real orders.
A glassmaking-studio website with a changing material study and hot-shop footage. Explore light, typography and scroll-driven surfaces, then connect the film and product story to a clear local enquiry flow.
An AI-receptionist product concept with a simulated patient call and impact calculator. Trace conversational timing, feature states and calculation inputs, then build accessible demo flows without implying a connected phone or booking service.
A campervan-rental concept with an inspectable interior, route choices and stay estimates. Learn to move along real geometry, coordinate selected routes and calculate calendar-safe local quotes with accessible dialogs.
An alpine-stay website with snowfall, conditions, terrain routes and room selection. Explore bounded visual effects and linked controls, then carry a room choice into a consistent stay plan across screen sizes.
A photography storefront styled as an editorial contact sheet. Study image development effects, collection filtering and accessible inspection, then connect shared selection and deferred navigation without confusing drafts with committed choices.
A florist website with an assembling bouquet, stem details and a Friday arrangement planner. Learn to separate motion from selected state, connect one record to several views and distinguish editing from saving.
A civic-budget concept that makes public spending and local choices inspectable. Learn to coordinate data graphics, reconcile a receipt and model one resident’s selection, with clear navigation and accountable numerical feedback.
An electric-bike website with a range calculator, route feedback and colour configurator. Trace shared selections and input validity, then build an accessible demo-booking preview with consistent dates and reset behaviour.
An architecture-studio website with a changing project hero and curated portfolio. Learn to coordinate filters and project selection, compose restrained typography and choreograph scrolling while keeping every project reachable.
A recording-studio website with an audio-treatment demo, visual analyser and session estimator. Trace the sound graph and pricing ledger, then preserve booking drafts and export the same locally reviewed estimate.
A piano-learning website with lesson footage, playable keys and a piano roll. Learn to unlock browser audio, coordinate notes and previews, cancel pending playback and build an accessible local trial-planning flow.
An independent type-foundry website with variable-font controls and a glyph explorer. Learn to map input to letterforms, manage editable specimens and character sets, and calculate licensing previews without implying a sale.
An observability-platform concept with a service map and failure simulation. Trace nodes, connections and timed states, connect feature demos to shared visual rules and carry plan calculations into an accessible local flow.
A preschool website with woodland illustration and a visit calendar. Learn to build scalable animated scenes, manage menu focus and keep calendar availability and selected visit times consistent across layouts.
An architectural-lighting website with a room scene and interactive lighting controls. Explore colour and geometry, connect fixture placement to visible results and manage rendering, local exports and keyboard access.
A digital tile exhibition with an interactive mosaic and a visit planner. Learn to generate a repeatable tile field, coordinate patterns and historical stories, and keep visit calculations and navigation consistent.
A weather-app concept with selectable skies, forecast graphics and procedural maps. Trace one weather choice through the page, render atmospheric effects and manage occasional storms, reduced motion and stable loading.
An observatory website with an interactive local sky, Moon and planet views. Learn to transform catalogue coordinates, resize the canvas and control update loops, then connect accessible navigation to a local visit planner.
A quantum-computing landing page with an interactive qubit and simulated results. Learn to connect angle controls to WebGL geometry, coordinate the explanation and distinguish the demonstration from a real quantum service.
An Indian-food website with a shared menu, basket and build-your-own thali. Trace catalogue records through selections and local confirmation, then add controlled spice animation, responsive imagery and accessible delivery.
A cinematic colour-grading storefront with a direct before-and-after comparison. Explore image-reveal geometry and the colour pipeline, then coordinate product selection, basket totals, motion and dialog focus.
An invoicing-product website with a choreographed invoice and interactive feature previews. Learn to derive views from shared data, manage replay timers and build usable modal interactions around a deliberate visual hierarchy.
A private-club website that reveals its rooms through an interactive aperture. Explore pointer geometry, room browsing and a local introduction form, then coordinate focus, motion preferences and deferred navigation.
An incident-response website with a simulated global threat map and scenario timelines. Learn to construct route geometry, manage drawing and pause lifecycles, and keep local response flows clear about their limits.
A smart-thermostat website with a dial, schedule and savings preview. Learn to translate gestures into temperature state, animate stable geometry and keep illustrative calculations, accessible controls and deferred navigation coherent.
An AI-lab landing page with a luminous interactive orb. Study from brief to composition, runtime and architecture, typography and responsive rules, with source-guided lessons and practical exercises.
A festival website built around music, motion and programme discovery. Study find the owners, compose for legibility, navigation that carries focus, with source-guided lessons and practical exercises.
A finance workspace concept with an interactive product demonstration. Study tools, source and provenance, components and state ownership, typography and composition, with source-guided lessons and practical exercises.
An architectural website with a layered glass-inspired hero. Study read the composition, follow the components, build the layered hero, with source-guided lessons and practical exercises.
A resort website with cinematic media and responsive storytelling. Study map the application, build the still composition, deliver the cinematic media, with source-guided lessons and practical exercises.
A skincare website built around product imagery and an understated visual system. Study map the application, compose the hero, make imagery part of the system, with source-guided lessons and practical exercises.
A developer-tool website with synchronised SVG motion. Study turn the brief into a working foundation, give state a clear owner, make the composition hold at every width, with source-guided lessons and practical exercises.
An orbital landing page with a planetary scene and mission interface. Study read the composition, find the owner, build the planetary image, with source-guided lessons and practical exercises.
An electric-aircraft website with linked route selections. Study compose the first impression, separate responsibilities, keep a route in agreement, with source-guided lessons and practical exercises.
An exhibition microsite where light becomes an interaction. Study read the page as a system, compose before animating, make light an interaction, with source-guided lessons and practical exercises.
A type-foundry website with interactive specimens. Study let type carry the composition, make the specimen respond, separate text from its presentation, with source-guided lessons and practical exercises.
A sauna-retreat website combining photography, typography and booking interactions. Study structure: find the owner of each behavior, composition: make the photograph and type cooperate, navigation: make every route and focus path explicit, with source-guided lessons and practical exercises.
A cocktail-bar website with an interactive entrance and low-light composition. Study how the page fits together, compose the low-light scene, make the entrance an interaction, with source-guided lessons and practical exercises.
A motion portfolio with an infinite gallery. Study a small application, clearly divided, type, imagery and a finite viewport, an infinite gallery, with source-guided lessons and practical exercises.
A studio website using portrait layers and scroll-driven composition. Study from brief to components, type and portrait layers, scroll as a signal, with source-guided lessons and practical exercises.
A personal portfolio built around a layered portrait. Study assemble the page, compose in layers, turn scroll into a value, with source-guided lessons and practical exercises.
A wearable-product website with a constructed device and interactive controls. Study map the architecture, build the visual system, construct the device, with source-guided lessons and practical exercises.
An architectural landing page with guided visual and interaction studies. Study translate the brief into a design system, toolchain and project setup, component architecture and state/data flow, with source-guided lessons and practical exercises.
A game-studio website with cinematic hero media. Study architecture and toolchain, composition and hero media, navigation and dialog ownership, with source-guided lessons and practical exercises.
An agency website with expressive typography and a flexible hero. Study the page as a system, type as geometry, the flexible hero, with source-guided lessons and practical exercises.
A tax-filing product website with CSS-built objects and interface demonstrations. Study compose and deliver the page, make typography hold its shape, construct objects with css, with source-guided lessons and practical exercises.
A deep-sea website that turns scrolling into a journey through depth. Study read the application, compose the surface, turn scrolling into depth, with source-guided lessons and practical exercises.
A travel website with moving clouds, destination selection and a responsive itinerary. Study art direction & type, components & shared state, clouds, scroll & motion, with source-guided lessons and practical exercises.
A portfolio where typography and media carry the work. Study find the owners, make type do the work, compose and deliver the media, with source-guided lessons and practical exercises.
An AI-editor concept with an interactive editing workflow. Study make the promise visible, follow one edit through state, design the keyboard path, with source-guided lessons and practical exercises.
A yacht-charter website with several views of one shared enquiry brief. Study read the architecture, compose the opening view, one brief, several views, with source-guided lessons and practical exercises.
An orbital-hotel website with a Three.js scene. Study page and state, type and responsive composition, image, frame and provenance, with source-guided lessons and practical exercises.
A reading-app website designed around readable typography and trustworthy controls. Study trace the architecture, shape the reading experience, make interaction trustworthy, with source-guided lessons and practical exercises.
An HR-product website with an interactive organisational chart. Study architecture & toolchain, visual system, org chart & motion, with source-guided lessons and practical exercises.
A law-firm website with purposeful state and a considered visual system. Study the visual system, the page as a system, state with a purpose, with source-guided lessons and practical exercises.
A product website with cinematic media and a restrained composition. Study compose the first impression, read the component relationships, make cinematic media behave responsibly, with source-guided lessons and practical exercises.
A chair-product website with linked selections and a constructed object. Study one selection, many views, compose for the available space, construct a readable object, with source-guided lessons and practical exercises.
A coffee website connecting visual ritual to interactive product choices. Study design the first impression, find the owner of each decision, control type across screen sizes, with source-guided lessons and practical exercises.
A carbon-capture website with an animated hero and structured narrative. Study compose the hero, build the page graph, deliver motion deliberately, with source-guided lessons and practical exercises.
A wine website combining art direction, responsive typography and interaction. Study from brief to composition, toolchain and component architecture, type and responsive layout, with source-guided lessons and practical exercises.
A film-festival website with hover clips, programme filters, film details, venue timelines and a personal schedule. Trace the implementation, test its state rules and build an evidenced extension.
A pâtisserie website with a pastry-box builder, pickup selection and animated cake layers. Trace the implementation, test its state rules and build an evidenced extension.
A farm-subscription website with interactive subscription choices and a local order preview. Trace the implementation, test its state rules and build an evidenced extension.
A headphone product page with procedural 3D headphones, optional music, a frequency graph and an exploded view. Trace the implementation, test its state rules and build an evidenced extension.
A VR-arcade website with a shader portal, animated game previews and a demonstration booking flow. Trace the implementation, test its state rules and build an evidenced extension.
A 3D chocolate workbench with tempering controls, a tasting notebook and camera-led chapters. Trace the implementation, test its state rules and build an evidenced extension.
An interactive 3D growth study with light and moisture controls and a local observation notebook. Trace the implementation, test its state rules and build an evidenced extension.
A coastal field study with a tide wheel, five camera views and a persistent, downloadable notebook. Trace the implementation, test its state rules and build an evidenced extension.
A botanical 3D study of three seed forms, staged growth and saved observation cards. Trace the implementation, test its state rules and build an evidenced extension.
A mechanical-camera landing page with working focus, aperture and shutter controls, rendered exposures and a contact sheet. Trace the implementation, test its state rules and build an evidenced extension.