In May 2016, TAP Portugal launched Stopover (a flight program for international flights where people can stop for 24, 48 or 72 hours in the city of Lisbon or Porto). To give a more complete experience to the user, TAP requested a mobile app, similar to a travel guide, that could help them during its journey in Portugal.
This project involved three UX designers. We started by doing some research on other apps that were in the market (for instance: booking.com, zomato, airbnb, etc.). Our goal for this phase was to understand what type of contents these apps have, the importance of each content, the different functionalities and how informations are displayed to the users. With this in mind and with all the informations TAP provided us, we created a list of the main areas the app should have. The four most important areas are homepage, maps, experiences & offers and my stopover, and for each one we divided into different components.
Download the app:
Android
iOS
This project involved three UX designers. We started by doing some research on other apps that were in the market (for instance: booking.com, zomato, airbnb, etc.). Our goal for this phase was to understand what type of contents these apps have, the importance of each content, the different functionalities and how informations are displayed to the users. With this in mind and with all the informations TAP provided us, we created a list of the main areas the app should have. The four most important areas are homepage, maps, experiences & offers and my stopover, and for each one we divided into different components.
Download the app:
Android
iOS
Usability
All the information were organized into specific areas so it would be easier for the user to reach any of them. Also, the app is 'finger friendly' (the pins on the map have the right dimension so they can be pressed easily and without pressing another button by mistake) and uses common gestures and patterns.
Below, there is a detailed explanation for the homepage, maps and experiences & offers areas:
Homepage
Homepage has quick links for the most important areas: 'mapas' / 'maps', 'experiências & ofertas' / 'experiences & offers' and 'roteiros' / 'tours'. As Stopover also offers to its clients one free experience, special offers in activities and special deals in partner hotels, the user can have a quick access to these areas by tapping on 'O meu Stopover' / 'My Stopover'.
Maps
Regarding the maps area, all points of interest were divided into six different categories so it would be easier for the user to find what he is looking for. Due to the amount of points of interest, it was added a filter's button on the top of the screen so the user could redefine the search. Also, it was added a detailed page for each point of interest with all the important information (for instance: rating, contact details, open hours, etc.).
Experiences & Offers
This area is divided in two tabs: experiences and offers. Both of them are composed by points of interest and are organized into different categories to help users identify what it is about. Inside of each point of interest there is a detailed page with all the information. In this page, all the experiences and some offers can be booked using the app.
My Contributions
– Benchmarking;
– Content strategy;
– Sitemap;
– Task flow;
– Low-fidelity wireframes;
– High-fidelity wireframes (functional specification);
– App testing.
Project Details
Client: TAP Portugal
Project type: Mobile app (Android and iOS)
Date: June 2016
UX Designers: João Pinheiro, Joana Rodrigues and Sofia Carvalho
Graphic Designers: Susana Carvalho and Natasha Hellegouarch
Agency: Wingman
Project type: Mobile app (Android and iOS)
Date: June 2016
UX Designers: João Pinheiro, Joana Rodrigues and Sofia Carvalho
Graphic Designers: Susana Carvalho and Natasha Hellegouarch
Agency: Wingman
Thanks for watching!
Follow me on:
Find more works on my portfolio:
