01
Hierarchy
Oversized title service rail directs visual focus.
Luma Grove Skin: Oversized title dermatology editorial tile layout
Oversized title hero with image tiles, service rail, and education cards.
Design reading
What this concept is exploring.
Fictional dermatology and med spa website concept with neutral service copy, image-tile hero, skin education, and consultation path. Structure combines oversized title service rail with image tile hero presentation. White olive apricot tones complement neutral copy and waiting lounge visuals. Education cards provide topical guidance before routing visitors toward standard consultation requests.
Independent fictional concept study; not client work or a live business.
Information and action
Three design decisions.
The notes explain the intended function of the concept rather than presenting the fictional brand as a client or live organisation.
02
Content flow
Image tile hero displays treatment aesthetics clearly.
03
Next action
White olive apricot scheme maintains clinical cleanliness.
Responsive thinking
Mobile considerations.
The long presentation image is a showcase artefact. A live project would be rebuilt as responsive HTML rather than served as one tall image.
Mobile / 01
Reading order
Transforms image tiles into scrollable carousel views.
Mobile / 02
Touch and scale
Stacks service rail into segmented navigation bands.
Delivery
Responsive implementation
Content, images and actions would be separated into accessible page components, with real text and controls at every viewport.
Healthcare
Related concept studies.
Compare how the same industry can use different hierarchy, imagery and inquiry structures without repeating one template.
