Hugo Hellberg
Hugo HellbergProduct Designer & Builder

Case study

Nordic Ski

Navigate Nordic ski trails like a pro.

Cross-country skiers still navigate with printed maps that get wet, ripped, and can't tell you where you are. NordicSki.io was my answer: a full design cycle, from first interview to tested prototype, for a sport the software industry had quietly skipped.

Full design cycle0 → 1MobileResearch-led
NordicSki.io app screen 1NordicSki.io app screen 2NordicSki.io app screen 3
Role
Sole UX researcher & product designer
Scope
Research → prototype → test
Platform
iOS & Android
Survey
~40 responses
Interviews
5 participants
Usability tests
2 rounds × 5
00

Overview

Industry · Challenge · Opportunity · My role

The sport

I've been a cross-country skier my whole life. It's one of the oldest winter sports and one of the best cardiovascular workouts there is — its popularity comes from how simple and healthy it is. A pair of skis, poles, snow, and off you go. It's been growing in the US, and the people I interviewed described it as peaceful, exhilarating and adventurous.

The challenge

To navigate most ski trails you need a printed map. It's impossible to know exactly where you are on one. Every time you want to check it you have to unfold it, so it gets wet and ripped. And to track their runs, skiers rely on apps built for running, hiking and biking — apps that never give them the trail detail that actually matters.

The opportunity

I set out to find whether the cross-country experience could be genuinely improved by software. That's how NordicSki.io was born: find Nordic ski centers, open trail maps with real GPS, check trail conditions, learn technique and waxing, and track your runs. No more printed maps.

My role

I led the project as the sole UX researcher and designer — conducting and analyzing the research, building personas, user flows and wireframes, then designing a high-fidelity prototype and testing it with real skiers.

Tools — Figma, Miro, Maze, Optimal Workshop, Milanote and UXPressia

Stakeholders were in it from the very beginning — including engineering. Less friction during the work, and a far easier handoff at the end.

01

Empathy

Quantitative research · Competitive analysis · Survey · Interviews

Quantitative research

I started wide: desk research to understand the shape of the industry before talking to anyone in it.

Why do people cross-country ski?

One of the oldest winter sports and one of the best cardiovascular exercises there is. Its popularity comes from its simplicity and healthiness.

Who goes cross-country skiing?

Extremely popular in Norway, Canada, Germany, Sweden, Finland and Russia — and growing in the US.

Skiers by gender in the US

■ Male 63.8%■ Female 36.2%

Competitive analysis

I identified the apps skiers actually use. Plenty of apps track a ski run well, but they're built for runners, hikers and cyclists. For this analysis I only included apps with cross-country skiers as their primary audience.

Skiwise

Features

Strong trail reports but nothing else

Visual Design

The UI is clean and follows industry standards

Ease of Use

Very easy to get started and find what you're looking for

Overall

Limited functionality but useful for trail reports

Back Country Workout

Features

Tracks your runs with valuable data

Visual Design

It's difficult to read the data and not enough whitespace

Ease of Use

The experience is not user-friendly and difficult to navigate

Overall

The experience on a phone is not intuitive with a poor UI

NordicSki Funasdalen

Features

Powerful trail and map features

Visual Design

UI is easy on the eye but needs an update

Ease of Use

Easy to get going and the flow makes sense

Overall

Overall this app is a strong competitor but only includes 1 resort

General analysis of competitors — dark mode

Heuristics I judged them against

  1. 01Visibility of system status — the design should always keep users informed about what is going on, with timely feedback.
  2. 02Consistency and standards — users shouldn't have to wonder whether different words, situations or actions mean the same thing.
  3. 03Aesthetic and minimalist design — every extra unit of information competes with the relevant ones and diminishes them.

Skiwise

Visibility of System Status

Negative: No back/cancel button on many pages which makes it hard to know where you are in the app.

Consistency and Standards

Positive: The terminology is consistent across the app and the navigation follows the industry standard.

Aesthetic and minimalist design

Positive: The UI offers ample whitespace with limited distractions.

Negative: Every feature is hidden which has a negative effect on the experience.

Back Country Workout

Visibility of System Status

Negative: The phone app doesn't make it clear that you need a smart watch to start a session.

Consistency and Standards

Negative: It doesn't follow the industry standards when it comes to navigation and actions are unclear.

Aesthetic and minimalist design

Negative: The first impression sets the tone for a bad experience. The content is too busy.

NordicSki Funasdalen

Visibility of System Status

