Planning and Preparation

[keleviss]

Planning and Preparation

Description

We need to review the existing website layout and decide:

• What works well and should be retained
• What needs improvement or change
• New features and components to add

We are going to take inspiration from these websites below:

1. https://www.wanderu.com/en-us/bus-tickets/
2. https://www.busbud.com/en
3. https://www.myroadtrip.gr/

Tasks

• [x] #4
• [x] #5

[keleviss]

Here is a consolidated document that outlines your project goals, objectives, and suggestions for improvement:

Project Goals:

• Redesign the Mythos Travels website using Bootstrap 5
• Create a new layout and components that improve user experience and engagement
• Add new features and functionality to enhance the website's overall performance

Objectives:

• The website will consist of 4 main pages: Tickets (index), Trips, About Us, Contact
• The navbar will be present at the top of every page, with a logo on the left, main page links in the middle, and a user login button on the right

Page Breakdown:

• Tickets (Index) Page:
  • Section 1: Ticket/Trip search form at the top
  • Section 2: Overview of the perks of traveling with MythosTravel and some details
  • Section 3: Popular trip destinations with images like a gallery
  • Section 4: Customer reviews with star ratings and comments
  • Section 5: Footer with additional links
• Trips Page:
  • Section 1: Search bar (for searching destinations by name)
  • Section 2: Gallery with all the available trips, which will refresh to display the trips based on the input of the user in the search bar
• About Us Page:
  • Story about MythosTravel, how it was founded, how it grew, the goals, and the services that MythosTravel provides
• Contact Page:
  • Map for the location of the MythosTravel agency offices
  • Details about the address, phone, email, socials
  • Small section with info from the About us page and a link to that page for more info

Suggestions for Improvement:

• Consider using a consistent ordering for sections across pages
• Add a filter or sorting option to the search bar on the Trips page
• Add more visual elements to the About Us page to break up the text and make the story more engaging
• Add a contact form or email address to the Contact page
• Consider having a consistent footer across all pages with links to the main pages, social media, and any other important information
• Add a hero section above the ticket search form on the Tickets page to showcase the benefits of traveling with MythosTravel
• Use card components to display the available trips on the Trips page
• Add customer reviews or ratings to the trip cards on the Trips page to provide social proof