Scribd
Upload
7 views2 pages

FiveBus App Wireframe Overview

The document outlines the wireframes for the FiveBus mobile application, detailing core screens such as the splash screen, login/signup, home screen, search results, seat selection, booking summary, payment, booking confirmation, and user profile. Each screen is designed for ease of use, featuring essential UI elements and layout flows to enhance the user experience. These wireframes serve as a foundational guide for developing the app's UI/UX.

Uploaded by

Vishnu
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
7 views2 pages

FiveBus App Wireframe Overview

The document outlines the wireframes for the FiveBus mobile application, detailing core screens such as the splash screen, login/signup, home screen, search results, seat selection, booking summary, payment, booking confirmation, and user profile. Each screen is designed for ease of use, featuring essential UI elements and layout flows to enhance the user experience. These wireframes serve as a foundational guide for developing the app's UI/UX.

Uploaded by

Vishnu
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

FiveBus - Bus Booking App Wireframes

The following wireframes represent the core screens of the FiveBus mobile application, a bus
booking platform designed for ease of use, efficiency, and clarity. Each wireframe outlines key UI
elements and layout flow for the app.

1. Splash Screen
Displays the logo and app name 'FiveBus' with a clean loading interface.

2. Login / Signup Screen


Allows users to log in using email or social media, or register a new account.

3. Home Screen
Search bar for 'From' and 'To' locations, date picker, and search button.

4. Search Results
Lists available buses with details like timing, seat availability, and fare.

5. Seat Selection
Interactive seat layout allowing users to pick seats and view fare updates.

6. Booking Summary
Displays journey details, fare breakdown, and passenger details form.

7. Payment Screen
Secure payment options with saved cards and UPI integration.

8. Booking Confirmation
Shows confirmation message, ticket details, and option to download e-ticket.

9. Profile & Bookings


Displays user profile, past and upcoming trips, and account settings.

Screen Name Wireframe Layout (Concept)


Splash Screen [ FiveBus Logo | Tagline ]
Login/Signup [ Email | Password | Login Button | Signup Link ]
Home Screen [ From | To | Date | Search Button ]
Search Results [ Bus Card | Time | Fare | Seats ]
Seat Selection [ Seat Grid | Legend | Confirm Button ]
Booking Summary [ Trip Info | Passenger Form | Proceed to Pay ]
Payment [ Payment Options | Confirm Button ]
Confirmation [ Ticket | QR Code | Done Button ]

These wireframes serve as a foundational guide for developing the UI/UX of the FiveBus app,
ensuring an intuitive and user-friendly booking experience.

You might also like