Positive: Keeps the user informed through appropriate messages on each page.

Consistency and Standards

Negative: There are a few inconsistencies with navigation actions and placement.

Aesthetic and minimalist design

Positive: In some ways it looks a bit outdated but overall the aesthetics is pleasant with a decent design.

Heuristic analysis of competitors

Qualitative research

Then the part that changed everything: a survey and in-person interviews about how skiing actually feels, and what people are already doing with their phones on the trail.

Survey — ~40 responses

Check out the survey ↗
90%

go skiing at least weekly during ski season

79%

use apps on their phone at least 3 times a week

75%

consider themselves expert skiers

73%

go skiing with family and friends

Interviews

The screener survey gave me the five most suitable candidates, chosen for range rather than convenience. Each session ran about 30 minutes over Google Meet, to a script and a strict timeline. Three participants let me record.

  1. 01All five live within an hour of cross-country trails
  2. 02Experience ranged from 10 to 35 years
  3. 03Ages ranged from 38 to 77
  4. 04Every one of them had used an app to track their skiing
  5. 05The shared frustration: better trail info and snow conditions
Overview of the five interview participants
Interview participants
02

Define

Affinity map · Empathy maps · Personas · How might we

Affinity map

I sorted every comment from the interviews into four categories: feelings, challenges and pain points, existing tech solutions, and existing features.

Affinity map of interview comments, grouped into four categories

Empathy maps

Everything I'd learned went into two empathy maps — what these skiers say, think, feel and do, plus their pains and gains.

Empathy map for Healthy Lisa
Healthy Lisa
Empathy map for Harold the Ski Lover
Harold the Ski Lover

Personas

From the empathy maps came two personas that represented the majority of interviewees and survey respondents.

Persona: Healthy Lisa
Healthy Lisa
Persona: Harold the Ski Lover
Harold the Ski Lover

Top 5 insights

There was a clear opportunity to improve this experience — but only if we partnered with Nordic ski centers to reach the audience. Five insights carried into ideation.

  1. 01Very few skiers like printed maps, and they wish there was an alternative for navigating trails
  2. 02Predicting trail and snow conditions is very difficult
  3. 03It's easy to start skiing and hard to become a great skier
  4. 04Knowing which wax to use is a constant challenge
  5. 05There's no easy way for skiers to challenge each other virtually

How might we…

  1. 01How might we help skiers find trails more easily — and know where they are?
  2. 02How might we tell skiers which trails are open, closed, or in what condition?
  3. 03How might we make it easier for skiers to improve their technique?
  4. 04How might we give skiers a better waxing experience in any weather?
  5. 05How might we let competitive skiers race each other virtually?
03

Ideate

Brainstorming · Sketching · User stories · User flow

Brainstorming & sketching

Pen to paper. Every idea the insights and how-might-we questions suggested, sketched fast and judged later.

  • Onboarding
  • Explore — centers and trails
  • Detailed trail information
  • Activities — tracking runs
  • Video tutorials
  • Favorites
Hand sketches of the app's main screens
Sketches

User stories

Short user stories kept the feature list honest about whose problem it solved.

  1. 01As a cross-country skier I want an interactive map with GPS on my phone, so I know where I am on the trail
  2. 02I want to see trail and snow conditions before I go, so I can plan my trip
  3. 03I want to improve my technique so I can ski faster and tire less
  4. 04I want to get better at waxing my skis, for grip and glide
  5. 05I want to compete against other skiers in a virtual environment

User flow

A user flow mapped the red routes: find a ski center, explore trails, add an activity, watch a tutorial.

User flow diagram of the app's primary tasks
04

Design

Wireframes · Design system · LoFi · HiFi

Onboarding, sign up and log in

A welcome screen that lets people take the tour — or skip straight to logging in.

Onboarding, sign up and log in — screen 1
Onboarding, sign up and log in — screen 2
Onboarding, sign up and log in — screen 3
Onboarding, sign up and log in — screen 4
Onboarding, sign up and log in — screen 5
Onboarding, sign up and log in — screen 6
Onboarding, sign up and log in — screen 7
Onboarding, sign up and log in — screen 8

Explore

Finding Nordic ski centers and trails had to be the fastest thing in the app.

Explore — screen 1
Explore — screen 2
Explore — screen 3
Explore — screen 4
Explore — screen 5
Explore — screen 6
Explore — screen 7
Explore — screen 8

Favorites

Quick access to the centers, trails and tutorials you keep coming back to.

