Avion

(2020)

Scope:

Design Concept
‍Visual Identity
User Experience

case study
case study
case study
case study
case study
case study
case study
case study
case study
case study

Overview

In February of 2020, I collaborated with my software developer friends at IBM to create a web app for travelers. We were keenly aware of what most travel apps like Airbnb and Skyscanner provided within their services; we wanted to create a product that had a unique selling point that differentiated us from our competitors.

Thus, began the inception of Avion. 

Avion is more than just a travel app. It’s the social networking web app that lets you plan, trip, record and share your travel adventures in a single space. Whether you’re trotting the globe or exploring your neighborhood, Avion connects you with the people you want to meet and the stories you want to hear. 

The name, Avion, was chosen to denote our users with a nuanced association to beings who are capable of  flight.

The logomark resembles a toucan. Toucans, usually found in the Tropics, are commonly referred to as the “birds of paradise”. Their habitats symbolize the ideal destination for the average traveler.

Design Concept

The concept behind Avion’s branding came from birds and their migratory patterns.

While migrating, birds tend to fly together in flocks in hopes to better their odds of survival. At Avion, we believe that as the world continues to trend upwards towards globalization, so too will humans' desire to migrate to other favorable and more desirable conditions.

Whether it’s a weekend away from their busy city, or a 3 month long journey across Southeast Asia, Avion makes it easy to fly solo or with their chosen flock, if you will.

Design System

The User interface of Avion was created utilizing guidelines from Material Design. Material is a design system created by Google to help teams build high-quality digital experiences for Android, iOS, Flutter, and the web. Avion was meant to be a web application, therefore it needed a design system that spoke fluently across a wide range of platforms. Thus, Material’s usage was invoked to help create the front-end for Avion. It is a highly adaptable system of guidelines, components and tools that helped our team build a beautiful, yet functional digital product.

User Experience

Avion is the perfect solution for all travelers looking to plan their next adventure. The user’s onboarding process is simple. Users enter the web app and immediately are presented with the Avion community’s favorite travel destinations of the month. The highlighted destinations showcase a quick summary of the area as well as the price of bookings and travel time. The purpose of this showcase is to utilize consumer data consolidated by the back-end to synthesize experiences that are already vetted by the community. This ensures the safety and security of present and future Avion users while bolstering communal interaction and engagement.

Once the user selects a popular destination to travel to, Avion recommends trending events and activities that other users have enjoyed. By adding such events to one’s shopping cart, the web app creates an itinerary based on event locations, flights and days of travel. After users have created an itinerary, they are then recommended flights based on nearby departing locations. The entire booking process also takes place on one webpage by utilizing the front-end framework React JS and the back-end framework Node JS.

Avion’s development leverages open source projects by using API’s such as Google Maps and Skyscanner.

The Social Network

To make Avion a travel app with a social networking component, we integrated a blog component called, “Journal”. This is where our users record memorable experiences, travel guides, helpful tips and even itineraries they built using Avion’s booking services. As with any blog site, users can share, comment, and favorite articles they enjoy reading. 

A travel app that only provided a booking service and blog posts felt limited to our vision; so, we worked hard to come up with our unique selling point called, “Nest”. The Nest is Avion’s unique selling point that differentiates it from other travel apps. It is essentially a gathering hall for users to exchange ideas, plan trips together, and make new connections.

Users can host rooms that others join and together they can use either voice or text to communicate. Rooms are organized based on popular topics, locations, activities and the user’s close friends on Avion.
 
Avion’s ability to plan and record trips independently or with a group of one’s friends make it a competitive platform in the travel app industry.

Nest is populated with a variety of gathering halls that function very similar to Discord servers. Users can communicate through voice and text chat.