Live client websites
13 complete websites. See them live before you commission one.
Every site below is a finished, production-quality website I designed and built for a different business or profession: a clinic, a restaurant, a travel agency, a civil engineer. Each has its own visual identity, its own signature interaction and its own technical approach, so you can judge the actual range of what I build. I'm Fasih Ullah Saleem, and this is my work.
Lifeline
A cardiologist's site built around a real, rotatable 3D heart model — scroll through a procedure and watch the model rotate and cut away to reveal the chambers, with anatomy labels that track the model in 3D space.
- Real 3D model (react-three-fiber)
- Scroll-driven cutaway reveal
- Live canvas ECG animation
Focus
An eye-surgery site whose signature moment is a draggable before/after slider — drag to move from blurred to sharp vision over a real photo, then watch the same blur-to-focus motion carry through every section on the page.
- Draggable vision-correction slider
- Full keyboard + screen-reader support
- Site-wide blur-to-sharp motion language
Glow
A dermatology site styled like a luxury beauty magazine — every photograph un-blurs into focus while a soft light streak sweeps across the frame, reading like an expensive editorial shoot rather than a stock clinic site.
- Magazine-editorial art direction
- GPU-only specular reveal (no video)
- Hover-bloom treatment index
Blueprint
An orthopedic surgeon's site built like an engineering drawing — a graph-paper backdrop, safety-orange callouts, and an interactive annotated skeleton diagram where clicking a joint draws a leader line out to the case details.
- Interactive skeleton hotspot diagram
- CSS-only photo-to-X-ray hover flip
- Engineering-drawing art direction
Growth
A pediatrician's site anchored by a hand-drawn growth-chart line that draws itself down the page as you scroll — like a parent pencilling height marks on a doorframe — with a marker that genuinely follows the curve's bend.
- Self-drawing scroll-tracked SVG spine
- Four-stage life-journey chapters
- Cursor-tilt hover photography
Zaitoon
A modern Pakistani tasting-menu restaurant's site whose menu unfolds like a real paper flyer — three panels rotate open in 3D space to reveal each course, instead of just another photo gallery.
- Fold-out 3D CSS tasting menu
- Two-color-strict editorial palette
- Real chef-story content, not filler
Meridian Routes
A boutique Northern-Pakistan expedition travel agency site built around a hand-drawn route map that draws itself in as you scroll, connecting five real waypoints from Islamabad to Skardu.
- Self-drawing scroll-tracked route map
- Enquiry-led, not instant-book, IA
- Grounded in real Pakistan tourism data
Jaali
A climate-responsive architecture studio site anchored by a scroll-scrubbed construction sequence — a real building rising through its phases as you scroll, ending on its signature jaali lattice-screen facade.
- Scroll-scrubbed construction-sequence reveal
- Real passive-cooling engineering angle
- Distinct dark-industrial art direction
Fold
A minimalist leather-goods storefront where clicking a color swatch instantly crossfades between real, distinct product photography in each colorway — not a filter trick — down to a matching material-grain detail.
- Real per-variant photo crossfade
- Quiet, restrained one-family type system
- Storefront-only, no cart complexity
Aura Dental Studio
A boutique dental clinic — a studio and team, not one doctor — in a warm, considered "clinical luxe" style. Its treatment explorer calmly crossfades a premium visual and reveals the process and price as you move between services.
- Premium treatment-explorer interaction
- Warm oak + sage clinical-luxe art direction
- Clinic-scale (team + facility + services)
Clarity Medical Centre
A modern multi-specialty medical + diagnostic centre. Its departments explorer lets you navigate the institution like a real one — each department tints its panel with its own accent and reveals its lead specialists and services.
- Institutional departments-explorer with per-dept accents
- Cool white + medical-blue art direction
- Distinct from the individual-doctor demos
Engr. Sohaib Badar
A personal-brand site for a civil engineer, built as a structural viewport. Its signature is the load path — an eight-storey concrete frame that builds itself as you scroll, lets the camera pass through its own facade to the inside, then traces force from roof to earth.
- Procedural scroll-built 3D structural frame
- Camera passes inside the envelope
- Near-monochrome ink-navy engineering art direction
Dr. Abdul Haseeb Qureshi
A personal-brand site for a veterinarian, built around a live patient ward — every real case is a circle of photograph drifting through a dark room in WebGL, and holding one down opens it, the very circle travelling into the reading.
- WebGL patient ward, hold-to-open cases
- Portrait standing inside a two-word hero
- Real @vetistry caseload embedded live