SaaS landing page A four-page product-analytics SaaS site. The home page runs a split hero with a self-drawing live chart and count-up KPI, a chaos-to-clarity before/after slider, a bento feature preview and count-up stats — then /features carries the full grid, the how-it-works flow and the integrations ledger, /pricing the plan cards with a working monthly/yearly toggle, and /contact a real enquiry form.
4 pages + 404 Live-chart hero Before/after slider Bento features Count-up stats How it works Pricing toggle Contact form
Restaurant & café A four-page restaurant site. The home page runs a four-plane parallax hero with a cycling tagline, an ingredient marquee, count-up story stats, a tabbed menu preview, a clip-path fire band and a hover-zoom gallery — then /menu carries the full printed card and by-the-glass cellar list, /story the farms and the kitchen team, and /visit a map, opening hours and a working reservation form.
4 pages + 404 Layered parallax hero Ingredient marquee Tabbed menu preview Full menu + wine list Story, farms & team Hover-zoom gallery Reserve + map
Portfolio An image-led visual portfolio for a designer — scroll-snap intro, a staggered line/char hero reveal, a masonry gallery whose tiles clip-path-reveal and hover-zoom and open into a full-screen lightbox, plus a magnetic contact button. One scroll, but properly routed, so adding a case-study page later is one file.
Intro Hero Gallery About Services Contact 404 page
Creative design studio An editorial broadsheet studio site: flush-left Fraunces type, a bespoke ink cursor, magnetic links and a cursor-tracked floating work index. One scroll, but properly routed, so a services or case-study page is one file away.
Hero Marquee Work Index Statement Studio Contact 404 page
Music artist / band A grainy silkscreen gig-poster site for a touring band — a scrambling band-name detonation, a hover-expand set list, a spinning vinyl and living film grain. One scroll, but properly routed, so a merch or press page is one file away.
Hero Tour Dates Cities Discography Vinyl Newsletter 404 page
Mobile app launch A playful habit-app launch page with a scroll-synced phone demo, a pastel bento grid, and a self-drawing how-it-works flow. One scroll, but properly routed, so a pricing or support page is one file away.
Hero Scrolly Demo Bento Features How it works Reviews Download 404 page
Boxing & strength gym A loud, skewed fight-poster site for a boxing & strength gym across four pages: a kinetic home page with today's classes and count-up stats, a full interactive weekly timetable with every class explained, a coach roster with the facility spec, and membership tiers.
4 pages + 404 Kinetic hero Class marquee Weekly timetable Count-up stats Coach roster Membership tiers Free-week signup
Single-product DTC store A pinned scrollytelling story for a single skincare serum, where tapping a variant swatch re-themes the whole page and cross-dissolves the bottle. One scroll, but properly routed, so an ingredients or FAQ page is one file away.
Intro Variant swatches Sticky story Ingredients Ritual Proof Buy bar 404 page
Tech summit A dark, glassy tech-summit hub across four pages: a home page built on a live real-time countdown and a partner ticker, a full 3D flip-card speaker line-up, a two-day agenda on a self-drawing timeline, and a tickets page with the venue and travel notes.
4 pages + 404 Live countdown hero Partner marquee Flip-card speakers Two-day agenda Ticket tiers Venue & travel Register
Boutique hotel & resort A boutique coastal hotel across four pages: a home page with a full-bleed hero booking bar and a pinned horizontal rooms gallery, a bookable room list with rates, the house's story with a clip-path amenities gallery, and a visit page with the booking form, map and travel notes.
4 pages + 404 Hero + booking bar Pinned rooms gallery Room list & rates Parallax bands The house's story Clip-path amenities Map & getting here
Crypto wallet app A futuristic self-custody crypto wallet landing page — aurora-mesh hero with a 3D-tilting wallet card, a live token ticker, and a glassy bento feature grid. One scroll, but properly routed, so a docs or changelog page is one file away.
Hero Token ticker Features Network How it works Security CTA 404 page
Wellness & yoga studio A calm, organic wellness & yoga studio and day spa site — morphing blob shapes, curved section dividers, a hover-expand treatments list and a gentle booking flow. One unhurried scroll, but properly routed, so a pricing or memberships page is one file away.
Hero Philosophy Treatments Timetable Gallery Testimonial Visit 404 page
Real estate agency An architectural-ledger agency site across four pages: hairline surveyor rules, oversized tabular prices, a featured-listing spec ledger and listing cards with built-in cross-fade photo pagers — plus a full listings file, neighborhood plates with market figures, and the brokers with their process.
4 pages + 404 Parallax survey hero Featured spec ledger Photo-pager listings Navy stats band Neighborhood plates Market figures Brokers & process
Nonprofit & charity A warm, editorial clean-water foundation site across four pages: count-up impact stats and a community story on the home page, the three programmes with a step-by-step approach, an impact page with all twelve countries, and a donate page with an interactive gift widget, animated transparency bars and other ways to give.
4 pages + 404 Mission hero Count-up impact stats Programmes & approach Community story Where we work Donation widget Transparency bars
Online course & cohort school A writer's-notebook school site across four pages: ruled-paper background, golden highlighter swipes and sticky-note testimonials on the home page, the full accessible eight-week syllabus accordion with the weekly rhythm, index-card instructors with their teaching approach, and an enroll page with the cohort card and FAQ.
4 pages + 404 Notebook hero Manifesto strip Syllabus accordion Weekly rhythm Index-card instructors Sticky-note stories Cohort card & FAQ