01
Hierarchy
Image first hero establishes immediate visual context clearly.
Clean image first layouts with side stamped titles and below service cards.
Design reading
Fictional Landscape and pool design website design concept for New Lantern Atelier, with a clear service journey, practical information, FAQ, and inquiry path. This reference showcase applies soft white and aubergine backgrounds alongside limestone textures. Vivid leaf green action cues guide users through practical information sections and direct inquiry pathways.
Independent fictional concept study; not client work or a live business.
Information and action
The notes explain the intended function of the concept rather than presenting the fictional brand as a client or live organisation.
01
Image first hero establishes immediate visual context clearly.
02
Side stamped titles improve hierarchy without cluttering space.
03
Leaf green action cues drive focused engagement efficiently.
Responsive thinking
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
Stacked vertical layouts optimize viewing on smaller screens.
Mobile / 02
Touch friendly sizing improves navigation accuracy during scrolling.
Delivery
Content, images and actions would be separated into accessible page components, with real text and controls at every viewport.