01
Hierarchy
Horizontal chapter tabs organize service pathways clearly across the interface.
Horizontal chapter tabs guide users through service pathways and reference showcases.
Design reading
Fictional Intellectual property law firm website design concept for Mondegreen Legal, with a clear service journey, practical information, FAQ, and inquiry path. This reference showcase employs a source derived layout with horizontal chapter tabs and service pathway cards. Soft white and aubergine backgrounds contrast with vivid leaf green action cues for intuitive navigation.
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
Horizontal chapter tabs organize service pathways clearly across the interface.
02
Soft white and aubergine backgrounds establish a calm professional atmosphere throughout.
03
Vivid leaf green action cues direct attention to essential interactive elements.
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 chapter tabs adapt seamlessly to narrow viewport dimensions.
Mobile / 02
Touch friendly targets ensure comfortable interaction on handheld devices.
Delivery
Content, images and actions would be separated into accessible page components, with real text and controls at every viewport.