Pocket Guide

Pocket Guide

Idea for startup, travel planning and assistance app. NPS of project is 9.3.

Published at:

Feb 7, 2024

Read:

6 minutes

My role:

Product Designer

Introduction

Introduction

About

About

An application providing detailed information on leisure destinations, selecting attractions based on user interests, building routes, and incorporating them into familiar paths. It offers extensive narration as desired. Additionally, it helps choose dining places that meet user requirements, integrates them into the itinerary, and makes table reservations.

Intro

Intro

I often travel and face challenges I realize could be solved with my UX/UI design knowledge. So, I started my own project with innovative ideas and tested them with users. As tourists, we all face problems: where to go, where to eat, wanting a safe dining experience or trying local cuisine, fitting famous places into one trip, creating a well-structured itinerary, avoiding crowded and unimpressive locations, and learning about buildings without extensive Googling. My application is designed to solve these problems and more.

Research

Research

Survey

Survey

I conducted a survey with 169 respondents from 16 countries, and the raw data is available upon request. Here are the key insights from the survey:

Several problem areas can be prioritized and will guide feature selection for the value proposition:

  • Direction and Accommodation Selection: Addressing challenges in choosing travel destinations and accommodations.

  • Value of Time: Providing efficient solutions to save travelers time.

  • Routes and Transportation: Enhancing the planning experience for routes and transportation.

  • Acquiring Current Information: Ensuring access to up-to-date and relevant travel information.

  • Desire to Save: Offering cost-saving options.

What apps currently help?

What apps currently help?

The companies were not listed; respondents recalled the names themselves, reflecting the true popularity of various applications. These apps will help us understand common industry patterns and will be included in the competitive audit in the next stages.

Competitive Research

Competitive Research

The last question provided a significant list of potential competitors. Although the application has no direct competitors in the market, I also looked for applications in three related areas where it is mentioned. I explored their architecture and identified some common patterns.

User Journey Map

User Journey Map

I created a User Journey Map to highlight the key stages a customer experiences from the moment a need arises, through planning and purchasing a tour, to the trip itself and after. Understanding the user’s emotions and issues during product usage is essential.

Define & Ideate

Define & Ideate

Personas

Personas

To empathize with the user and create a user-centered design, I developed several personas. Throughout the design process, I frequently referred to them, considering questions like, "Which option would be more understandable for Jared Smith?" or "What design would Eline Hansen prefer?"

Understand the goal

Understand the goal

To better understand user pain points and needs, I used User Stories and their results to write the Problem Statement. To construct them effectively, I used the 5W’s and H framework, answering questions like Who, What, Where, When, Why, and How.

I then developed Hypothesis Statements to describe what I expect from the app and how it can solve user problems. I created 8-10 of each framework but will show a few examples to demonstrate their outcomes and implementation.

After formulating the Value Propositions (next chapter), I created the final 6 Goal Statements. Based on these statements, I set objectives for my work and outlined how to measure effectiveness.

Preposition Value

Preposition Value

All the previous work was necessary to formulate a list of features for the application. I visually demonstrated the selection process for each feature:

  • Brainstorming: I listed all potential features.

  • Filtering: Removed features that didn't align with the core values.

  • Persona Voting: Considered which features each persona would favor.

  • Elimination: Removed features available for free in other apps to focus on unique capabilities.

All the previous work was necessary to formulate a list of features for the application. I visually demonstrated the selection process for each feature:

  • Brainstorming: I listed all potential features.

  • Filtering: Removed features that didn't align with the core values.

  • Persona Voting: Considered which features each persona would favor.

  • Elimination: Removed features available for free in other apps to focus on unique capabilities.

All the previous work was necessary to formulate a list of features for the application. I visually demonstrated the selection process for each feature:

  • Brainstorming: I listed all potential features.

  • Filtering: Removed features that didn't align with the core values.

  • Persona Voting: Considered which features each persona would favor.

  • Elimination: Removed features available for free in other apps to focus on unique capabilities.

Information Architecture

Information Architecture

With the defined list of features, I created a User Flow and organized the features into a logical structure, establishing relationships between pages. During this process, three main entities and one auxiliary entity were identified.

Features

Features

Login & Onboarding

Login & Onboarding

At this stage, I worked on different states of inputs and buttons based on user actions, developed the registration flow and onboarding process, and created password recovery scenarios for situations when users forget their passwords.

Home page & Collection of personal interests

Home page & Collection of personal interests

In this section, I showcased screens of the main application homepage and the 'Wish' tab, which curates and stores information about places the user has selected to visit.

AI-generation routes

AI-generation routes

On the third tab of the main page, there's a section called 'Make a Trip,' dedicated to customizing and generating a route in the user's current city or a city they've chosen. Route creation is based on data from the 'Wish' tab and the interests the user indicated during onboarding.

Audioguides & Reviews

Audioguides & Reviews

On the detailed page for a specific establishment or landmark, there's a review section where users can leave feedback. Additionally, users can request the app to generate a narrative about visited landmarks of various lengths as part of a generated route or during a leisurely walk within the application.

Get directions

Get directions

The third main section, "Guide mode", focuses on route planning on-site and leisurely walks where users can autonomously decide where to go and what to listen to.

Explore the Prototype in Figma

Explore the Prototype in Figma

Click here to interact with the project and experience it first hand

Click here to interact with the project and experience it

💡 My thoughts

💡 My thoughts

This project surpassed my expectations in several aspects. Firstly, in terms of time, I initially planned to complete it within 2 months, but it ended up taking around 5 months. Secondly, in terms of complexity and volume, the project grew significantly during the sketching process. As I delved into creating wireframes and started considering error states and various component states, the number of screens multiplied exponentially compared to the initial plan.

This project surpassed my expectations in several aspects. Firstly, in terms of time, I initially planned to complete it within 2 months, but it ended up taking around 5 months. Secondly, in terms of complexity and volume, the project grew significantly during the sketching process. As I delved into creating wireframes and started considering error states and various component states, the number of screens multiplied exponentially compared to the initial plan.

This project surpassed my expectations in several aspects. Firstly, in terms of time, I initially planned to complete it within 2 months, but it ended up taking around 5 months. Secondly, in terms of complexity and volume, the project grew significantly during the sketching process. As I delved into creating wireframes and started considering error states and various component states, the number of screens multiplied exponentially compared to the initial plan.

What’s next?

What’s next?

  1. Create a couple of marketing videos featuring application mockups to learn After Effects.

  2. Refine the transitions between screens. While a basic prototype has been created, I aim to dedicate more time to this aspect.

  3. Develop a business presentation about the project using the Tilda website builder. This presentation will inform potential investors about the feasibility of bringing such an application to life.

Thank you for the attention

Thank you for the attention

I will be glad to any cooperation

Check out other works

Check out other works

Skills

Prototyping

Wireframing

3D

Competitive Audit

User Research

Design Thinking Process

iOS/Android Guidelines