Odyssey

Odyssey

Odyssey

Using discovery to design a SaaS product that makes trip planning easier

Using discovery to design a SaaS product that makes trip planning easier

Using discovery to design a SaaS product that makes trip planning easier

Independent project

3 months

Case study overview

Answer

Case study overview

Answer

Best viewed on a larger screen!

The challenge

During the second year of my Master’s at Gobelins, three designers, myself included, and three developers teamed up to work on a SaaS project.

It all started with Camille, a Product Designer preparing for a long trip across several countries. She felt overwhelmed by the administrative tasks, practical preparations, and itinerary planning. Information was scattered across the web, her to-do list kept growing, and she could not find a suitable tool.

That gave us our starting point:

How might we centralise and automate everything needed to make planning a complex trip smoother and more efficient?

How might we centralise and automate everything needed to make planning a complex trip smoother and more efficient?

How might we centralise and automate everything needed to make planning a complex trip smoother and more efficient?

Exploratory research

One person's experience is not representative. We wanted to confirm there was a genuine need, understand exactly who shared it, and explore the topic in greater depth so we could respond appropriately.

Interviews and document analysis

Together with the other designers, I wrote an interview guide. We then recruited people preparing for a long trip, across several countries or around the world, as well as people who had already completed one. We asked about itinerary choices, organisational challenges, transport, tools, criteria, and more.

We asked participants who had already travelled to show us the documents they had used, such as Notion workspaces and Excel spreadsheets.

Key findings:

A clear need to centralise information, with frustration caused by content being scattered across the web and multiple apps

A clear need to centralise information, with frustration caused by content being scattered across the web and multiple apps

Handling everything manually is time-consuming and exhausting

Handling everything manually is time-consuming and exhausting

Weather conditions play a major role and make itinerary planning more complex

Weather conditions play a major role and make itinerary planning more complex

Participants take extensive notes and create task lists before travelling

Participants take extensive notes and create task lists before travelling

Their Notion and Excel documents contained recurring elements: itineraries, accommodation, task lists, and bookings for stays, activities, and transport

Their Notion and Excel documents contained recurring elements: itineraries, accommodation, task lists, and bookings for stays, activities, and transport

Competitive analysis

On one side, mainstream apps for bookings, itineraries, and checklists

…which cover only parts of the journey and are not designed for our niche or target audience.

On the other, more comprehensive tools

…which are either not optimised for travel or were not designed for it in the first place.

TripIt

Focused on itinerary management and booking integration.

Limitations:

A highly specialised tool with room for UX improvement and several important features missing.

TripIt

Focused on itinerary management and booking integration.

Limitations:

A highly specialised tool with room for UX improvement and several important features missing.

Polarstep

Lets travellers share updates with friends and family through photos, text, and their itinerary.

Limitations:

Limited support for planning, beyond manually creating an itinerary.

Polarstep

Lets travellers share updates with friends and family through photos, text, and their itinerary.

Limitations:

Limited support for planning, beyond manually creating an itinerary.

Notion

A flexible workspace for organising information in many formats, including notes, task lists, calendars, and databases.

Limitations:

Extremely flexible, but not optimised for this specific context: layouts are not always suitable, and travel-related features and automations are missing. It is also designed for advanced users, and the sheer number of possibilities can feel overwhelming.

Notion

A flexible workspace for organising information in many formats, including notes, task lists, calendars, and databases.

Limitations:

Extremely flexible, but not optimised for this specific context: layouts are not always suitable, and travel-related features and automations are missing. It is also designed for advanced users, and the sheer number of possibilities can feel overwhelming.

A tool for planning itineraries and organising trips.

Limitations:

Inflexible and cumbersome, with both the UX and feature set in need of improvement.

A tool for planning itineraries and organising trips.

Limitations:

Inflexible and cumbersome, with both the UX and feature set in need of improvement.

Primary audience

The interviews helped us define who we were designing for and support our future design decisions:

Goal: organise a complex trip while staying on top of everything

Needs guidance and support to make planning easier

Wants access to essential travel information and a clear way to organise and retrieve it

Wants access to essential travel information and a clear way to organise and retrieve it

Solution

Based on our research, we designed Odyssey, a web app that makes long, multi-country trips as simple and seamless to organise as possible.

Our main goal was to reduce the complexity of planning these trips by centralising all the essential information users need, giving them an all-in-one workspace tailored to the task, and automating part of the process.

The three of us collaborated on every Odyssey interface. Here are the areas I worked on:

Onboarding: saving time through automation

Using the data collected during onboarding, Odyssey pre-fills several parts of the app, including an itinerary draft and tailored checklists.

Dashboard: quick access to key information

Most items on the dashboard are shortcuts to other pages, surfacing their most important details.

Tasks: a flexible space tailored to each trip

Pre-filled checklists

Generated from the selected countries and travel season, alongside checklists created by the user.

Pre-filled checklists

Generated from the selected countries and travel season, alongside checklists created by the user.

Shortcuts

Users can pin the checklists they currently need to the dashboard for quick access.

Shortcuts

Users can pin the checklists they currently need to the dashboard for quick access.

Keeping information together

Each task can include files, links, or notes.

Keeping information together

Each task can include files, links, or notes.

A flexible, customisable grid

Users can resize each checklist vertically and horizontally to give it more space.

They can also move or delete checklists, or create new ones with any title and content they choose.

A flexible, customisable grid

Users can resize each checklist vertically and horizontally to give it more space.

They can also move or delete checklists, or create new ones with any title and content they choose.

Events: views and options designed to save time

Two complementary views

A calendar view shows events by month, while a column view groups them by type: accommodation, travel, and activities.

Two complementary views

A calendar view shows events by month, while a column view groups them by type: accommodation, travel, and activities.

Keeping information together

As with checklists, Odyssey simplifies planning by letting users attach files, links, notes, or a checklist to an event.

Keeping information together

As with checklists, Odyssey simplifies planning by letting users attach files, links, notes, or a checklist to an event.

Itinerary: an interface and algorithm that guide users

An algorithm that optimises the itinerary

During onboarding, users enter their list of countries, departure date, and travel pace. A custom algorithm built for the project then creates an optimised itinerary based on the distance between countries, dates, and seasons.

An algorithm that optimises the itinerary

During onboarding, users enter their list of countries, departure date, and travel pace. A custom algorithm built for the project then creates an optimised itinerary based on the distance between countries, dates, and seasons.

An interface that helps users shape their journey

After onboarding, users can of course adjust their trip settings, including destination order, pace, and dates. Odyssey makes this easy by visualising the route and the ideal conditions for each destination based on the season and weather. Users can also add or remove countries, then optimise the order of their route in a single click.

An interface that helps users shape their journey

After onboarding, users can of course adjust their trip settings, including destination order, pace, and dates. Odyssey makes this easy by visualising the route and the ideal conditions for each destination based on the season and weather. Users can also add or remove countries, then optimise the order of their route in a single click.

User testing

We tested Odyssey's interfaces early to validate their usability and avoid creating technical debt.

A task-based test

A task-based test

A task-based test

5 participants, 30 minutes each

5 participants, 30 minutes each

5 participants, 30 minutes each

A second designer took notes

A second designer took notes

A second designer took notes

Choosing a travel pace

The interaction was not intuitive and users stumbled over it: choosing both a number and a unit required several clicks and decisions, disrupting the flow of onboarding.

Solution:

Make the interaction more visual and engaging with a slider: a single action using a more appropriate time scale.

Choosing countries

Selected countries appeared only inside the dropdown, making previous choices hard to see. Users were unsure what they had already selected, which caused confusion and made quick edits difficult.

Solution:

Show selected countries at the top of the dropdown. This makes choices clearer, simplifies removing a country, and speeds up form completion.

Checklists

Several users did not realise that tasks could be checked off, while others could not find tasks hidden below the fold.

Solution:

Improve affordance with hover states, and hint at tasks hidden below the fold by leaving them partially visible.

Collaborating with developers

Throughout the project, I also did everything I could to help the developers build the application more easily and efficiently.

I created Auto Layout components on a 4pt soft grid, documenting their different states, edge cases, and more.

I created Auto Layout components on a 4pt soft grid, documenting their different states, edge cases, and more.

I suggested using a UI library so we could iterate quickly during the early design phase and make it easier for developers to integrate common components.

I suggested using a UI library so we could iterate quickly during the early design phase and make it easier for developers to integrate common components.

I carried out design QA on the implemented interfaces.

I carried out design QA on the implemented interfaces.

  • View

    more projects

  • View

    more projects

  • View

    more projects

  • View

    more projects

  • Voir

    d'autres projets

  • Voir

    d'autres projets

  • Voir

    d'autres projets

  • Voir

    d'autres projets

Create a free website with Framer, the website builder loved by startups, designers and agencies.