Explain the offer early.
The opening names the offer. A sample decision brief then makes the advisory work concrete, before the visitor explores the three areas of expertise.
Self-initiated concept / 01
Northstar.
Expertise, made clear.
An original website concept for a fictional advisory practice. A study in making an abstract service easier to understand through content, typography and navigation.
Open the concept demo ↗
RoleDirection, UX/UI, frontend
FormatResponsive one-page concept
Built withHTML · CSS · JavaScript
01 / The assumed brief
What does an advisory
business actually do?
Northstar is imagined as a practice working across business strategy, brand positioning and digital direction. The brief: explain those services, show how an engagement starts, and make the enquiry path easy to find.
Who the page is designed for
Founders and business leaders considering a new offer, a change in positioning or a better digital presence. This is a design assumption, not a finding from customer interviews.
No existing client website was supplied. There is no fabricated “before”, testimonial or revenue comparison.
02 / Design decisions
A reason behind
every choice.
Give the content room.
An expansive alpine image, an ice-blue and slate palette, and editorial serif headlines give the advisory concept a clear sense of perspective. The image is an original AI-generated concept asset, not a photograph of a client location.
Make the next step visible.
Expertise and approach links lead to meaningful sections. The contact area clearly identifies the site as a demo and routes website enquiries to LTK Atelier, not a fictional consulting team.
03 / Content before decoration
A path from interest
to understanding.
The working demo is one page. These are its real sections, not a claim that a six-page client site was delivered.
- 01
Orient & question
An alpine hero responds to the pointer. The next section names the tension: more options do not always mean direction.
- 02
Map the decision
A fictional offer brief compares three routes and shows what a proposed direction would actually contain.
- 03
Explore the expertise
A horizontal terrain connects business strategy, brand positioning and digital direction. On mobile it becomes a touch-scrollable rail.
- 04
Approach & summit
A compact process leads into the scroll-driven summit scene. The route draws as the visitor moves forward.
- 05
A real next step
The closing identifies this as a concept and links to LTK Atelier for a real website enquiry.
04 / One system, different screens
Designed to be read.
Not just reduced.
On narrow screens, the editorial grid becomes a single column. Navigation wraps into its own row, text stays readable and links have room for a finger. The demo uses no video player or UI framework.
Try the responsive demo ↗
05 / The outcome of this study
A working website.
An honest scope.
- An assumed brief and content hierarchy
- A visual direction and responsive page system
- A live frontend demo with working navigation
- Desktop and mobile implementation examples
This study contains no customer interviews, live business data or measured commercial results. It demonstrates design and implementation decisions—not a conversion or search-ranking guarantee.
A direct partnership
A different business.
Your own direction.
The same considered process can start with your offer, your audience and your goals.
Discuss your website [email protected]