top of page
Project Overview:
Building on the initial Carpoolz app project, this project involved designing a responsive website. I utilized the existing user research and applied UI design principles to create a consistent and intuitive experience across desktop, tablet, and mobile platforms
Role:
Sole UX / UI designer
Project type:
Web responsive design
Project challenge:
Design a Web responsive prototype of the Carpoolz app
Methodology:
As the UX designer, I created a responsive Carpoolz website using existing research. I designed and iterated wireframes for various screen sizes, ensuring consistent UI and usability across devices.
Remembering our main persona
Remembering the persona
Age: 34
Education: Some college
Hometown: Chicago
Family: Wife and 2 kids
Occupation: Entrepeneur
Problem statement: Ronaldo, a small entrepreneur with a fluctuating schedule, needs a reliable solution to ensure his children get home safely when meetings run late
Goals
Wants to pick up the kids from school every day;
Ensuring the safety of their children.
Frustrations:
Occasionally express frustration about bus' schedules Don't have a great digital literacy
Starting the design:
Wireframing
We kept the design consistent, but I wanted to be extra sure it felt right on larger screens. So, I did some wireframes to test it out and make sure the user experience was smooth, no matter the size
Tablet designs
( 1280x800 )
Login menu
Carpool menu
Main menu
Bus menu
Desktop designs
( 1920x1080 )
Login menu
Main menu
Carpool menu
Carpool menu
Following the initial design phase, the first digital wireframes were completed
( Digital ) tablet wireframes
Log-in
Main Menu
Carpool menu
Bus menu
Driver's profile
( Digital ) Desktop wireframes
Login menu
Main menu
Carpooling menu
Bus menu
Driver's profile
Designed with consistency , maintaining what was already a great experience and expanding it
Turning the wireframes into the final designs
First, the tablet designs
Log-in
Main menu
Bus Schedules Menu
Carpooling menu
Driver's profile
Then, the desktop designs
Login menu
Main Menu
Bus Routes/ Schedules
Carpooling menu
Driver's profile
Now one of the most important things about this project, or the most, the Takeaways
Takeaways
I learned that even though the design may remain the same on responsive web projects to create a consistent experience across devices, there are some elements that change because of the layout (e.g., mobile to desktop)
Thank you !
for reading my project
bottom of page