NORTHLINE / WEBSITE CONCEPT

A first climb.
A clearer start.

A welcoming climbing-centre website that helps first-time visitors understand what to expect, choose their wall and plan a visit.

Explore the live demo (opens in a new tab)
Northline homepage with a warm orange wordmark, social climbing photography, and the invitation Climb here and belong here.
Northline homepage at phone width, with the orange wordmark, climbing photography and a Book a visit action.
The problem
First-timers didn’t know what to expect, which centre to pick or how to book.
What I did
Designed and built a responsive site around a first-visit guide, location comparison and a visit planner.
My role
UX/UI design & development
Status
School project with a simulated client. Live demo, not yet tested with users.
01 / THE BRIEF

Make the first visit
feel easier to start.

The climbing centre wanted more first-time visitors to decide to come. Uncertainty before the first visit, booking, choosing a location and finding beginner information were the main problems.

How might the website give someone enough clarity and confidence to take the next step?

The brand had to feel warm and community-focused, and show that beginners belong here too.

02 / THE FIRST VISIT

“What do I need
for my first climb?”

First-time visitors get their own starting point: what to expect, what to bring and first-climb tips together, with one clear action to plan the visit.

Route grades get names and short descriptions alongside the colours, so beginners know where to start.

The yellow first-visit section groups What to Expect, What to Bring and First Climb Tips alongside a Plan Your First Visit action and clearly labelled demo day prices.
Northline first-visit guidance reflows into a single mobile column with what to expect, what to bring and first-climb tips.
Practical information and the next step in one place.
03 / FROM INTEREST TO A VISIT

Choose a location.
Then plan the visit.

Location cards compare the climbing styles at each centre and lead straight into the visit planner.

Northline’s Kjaerslund and Hasselager demo location cards compare bouldering with ropes and auto-belay, with beginner and climbing-style labels.
Northline locations at phone width, with the Kjaerslund climbing-centre card and bouldering information in a single-column layout.
Compare the centres by the climbing they offer.

The planner carries the chosen centre through the visit and contact details. Progress steps and a summary keep every choice visible.

Visit-planner preview with Your wall, Your visit and Your details progress steps, centre selection and a summary of the chosen visit.
Northline visit-planner preview at phone width with progress steps and a centre-selection form.
A front-end preview of the booking flow.
04 / THE VISUAL DIRECTION

Climb here.
Belong here.

Warm orange and yellow, forest green, climbing-hold shapes and social photography carry the centre’s character. A community section sits beside the practical information, so the site introduces the people as well as the sport.

Mobile Northline homepage with the orange wordmark, a climber photo and the message Climb here and belong here, arranged for a narrow screen.
Responsive by design The layout reflows for mobile and keeps its character.
05 / WHAT’S NEXT

A working website,
ready to test.

The live demo covers first-visit guidance, route information, location comparison, community content and the visit planner.

Next, I’d test it with first-time visitors, regular members and reception staff: can they find what they need and plan a visit on their own?

Explore Northline (opens in a new tab)