VOYAY — Travel Planner App UX/UI Casestudy
Based on the information provided in the prompt, here is a possible design solution for the VOYAY app:
Home Screen
The home screen features a vibrant and cheerful color scheme, with a large banner that displays the app's tagline "Yay for Vacay!" The banner also includes an icon of a suitcase, which serves as a constant reminder of the app's purpose. Below the banner, there are four main sections:
* Itinerary: This section allows users to create and edit their group trip itinerary, including locations, dates, and times. Users can also add new places or use the app's suggestions based on their previous choices.
* Dropit: In this section, users can store and organize information related to their trip, such as suggested locations, web links, and images. The files are well-organized, easy to track, and can be updated by all group members.
* Budget: This section allows users to set budgets for their group trip and keep track of expenses. They can also add receipts within the app for easier tracking. If the group exceeds the estimated budget, the app will alert everyone to make necessary adjustments together.
* Message: In this section, users can communicate with each other efficiently through calls, messages, and location sharing.
Itinerary Page
The Itinerary page includes three main sections:
* Location: Users can easily add new places or use the app's suggestions based on their previous choices. They can also set reminders, add notes, or get information about the location they just added.
* Dropit: In this section, users can store and organize information related to their trip, such as suggested locations, web links, and images. The files are well-organized, easy to track, and can be updated by all group members.
* Date/Time: Users can set reminders for each day of the trip and add notes about events or activities they plan to do on that day.
Dropit Page
The Dropit page features a clean and minimalistic design, with two main sections:
* File Organization: This section allows users to organize their files into different categories, such as "Places," "Links," and "Images." The categories can be customized based on the user's preferences.
* File Management: In this section, users can view, add, or edit files stored in the "Dropit" section of the app. They can also sort files based on date, size, or name.
Budget Page
The Budget page includes two main sections:
* Total Budget: This section displays the total estimated cost for the group trip, including all members' contributions. Users can also set a target budget and receive alerts if they exceed it.
* Expenses: In this section, users can keep track of their individual expenses throughout the trip. They can add new receipts or edit existing ones within the app. The total group expense will be calculated automatically based on each member's contributions.
Message Page
The Message page features a clean and simple design with two main sections:
* Chat: In this section, users can communicate with each other through calls, messages, or location sharing. They can also send photos or files to the group chat.
* Notifications: This section displays notifications related to the trip, such as reminders for upcoming events or changes in the itinerary. Users can view and manage their notifications within the app.