INTERACTION DESIGN, PROTOTYPE, 2017
In 2017, we began to redesign our mobile apps, and the team worked on many different concepts. In one of my explorations, I prototyped the City Guide as part of the trip.
This concept would present to users interesting facts and things to do on their free time between events), as well as the use of interactive elements throughout the booking experience, with the end goal of increasing the number of consecutive complimentary bookings.
1 • INTERACTIVE ELEMENTS
Exploring the contextual use of the interactive FAB to help the user easily add items to complement their itinerary.
2 • MEANINGFUL ACTIONS
The same button in different contexts with a distinctive meaning: the start of something new. I explored the power of the morphing Google Material FAB to help users create a new trip from the home screen, or add items to an existing itinerary.
3 • PHOTOGRAPHY
Using beautiful city landscapes as the trip cover photo gave the app a shiny new look and feel. It served as the main visual anchor point to help users identify their upcoming trips faster.
This is the complete information architecture of this prototype created with Principle. I mapped out all the interaction patterns, linked all the tap targets between screens and created micro animations for all the use cases.
These prototypes were part of extensive and collaborative teamwork. Behind the scenes, there were multiple other iterations. Over time, the app's interface and the user experience, including all micro-interactions, have been improved, modified or replaced by new patterns.
Nike AdsInteraction Design
Do Not DisturbProduct Design
Micro InteractionsMicro Interaction
Design Social NetworkProduct Design
Pablo LlanquinWeb Design
Activity MonitorData Visualization
Product Interface AnimationsInteraction Design
© 2020 Jardson Almeida