Ski Trip Planner

Devising a more personalized experience when planning a ski trip.
An icon of an artist's paint palette.

Project type

UX/UI design

Web design

An icon of a hammer and wrench crossed, forming an X.

Tools

Figma

Webflow

An icon of a calendar.

Timeline

6 months

Mockup of the homepage of SkiTripPlanner.

Overview

SkiTripPlanner is a web app designed to help groups make complex ski trip decisions by matching them to resorts based on shared and conflicting preferences.

The project was built in collaboration with a domain expert who  compiled a  structured dataset of ski resorts, including ranking across multiple criteria (e.g. snowfall, sunshine,  terrain difficulty, apres-ski,  family friendly). My role was to translate this dataset into an experience.

The core challenge was reducing decision friction when multiple users with different skill levels, budgets, and priorities need to agree on a single destination.

I led the design of the preference system, interaction model, and results logic to create a scalable and flexible matching experience.

Homepage mockup of SkiTripPlanner.

Problem

Planning a ski trip as a group introduces decision friction due to competing preferences across skill level, budget, terrain, and amenities.

Each participant brings different priorities:

  • Skills levels (beginner versus advanced)
  • Preferences (apres-ski versus family friendly)
  • Environmental factors (snowfall,sunshine)
  • Budget constraints

Existing solutions rely on static “best of” lists that:

  • Are non-personalized
  • Designed for individuals not groups
  • Difficult to compare across multiple dimensions

Planning a ski trip as a group introduces decision friction due to competing preferences across skill level, budget, terrain, and amenities.

  • Decision fatigue
  • Low confidence in choices
  • Increased drop-off during planning

Target users

Primary users

Group planners (friends, family, trip organizers)

  • Responsible for making the final decision
  • Balancing multiple preferences
  • Need fast, confident recommendations

Secondary users

Individual contributors within the group

  • Have specific preferences (e.g. advanced terrain, nightlife)
  • Want their needs reflected in the decision

Research & Insights

Due to the nature of the project, we combined:

  • Domain expertise (provided by the dataset owner)
  • Behavioral assumptions  informed by existing research

Key behavioral insights (literature review)

  • Decision fatigue increases with too many options, users struggle to compare multidimensional choices (Hick’s Laws)
  • Users prefer guided narrowing over open exploration, especially in high-stakes or group decisions
  • Transparency increase trust in recommendations users need to understand why something is suggested
  • People anchor on a few key priorities, not all criteria are equally important

Product Opportunity

The dataset provided a unique opportunity: instead of requiring users to manually evaluate multiple resorts, we could leverage pre-scored criteria to identify the closest matches to their preferences.

Instead of returning a broad list, the system prioritizes the most relevant results, often narrowing down to a small set of top matches. This shifts the experience from: browsing and comparing  to  guided decision-making with reduced cognitive load.

User Goals, Task and Actions

User goals:

  • Find a resort that satisfies the group
  • Minimize back and forth decision
  • Feel confident in the final decision
  • Save and revisit options for later comparison and sharing

Core tasks:

  • Select relevant preferences
  • Compare shortlisted resorts
  • Save promising options to a profile
  • Validates the final choice (best match)
Three user flows for the SkiTripPlanner web app.

IA & The Matching System

This experience is structured into three layers: preference input (filtering layer), results ranking (decision layer) and resort details (validation layer) to support a natural decision flow.

Each resort in  the dataset includes scores across multiple criteria, snow conditions, terrain difficulty, family friendliness, apres-ski experiences, weather, sunshine.

Approach:

  • Users select relevant criteria
  • The system filters and ranks resorts based on alignment
  • Top matches are surfaced (rather than a long list)

Ideation / Interaction Design Exploration

I explored three primary interactions models:

Step-by-step flow (typeform style)

This approach provided a clear progression but forced users through all categories, including those that were not relevant to them.

Wireframe of a Typeform style concept.
Wireframe of an accordion concept.

Accordion layout

This allowed flexibility but  introduced usability challenges, as users needed to scroll extensively to review or update selections.

Tab-based system (final solution)

This model allowed users to freely navigate between categories, supporting non-linear decision-making by making all inputs easily accessible, and best supports how users approach multi-variable decisions:

  • Users can prioritize what matters most to them
  • Categories remain easily accessible without excessive scrolling
  • Changes can be made quickly without losing context

This approach reduces cognitive load and aligns with recognition-based interaction patterns.

Wireframe of the main page of SkiTripPlanner.

MVP

For the MVP, reducing barriers to entry was a key priority.We chose not to require account creation upfront, allowing users to explore the experience immediately. However, optional account creation was introduced to support saving and sharing resort lists.

This balances:

  • Accessibility (no friction to start)
  • Retention (ability to revisit and compare options)

In parallel with the preferences input system, I designed the results and resort  detail experiences to support evaluation and decision making. A key challenge was translating multi dimensional data into a format that is easy to scan and compare. Each result card provides a brief description of the resort and includes a match score for each individual category as well as an overall match percentage. The resort profile template includes an image gallery, the scores for each category (based on the dataset), and a scrolling sidebar that displays key stats.

I also created a wireframe for an example results page and a resort profile template. Each result card provides a brief description of the resort and includes a match score for each individual category as well as an overall match percentage. The resort profile template includes an image gallery, the scores for each category (based on data provided by Pete), and a scrolling sidebar that displays key stats.

Wireframes for the SkiTripPlanner web interface.

Visual Design

Once the interaction model and system structure were defined, I focused on translating complex, multi-dimensional data into a visual language that is easy to scan, compare, and trust.

The visual direction was informed by early mood boards aligned with the client’s vision. References that resonated most combined a sense of clarity with a playful, nostalgic tone inspired by vintage ski maps and posters. This informed a visual system that feels approachable without sacrificing readability or structure.

Rather than treating visual design as a styling layer, I used it to reinforce decision-making.

A screenshot of moodboards and visual design references next to six badge-style icons.

Several key refinements were made during the transition to high-fidelity:

  • Prioritizing the core action
    The “How it works” section was removed from the homepage to reduce cognitive load and bring immediate focus to the preference input system. This supports faster entry into the experience.
  • Reducing information noise Tooltips were limited to sub-categories rather than applied globally. This maintains clarity without overwhelming users with excessive microcopy, aligning with progressive disclosure principles.
  • Improving comparability of resultsNumerical scores and letter grades were replaced with color-coded scales. This allows users to quickly assess relative performance across categories without needing to interpret rigid scoring systems.
  • Enhancing system feedbackA checkmark indicator was introduced at the tab level to signal which categories have been configured. This provides lightweight progress tracking and supports recognition over recall.
Mockups showing two different tabs of the SkiTripPlanner web interface.

The color system was built from the client’s brand palette, using a bold green for active states and structure, balanced with neutral backgrounds to maintain readability. Subtle texture was introduced through a light noise pattern to add depth without interfering with content hierarchy.

Desktop mockups of the results page and resort profile page of SkiTripPlanner.com.

Mobile Adaptation

Designing for mobile required rethinking the interaction model to maintain clarity within a constrained space. While the desktop experience uses a tab-based system, the mobile version reintroduces an accordion pattern to ensure all categories remain visible and accessible without horizontal scrolling.

Special attention was given to:

  • Tap target sizing and spacing to prevent input errors
  • Maintaining clear hierarchy despite dense option sets
  • Preserving the ability to quickly edit selections without losing context

The mobile experience was designed to feel closer to a native app than a responsive website, ensuring usability in real-world, on-the-go scenarios.

Mobile mockups of the SkiTripPlanner website.

Development and QA

The product was built in Webflow in close collaboration with engineering.

During implementation, I worked directly with the developer to identify edge cases in the matching logic and ensure the integrity of the dataset was preserved across all states. This included validating how incomplete inputs, conflicting preferences, and missing data would impact results.

A full QA pass was conducted to:

  • Ensure consistency across breakpoints
  • Validate scoring and ranking outputs
  • Identify usability friction points in real interactions

This phase was critical to maintaining trust in the system, as even small inconsistencies in results could undermine user confidence.

Results & Impact

We delivered a fully functional MVP that transforms a traditionally fragmented planning process into a structured, guided decision experience.

The final product enables users to:

  • Quickly narrow down a large set of options into a small number of relevant matches
  • Understand how each option aligns with their priorities
  • Make more confident decisions with less back-and-forth

By shifting from static browsing to a preference-driven matching system, the experience reduces cognitive load while increasing clarity and trust.

Reflections

This project highlighted that the core challenge was not visual design alone, but designing for decision-making under complexity.Balancing flexibility with simplicity required careful prioritization of what to show, when to show it, and how to represent it. The final solution demonstrates how thoughtful interaction and visual design can work together to simplify multi-variable decisions without oversimplifying the problem itself.

More case studies

All projects