Case 07 · Portfolio design study
Health &Body.
Osteopathic care for everyday life, explained through a welcoming and practical digital experience.
Based on the supplied v35 website. Illustrative media explores the design direction; it does not depict verified patients or clinical results.
01 / Intent & visual system
Care that starts
with everyday life.
The website welcomes people managing pain, staying active or recovering from injury—not only those returning to sport. The business goal is to explain the practice, answer first-visit questions and offer a clear enquiry route without making outcome promises.
Inter headings and body type give the interface a calmer, conversational tone; the condensed wordmark remains distinctive. Blue highlights actions, chalk and white create space, and ink anchors selected sections. Measurement ticks and yellow accents connect the identity to useful progress cues.
02 / The experience in motion
A welcoming first impression.
The current hero, care carousel, first-visit slides and branded navigation.
03 / Patient pathways
Start with the need,
not the terminology.
The three-image carousel introduces Pain & stiffness, Staying active and Recovery after injury. The homepage then gives osteopathic care priority, with rehabilitation and sport as supporting routes. Ten condition pages help visitors explore familiar concerns; four clear menu routes cover osteopathy, injury rehabilitation, surgical recovery and sport without making every service compete equally for attention.
- 01 / 03Osteopathic careExplore the route ↗
- 02 / 03Injury & recoveryExplore the route ↗
- 03 / 03Sport & strengthExplore the route ↗
04 / First-visit experience
Answer the questions
before the appointment.
The eight-slide guide explains welcome, preparation, listening, assessment, options, recovery, aftercare and contact. Previous/Next controls, a page counter and mobile swiping keep the reader in charge. Diagonal text entrances, image transitions and blue button feedback add character without advancing the presentation automatically.
01 / 08
Welcome
Introduce the first appointment through the visitor’s everyday goals, not assumptions about fitness or sport.
Compact, reader-controlled design demonstration using v35 imagery. The full guide is available on the project website.
05 / Front-end & navigation
Distinctive,
without getting in the way.
Responsive CSS defines the page rhythm, first-visit scenes and mobile menu’s slow diagonal colour drift. JavaScript enhances text reveals, native carousel dragging, slide controls and the care-progress line. The menu’s gradient stays behind the links and needs no WebGL.
Local fonts, responsive AVIF/WebP images and motion-aware video support the static Cloudflare build. The portfolio demonstrates design and implementation; no conversion figures or clinical outcomes are claimed.
Back to the beginning · 01 / 07
Remedial & Sports Massage Practice
