overview
overview
Tour easily like a local
Tour easily like a local
Tour easily like a local
OFF GRID is a trip-planning app that allows you to travel your way. The app offers tools to help you get to all your must-see places based on your interest and arranges your day considering your available time and distance parameters.
OFF GRID is a trip-planning app that allows you to travel your way. The app offers tools to help you get to all your must-see places based on your interest and arranges your day considering your available time and distance parameters.
OFF GRID is a trip-planning app that allows you to travel your way. The app offers tools to help you get to all your must-see places based on your interest and arranges your day considering your available time and distance parameters.
The problem(s)
The problem(s)
The problem(s)
Time consuming
Time consuming
Time consuming
Planning a trip requires Synchronizing information and recommendations from different platforms, which requires time.
Planning a trip requires Synchronizing information and recommendations from different platforms, which requires time.
Planning a trip requires Synchronizing information and recommendations from different platforms, which requires time.
Lack of customization
Lack of customization
Lack of customization
It can be difficult to discover places that suit you, especially if you are not keen on heavily touristed areas.
It can be difficult to discover places that suit you, especially if you are not keen on heavily touristed areas.
It can be difficult to discover places that suit you, especially if you are not keen on heavily touristed areas.
Optimizing a route
Optimizing a route
Optimizing a route
Learning about a new place and its surroundings can be quite challenging and cause frustration.
Learning about a new place and its surroundings can be quite challenging and cause frustration.
Learning about a new place and its surroundings can be quite challenging and cause frustration.
Value proposition
Value proposition
Value proposition
A trip planner app that creates an itinerary based on your predefined interests, according to your predefined times, in the most optimal route for each day of your trip.
A trip planner app that creates an itinerary based on your predefined interests, according to your predefined times, in the most optimal route for each day of your trip.
user research
user research
Tourism isn't for everyone
Tourism isn't for everyone
Tourism isn't for everyone
Tourism isn't for everyone
I conducted 7 interviews with my target audience to understand the problem and the user's needs. All are traveling at least twice a year, and all of whom had been abroad in the prior six months to the interview.
I conducted 7 interviews with my target audience to understand the problem and the user's needs. All are traveling at least twice a year, and all of whom had been abroad in the prior six months to the interview.
MAIN CONCLUSIONS
MAIN CONCLUSIONS
MAIN CONCLUSIONS
Research before the trip
Research before the trip
Research before the trip
Deciding which places to visit can be challenging. Most add stops to their itinerary based on their friends’ recommendations in conjunction with social media.
Deciding which places to visit can be challenging. Most add stops to their itinerary based on their friends’ recommendations in conjunction with social media.
Deciding which places to visit can be challenging. Most add stops to their itinerary based on their friends’ recommendations in conjunction with social media.
Planning itinerary
Planning itinerary
Building a logical route can be tedious. Most respondents avoid arranging their pinpoints by distance parameter and dividing the days accordingly, a fact that has a time cost.
Building a logical route can be tedious. Most respondents avoid arranging their pinpoints by distance parameter and dividing the days accordingly, a fact that has a time cost.
Building a logical route can be tedious. Most respondents avoid arranging their pinpoints by distance parameter and dividing the days accordingly, a fact that has a time cost.
Dealing with unforeseen circumstances
Dealing with unforeseen circumstances
Despite the planning, incidentals may occur- weather disruptions, reaching a closed place. Having flexibility can minimize these issues.
Despite the planning, incidentals may occur- weather disruptions, reaching a closed place. Having flexibility can minimize these issues.
Despite the planning, incidentals may occur- weather disruptions, reaching a closed place. Having flexibility can minimize these issues.
Finding hidden gems
Finding hidden gems
Most respondents don't care about places that are "must-see," according to tourist sites. Usually, those are hectic places they would avoid for better unique locations.
Most respondents don't care about places that are "must-see," according to tourist sites. Usually, those are hectic places they would avoid for better unique locations.
Most respondents don't care about places that are "must-see," according to tourist sites. Usually, those are hectic places they would avoid for better unique locations.
PERSONA
PERSONA
PERSONA
Roni Klein
Roni Klein
Roni Klein
29 y/o from Tel-Aviv, Legal consultant in a tech company.
29 y/o from Tel-Aviv, Legal consultant in a tech company.
29 y/o from Tel-Aviv, Legal consultant in a tech company.
Roni travels twice a year for work purposes. She enjoys exploring upcoming food and art places in her free time and avoids tourist sites.
Roni travels twice a year for work purposes. She enjoys exploring upcoming food and art places in her free time and avoids tourist sites.
Roni travels twice a year for work purposes. She enjoys exploring upcoming food and art places in her free time and avoids tourist sites.
NEEDS to Track her trip and her agenda for each day in an easy, visual way.
NEEDS to Track her trip and her agenda for each day in an easy, visual way.
NEEDS to Track her trip and her agenda for each day in an easy, visual way.
WANT to Finding new places that are match her interests.
WANT to Finding new places that are match her interests.
WANT to Finding new places that are match her interests.
EXPECTS to have an efficient itinerary that optimized according to distance, operating hours, crowd load, and budget.
EXPECTS to have an efficient itinerary that optimized according to distance, operating hours, crowd load, and budget.
EXPECTS to have an efficient itinerary that optimized according to distance, operating hours, crowd load, and budget.
"I'm sluggish when planning a trip overseas, especially using tourist websites that recommend the same places i don't care about”
"I'm sluggish when planning a trip overseas, especially using tourist websites that recommend the same places i don't care about”
"I'm sluggish when planning a trip overseas, especially using tourist websites that recommend the same places i don't care about”
CHECK OUT MY
CHECK OUT MY
CHECK OUT MY
COMPETITVE RESEARCH
COMPETITVE RESEARCH
COMPETITVE RESEARCH
COMPETITVE RESEARCH
I formed and heuristic evaluation of 8 main competitive products on the market. I analyzed and learned the advantages and disadvantages of each product compared to the others.
I formed and heuristic evaluation of 8 main competitive products on the market. I analyzed and learned the advantages and disadvantages of each product compared to the others.
I formed and heuristic evaluation of 8 main competitive products on the market. I analyzed and learned the advantages and disadvantages of each product compared to the others.
Lambus
Lambus
Maps me
Maps me
Sygic Travel
Sygic Travel
Tripadvisor
Tripadvisor
TripIt
TripIt
Visit a City
Visit a City
Pluto
Pluto
Wanderlog
Wanderlog
MAIN CONCLUSIONS
MAIN CONCLUSIONS
MAIN CONCLUSIONS
Explorer
Most applications have a section for exploring locations worldwide, allowing the user to get inspiration and ideas of what to do in a specific destination.
However, most content is highly touristic and shows the "must-see" places. There is no option in any app to look at other peoples' trips with shared interests.
Personalization
Most applications have a section for exploring locations worldwide, allowing the user to get inspiration on what to do in their destination.
Nevertheless, no generator offers you places. There is more to traveling than just "food" - finding locations that expand your horizon and are authentic to your trip goals is valuable.
Creating an itinerary
Most applications offer pinpoint places; it allows you to keep tracking your must-see places and locate them using the map.
Creating an itinerary or optimizing a route isn't possible. It is only available after saving places in advance. Moreover, predetermined schedules and mobility choices are not available.
Add flight tickets, hotel booking, and car rental.
It allows you to book and manage all aspects of your trip, making the process much more convenient.
Users who already have a flight and hotel booked, or want to put places on their bucket lists, can be overwhelmed by this feature. The above options require simplified apps.
Explorer
Most applications have a section for exploring locations worldwide, allowing the user to get inspiration and ideas of what to do in a specific destination.
However, most content is highly touristic and shows the "must-see" places. There is no option in any app to look at other peoples' trips with shared interests.
Personalization
Most applications have a section for exploring locations worldwide, allowing the user to get inspiration on what to do in their destination.
Nevertheless, no generator offers you places. There is more to traveling than just "food" - finding locations that expand your horizon and are authentic to your trip goals is valuable.
Creating an itinerary
Most applications offer pinpoint places; it allows you to keep tracking your must-see places and locate them using the map.
Creating an itinerary or optimizing a route isn't possible. It is only available after saving places in advance. Moreover, predetermined schedules and mobility choices are not available.
Add flight tickets, hotel booking, and car rental.
It allows you to book and manage all aspects of your trip, making the process much more convenient.
Users who already have a flight and hotel booked, or want to put places on their bucket lists, can be overwhelmed by this feature. The above options require simplified apps.
Explorer
Most applications have a section for exploring locations worldwide, allowing the user to get inspiration and ideas of what to do in a specific destination.
However, most content is highly touristic and shows the "must-see" places. There is no option in any app to look at other peoples' trips with shared interests.
Personalization
Most applications have a section for exploring locations worldwide, allowing the user to get inspiration on what to do in their destination.
Nevertheless, no generator offers you places. There is more to traveling than just "food" - finding locations that expand your horizon and are authentic to your trip goals is valuable.
Creating an itinerary
Most applications offer pinpoint places; it allows you to keep tracking your must-see places and locate them using the map.
Creating an itinerary or optimizing a route isn't possible. It is only available after saving places in advance. Moreover, predetermined schedules and mobility choices are not available.
Add flight tickets, hotel booking, and car rental.
It allows you to book and manage all aspects of your trip, making the process much more convenient.
Users who already have a flight and hotel booked, or want to put places on their bucket lists, can be overwhelmed by this feature. The above options require simplified apps.
Explorer
Most applications have a section for exploring locations worldwide, allowing the user to get inspiration and ideas of what to do in a specific destination.
However, most content is highly touristic and shows the "must-see" places. There is no option in any app to look at other peoples' trips with shared interests.
Personalization
Most applications have a section for exploring locations worldwide, allowing the user to get inspiration on what to do in their destination.
Nevertheless, no generator offers you places. There is more to traveling than just "food" - finding locations that expand your horizon and are authentic to your trip goals is valuable.
Creating an itinerary
Most applications offer pinpoint places; it allows you to keep tracking your must-see places and locate them using the map.
Creating an itinerary or optimizing a route isn't possible. It is only available after saving places in advance. Moreover, predetermined schedules and mobility choices are not available.
Add flight tickets, hotel booking, and car rental.
It allows you to book and manage all aspects of your trip, making the process much more convenient.
Users who already have a flight and hotel booked, or want to put places on their bucket lists, can be overwhelmed by this feature. The above options require simplified apps.
USER FLOWS
USER FLOWS
USER FLOWS
USER FLOWS
After completing competitive research, and user interviews, I have created 2 main user flows: Creating a new trip flow and editing your trip flow.
After completing competitive research, and user interviews, I have created 2 main user flows: Creating a new trip flow and editing your trip flow.
After completing competitive research, and user interviews, I have created 2 main user flows: Creating a new trip flow and editing your trip flow.
2 Main flows
2 Main flows
wireframes
wireframes
wireframes
wireframes
In terms of the operational concept, I decided to keep it simple and familiar. I created three main sections: A trip wizard, a home page, and a 'my trips' section. Drill navigation from my trips> trip page> day agenda> attraction page. The wizard consists of an easy 6-step process for the user to adjust trip properties.
In terms of the operational concept, I decided to keep it simple and familiar. I created three main sections: A trip wizard, a home page, and a 'my trips' section. Drill navigation from my trips> trip page> day agenda> attraction page. The wizard consists of an easy 6-step process for the user to adjust trip properties.
In terms of the operational concept, I decided to keep it simple and familiar. I created three main sections: A trip wizard, a home page, and a 'my trips' section. Drill navigation from my trips> trip page> day agenda> attraction page. The wizard consists of an easy 6-step process for the user to adjust trip properties.
50+ Screens
50+ Screens
USABILTY TESTING
USABILTY TESTING
USABILTY TESTING
USABILTY TESTING
After establishing the operational concept and designing screens for all user flows, I created a prototype and tested it on six participants from Off Grid's primary target audience. The test consisted of eight parts, each with a set of missions to complete. My main focus was evaluating operational efficiency, anxiety level, and discoverability. After analyzing the results, I identified areas that required improvements to ensure better performance.
After establishing the operational concept and designing screens for all user flows, I created a prototype and tested it on six participants from Off Grid's primary target audience. The test consisted of eight parts, each with a set of missions to complete. My main focus was evaluating operational efficiency, anxiety level, and discoverability. After analyzing the results, I identified areas that required improvements to ensure better performance.
After establishing the operational concept and designing screens for all user flows, I created a prototype and tested it on 6 participants from Off Grid's primary target audience. The test consisted of eight parts, each with a set of missions to complete. My main focus was evaluating operational efficiency, anxiety level, and discoverability. After analyzing the results, I identified areas that required improvements to ensure better performance.
6 participants
6 participants
Before
After
Chips arranged in cards.
Additional icon appears next to each title for quicker review.
The “show more” button changed position to the end of the card for clearer progressive discloser.
Before
After
Visually the toggle separated two options, causing higher anxiety among the subjects. I changed the appearance to cards with radio buttons to show the differences between the two options on the same screen with a progressive discloser for each card.
Copywriting changed due to was unclarity of the differences between the two options
Before
After
Arrows were added to clarify that there is an option to swipe and change mobility.
Additional card for setting your stay address as a starting point
Option to swipe between the days (and not return to the itinerary page to get into the next day).
Before
After
Chips arranged in cards.
Additional icon appears next to each title for quicker review.
The “show more” button changed position to the end of the card for clearer progressive discloser.
Before
After
Visually the toggle separated two options, causing higher anxiety among the subjects. I changed the appearance to cards with radio buttons to show the differences between the two options on the same screen with a progressive discloser for each card.
Copywriting changed due to was unclarity of the differences between the two options
Before
After
Arrows were added to clarify that there is an option to swipe and change mobility.
Additional card for setting your stay address as a starting point
Option to swipe between the days (and not return to the itinerary page to get into the next day).
Before
After
Chips arranged in cards.
Additional icon appears next to each title for quicker review.
The “show more” button changed position to the end of the card for clearer progressive discloser.
Before
After
Visually the toggle separated two options, causing higher anxiety among the subjects. I changed the appearance to cards with radio buttons to show the differences between the two options on the same screen with a progressive discloser for each card.
Copywriting changed due to was unclarity of the differences between the two options
Before
After
Arrows were added to clarify that there is an option to swipe and change mobility.
Additional card for setting your stay address as a starting point
Option to swipe between the days (and not return to the itinerary page to get into the next day).
Before
After
Chips arranged in cards.
Additional icon appears next to each title for quicker review.
The “show more” button changed position to the end of the card for clearer progressive discloser.
Before
After
Visually the toggle separated two options, causing higher anxiety among the subjects. I changed the appearance to cards with radio buttons to show the differences between the two options on the same screen with a progressive discloser for each card.
Copywriting changed due to was unclarity of the differences between the two options
Before
After
Arrows were added to clarify that there is an option to swipe and change mobility.
Additional card for setting your stay address as a starting point
Option to swipe between the days (and not return to the itinerary page to get into the next day).
Before
After
Chips arranged in cards.
Additional icon appears next to each title for quicker review.
The “show more” button changed position to the end of the card for clearer progressive discloser.
Before
After
Arrows were added to clarify that there is an option to swipe and change mobility.
Additional card for setting your stay address as a starting point
Option to swipe between the days (and not return to the itinerary page to get into the next day).
Before
After
Visually the toggle separated two options, causing higher anxiety among the subjects. I changed the appearance to cards with radio buttons to show the differences between the two options on the same screen with a progressive discloser for each card.
Copywriting changed due to was unclarity of the differences between the two options
Before
After
Chips arranged in cards.
Additional icon appears next to each title for quicker review.
The “show more” button changed position to the end of the card for clearer progressive discloser.
Before
After
Arrows were added to clarify that there is an option to swipe and change mobility.
Additional card for setting your stay address as a starting point
Option to swipe between the days (and not return to the itinerary page to get into the next day).
Before
After
Visually the toggle separated two options, causing higher anxiety among the subjects. I changed the appearance to cards with radio buttons to show the differences between the two options on the same screen with a progressive discloser for each card.
Copywriting changed due to was unclarity of the differences between the two options
Let’s go off the grid!
Let’s go off the grid!
Let’s go off the grid!
trip drill
trip drill
trip drill
My trips
My trips
Trip screen
Trip screen
Daily agenda
Daily agenda
Stop screen
Stop screen
Stop screen
My trips
Trip screen
Daily agenda
Stop screen
My trips
Trip screen
Daily agenda
Stop screen
My trips
Trip screen
Daily agenda
Stop screen
My trips
Trip screen
Daily agenda
Stop screen
Map view
Map view
Map view
create a new trip
create a new trip
1. Add destination , dates and partners
Date picker
2. Select the purpose of your trip
3 .Choose fields of interest
4. Select preferred transport for travel around
5. Set the stop amount to control day intensity
6. Set your off-travel time
Now, the app now creates daily itineraries for your trip
1. Add destination , dates and partners
Date picker
2. Select the purpose of your trip
3 .Choose fields of interest
4. Select preferred transport for travel around
5. Set the stop amount to control day intensity
6. Set your off-travel time
Now, the app now creates daily itineraries for your trip
1. Add destination , dates and partners
Date picker
2. Select the purpose of your trip
3 .Choose fields of interest
4. Select preferred transport for travel around
5. Set the stop amount to control day intensity
6. Set your off-travel time
Now, the app now creates daily itineraries for your trip
1. Add destination , dates and partners
Date picker
2. Select the purpose of your trip
3 .Choose fields of interest
4. Select preferred transport for travel around
5. Set the stop amount to control day intensity
6. Set your off-travel time
Now, the app now creates daily itineraries for your trip
1. Add destination , dates and partners
1. Add destination , dates and partners
Date picker
Date picker
2. Select the purpose of your trip
2. Select the purpose of your trip
3 .Choose fields of interest
3 .Choose fields of interest
4. Select preferred transport for travel around
4. Select preferred transport for travel around
5. Set the stop amount to control day intensity
5. Set the stop amount to control day intensity
6. Set your off-travel time
6. Set your off-travel time
Now, the app now creates daily itineraries for your trip
Now, the app now creates daily itineraries for your trip
EDIT ITINARERY
EDIT ITINARERY
EDIT ITINARERY
Simply customize your schedule by adding stops with the + button (by address or location on the map), dragging them to different times or days, deleting them, or swapping them with suggested places.
onboarding (literally)
onboarding (literally)
onboarding (literally)
UI ELEMENTS
UI ELEMENTS
LOOK & FEEL
LOOK & FEEL
LOOK & FEEL
The UI design is suited for the target audience as youthful, bold, yet informative. Since the interface has many pictures, the primary color is black to balance the graphic load. however, because the app is all about finding new hip places, I choose accent colors to keep things fun.
The UI design is suited for the target audience as youthful, bold, yet informative. Since the interface has many pictures, the primary color is black to balance the graphic load. however, because the app is all about finding new hip places, I choose accent colors to keep things fun.
The UI design is suited for the target audience as youthful, bold, yet informative. Since the interface has many pictures, the primary color is black to balance the graphic load. however, because the app is all about finding new hip places, I choose accent colors to keep things fun.
Logo
Logo
Logo
Font
Font
Font
Primary
#27272A
Neutral
#27272A
Neutral
#EEEEF2
Accent
#27272A
Accent
#27272A
Accent
#BCBBFF
Accent
#27272A
Color palette
Color palette
Color palette
Icon set
Icon set
Icon set
thank you for scrolling till the end
thank you for scrolling till the end
thank you for scrolling till the end