Favorites — screen 1
Favorites — screen 2
Favorites — screen 3

Activity

Tracking runs — with the trail detail the running apps never had.

Activity — screen 1
Activity — screen 2
Activity — screen 3
Activity — screen 4

Tutorials

Technique videos, waxing instructions and tips.

Tutorials — screen 1
Tutorials — screen 2
Tutorials — screen 3

Design system

To keep the work moving I built a proper design system in Figma: a style guide of typography, colors, grids and icons, reusable components, and patterns where several components combine into something larger.

Style guide: Typography
Typography
Style guide: Colors
Colors
Style guide: Icons (24×24)
Icons (24×24)
Style guide: Grids
Grids

Components & patterns

Design system components — screen 1
Design system components — screen 2
Design system components — screen 3
Design system components — screen 4
05

Test

Test plan · Two rounds · Results · Iterate

Two rounds of usability testing, five participants each. Per round: one in-person moderated, three remote moderated over Google Meet, one remote unmoderated in Maze. Thirty minutes a session.

I built an extensive test plan template — recruitment emails, scripts, tasks, participant profiles. Snippets below.

Usability test plan — screen 1
Usability test plan — screen 2
Usability test plan — screen 3
Usability test plan — screen 4
Usability test plan — screen 5

What the tests told us

The core flows worked

Finding a Nordic ski center or a trail was completed as expected by participants — the spine of the app held up.

People wanted the map sooner

Beyond the card view of ski centers, several users wanted map view immediately available, because it's faster for finding what's nearby.

Activity was too thin

For the MVP this module was basic, and testers doubted it offered enough to be worth using. Something to carry forward.

Wording, not layout

The UI drew positive comments for being easy to navigate. The friction was terminology — a few areas needed clearer words.

Which took us into a couple more rounds of iteration before the final design.

06

Final designs

Onboarding · Explore · Favorites · Activity

After two rounds of testing and many iterations, this is where it landed. Let's be honest: design is never final. But for now, this is it.

A quick tour of what the app does. Tap or swipe through.

Onboarding — screen 1
Onboarding — screen 2
Onboarding — screen 3
Onboarding — screen 4
Onboarding — screen 5
Onboarding — screen 6

Explore Nordic ski centers

View live prototype ↗

List view or map view of every center, with search and filters.

Explore Nordic ski centers — screen 1
Explore Nordic ski centers — screen 2
Explore Nordic ski centers — screen 3
Explore Nordic ski centers — screen 4

Explore ski trails

View live prototype ↗

The same again for trails — the screen that replaces the printed map.

Explore ski trails — screen 1
Explore ski trails — screen 2
Explore ski trails — screen 3
Explore ski trails — screen 4

Centers, trails and tutorials saved for one-tap access.

Favorites — screen 1
Favorites — screen 2
Favorites — screen 3

Activity

Add an activity with detailed trail information; distance adds itself up from the trails you ski.

Activity — screen 1
Activity — screen 2
Activity — screen 3
Activity — screen 4
Activity — screen 5

Still open

  1. 01Should onboarding offer a “Skip tutorial” link, to let people get moving faster?
  2. 02Is the onboarding theme too dark?
  3. 03Is there a better way to present the Nordic ski center cards?
  4. 04Do the trail screens carry too much information, or too little?
  5. 05Is there a better way to switch between favorite lists?
07

Conclusion

Is it viable? · What shipped · Lessons learned

After a long journey we arrived at the final design, and the two rounds of usability testing gave very encouraging results. The overall feedback: this is an app a technologically neglected sport actually needs.

Replacing the printed maps handed out at Nordic ski centers was the single most wanted idea — seeing where you are via GPS, filtering trails on the map, and alerts shown right on it. Testers also liked the technique and waxing tutorials, to ski faster and more efficiently.

Overall this project gave me tremendous insight into UX research and the whole design process end to end. Designing NordicSki.io, I took on a deliberately empathic role: understanding how people behave and feel on a trail, and translating that into interface.

This was the traditional, long way round: desk research, a survey, interviews, affinity and empathy maps, personas, sketches, wireframes, a design system, two rounds of testing. I work faster now. But the thinking underneath hasn't changed.

What it taught me

  • Research is not a phase you get through. Every good decision in this app traces back to something a skier said out loud.

  • The final design is never final. This one is a snapshot between two rounds of testing and the next round of iteration.

  • Design for the sport, not the analogy. Cross-country skiers were being served by running apps — and the details are where the sport lives.