top of page
Travlr page dp.png
Logo.png

Explore globe from your couch.

A streaming service focused on travel shows and documentaries.A multi-experience for mobile, tablet, and desktop.

UX Design  |  Multi-platform Experience

Problem Statement

Able to find relevant travel shows and documentaries and explore new places and provide multi-experience through the desktops, mobiles and tablets.

Project goal

Streaming services are highly in demand right now because of the COVID-19 pandemic. Quarantine would not have been the same without Netflix and Amazon.

 

However, there’s no such service specifically focusing on the travel shows. The current streaming services do not have an updated and up-to-date list of travel shows. Also, there is not a lot of variety of shows on these platforms and the users have to check out all the services to find the show they want to watch. 

 

So this is a streaming service specifically for travel-related shows focused on travel documentaries and reality shows.

SWOT Analysis

Swot Analysis- Travlr-01.jpg

Personas

The target audience for my streaming service are people with a hobby of traveling, extroverted and adventurous.

Persona.jpg
Persona1.jpg

Sitemap

Sitemap.jpg

Userflow

User Flow-100.jpg

Features

Features.jpg

Additional features for tablet version:

 

The Location Feature

- The app will give you suggestions of all the hidden gems as well as the well-known tourist spots around you and will also tell you how can you reach there.

- This feature will be exclusive for the app version.

Wireframes

Desktop wireframes

Picture1.png
Picture2.png
Picture5.png
Picture4.png

Mobile  wireframes

Picture1.png
Picture6.png
Picture2.png
Picture4.png
Picture5.png
Picture3.png
Picture7.png

Tablet wireframes

Picture1.png
Picture3.png
Picture4.png
Picture1=5.png

Usability testing

Desktop wireframes usability testing

- Add share button on the information page

- Missing screens in the prototype

- Change the 'Add to my list' button icon from heart to plus screen

- Increase the font sizes for the settings menu on the video screen

- Separate settings on the video page instead of grouping it

1.png
3.png
2.png

Mobile wireframes usability testing

- Arrange the buttons on the login and signup screen properly

- Confused why there is a plus and a heart sign together

- Add share button

- Make it one hand accessible

- Increase the side of profile thumbnails

- Should be able to see multiple options at a time on my list

1.png
2.png
3.png
4.png

Tablet wireframes usability testing

- Show details page missing in the prototype

- Increase the font size 

- Darken the color on the cards for better visibility

- No need to show banners on the homepage

- No need to scroll on the genre selection page

- Will I get text prompts for selecting a location?

3.png
2.png
4.png

Moodboard

Moodboard.003.jpeg
Moodboard.004.jpeg

Accessibility 

Color contrast and font is checked for accessibility and is AAA compliant. 

Product UI

bottom of page