3/3

Bon Voyage

UM Senior Project - Fall 2023

At Ole Miss, it's UM policy that every computer science major builds a website or application from start to finish as their senior project. Bon Voyage was my senior project and is dedicated to backing my development capabilities.

Traveling can be one of the best and most stressful things in life. Let's say you have multiple upcoming trips and want a sole place to store all their many itineraries in one place instead of multiple places, this might be their new favorite app. BonVoyage allows a user to create essentially a timeline of important information or fun activities that they want to do during their dream vacation. This could be arriving/departing flights, attractions, restaurant reservations, and anything else the user has planned. If a user doesn't know the best attractions and restaurants in the area or hasn't had the time to research before the plane lands; no fear, click on the explore icon in the navigation to find a list of all the best, local attractions and restaurants that you can not miss.

UX Reseach.

What specific information do you want to gather? Are you looking to understand user needs, preferences, or pain points? These were some of the first questions I asked myself and tackled what kind of audience I wanted to cater to.

Persona One:
As a regular traveler, Max is going to Prague with a big group of 5 friends from college. Max wants to utilize the day planner to have set dinner plans each night. He knows that none of his friends from college are organized enough and Max will be eating pizza from a cart on the side of the road as his dinner if there are no dinner plans. Max would also like to find some cool attractions or bars to go to during their 2 days in Prague.

Persona Two:
Megan is planning her sister's bachelorette trip with a group of 15 girls including the bride. The bride has given Megan a list of spots she wants to hit while they are celebrating in Austin, Texas. Megan isn't always the most organized person so she wants to have every day planned by the hour so there is no downtime not celebrating the soon-to-be bride.

Nailing Down the Design.

BonVoyage will be a fully functional progressive web app or PWA, with extensive user interactions to assist a user in successfully preparing for any upcoming trips. Since this is an app based on traveling, it's catered to more individual use. Bon Voyage is brought to life with HTML, CSS, and Javascript. As for tools, I'm using VSCode and Supabase as the database to store all the user input from all their trips, each timeline for the selected trip, profile information, etc... Supabase is a PostgreSQL cloud database that is commonly compared to Firebase, but stores relational data. For the explore section, I need to pull data in from the user's geolocation to display nearby attractions so I'm utilizing the Google Maps API. Theoretically, since BonVoyage is a PWA, then you can download and install the app directly from the URL. I could even market BonVoyage on the Google Play Store or the Microsoft Store… if we were to think that big!

Low-fidelity sketches to capture non-negotiable features of the app and analyze where improvements could be made. Then went onto high-fidelity wireframes to have a full image of every screen and a game plan for development. BonVoyage will be a fully functional progressive web app or PWA, with extensive user interactions to assist a user in successfully preparing for any upcoming trips. Since this is an app based on traveling, it's catered to more individual use. Bon Voyage is brought to life with HTML, CSS, and Javascript. As for tools, I'm using VSCode and Supabase as the database to store all the user input from all their trips, each timeline for the selected trip, profile information, etc... Supabase is a PostgreSQL cloud database that is commonly compared to Firebase, but stores relational data. For the explore section, I need to pull data in from the user's geolocation to display nearby attractions so I'm utilizing the Google Maps API. Theoretically, since BonVoyage is a PWA, then you can download and install the app directly from the URL. I could even market BonVoyage on the Google Play Store or the Microsoft Store… if we were to think that big!

Ciao and bon voyage!