CodeLab: UniTrans Redesign Sprint
Available for work
CodeLab: UniTrans Redesign Sprint
Available for work
Category:
Web Design
Client:
CodeLab
Introduction
Unitrans is the public transportation system serving the city of Davis, California. It is primarily operated by the University of California, Davis, with many students, faculty, and general public relying on it as an affordable bus service connecting the city. Its website provides reliable information about bus times and announcements for its riders.
However, this information is not always clearly conveyed in its cluttered and unorganized website interface.
This 1-week Design Bootcamp Sprint reimagines the Unitrans website with a clean, efficient, and effective design — providing higher usability for Unitrans riders, improving their local Davis bus transportation experience.
Project Duration
January 2024 | 1 week
Team
1 Designer
Completed at CodeLab, a professional software development and UX / UI agency at UC Davis, 2023 - 2024 Design Bootcamp Sprint.
Role
UX Designer
Tools
Figma
Research
Comparative Analysis
Unitrans (Left) as compared to Uber and Trainline (Right)
Comparing Unitrans with the #1 and #3, respectively, most visited ground transportation websites gives an insight into what could be improved on the Unitrans website
Key Takeaway
More streamline, modern, less-cluttered look with the most important / relevant information as the main features on the site
Ideation
Turning Problems into Solutions:
Problems | Solutions |
|---|---|
Irrelevant information taking too much space on site | Reorganization of site components |
Clutter around arrival predictions and trip plan | Clean + modern modules and lines |
Some bus departure times are hard to read | Clear labels and formatting of bus times |
News and announcements are not immediately available | Have news and immediate announcements visually outstand on top of page |
Prototypes
Conclusion
Next Steps
If I were to redo this project with more time and resources, I would…
Conduct User Survey: utilize scale ratings + open feedback — ask about usability of the site, visual aesthetics, most-used components, accessibility to information, etc.
Conduct User Testing with the following draft:
Why / How
Goal
We have user wants and needs. Now are our proposed solutions directly responding to those user needs?
Gain feedback on current prototypes and proposed solutions to user problems — key information going into mid-fi & hi-fis
Re-survey our target audience (Unitrans riders) multiple times — are these implementations useful for the user?
Make sure we are being user-centric and directly responding to user needs
Collaborate and communicate with team + other designers, developers, managers
Introduction
Unitrans is the public transportation system serving the city of Davis, California. It is primarily operated by the University of California, Davis, with many students, faculty, and general public relying on it as an affordable bus service connecting the city. Its website provides reliable information about bus times and announcements for its riders.
However, this information is not always clearly conveyed in its cluttered and unorganized website interface.
This 1-week Design Bootcamp Sprint reimagines the Unitrans website with a clean, efficient, and effective design — providing higher usability for Unitrans riders, improving their local Davis bus transportation experience.
Project Duration
January 2024 | 1 week
Team
1 Designer
Completed at CodeLab, a professional software development and UX / UI agency at UC Davis, 2023 - 2024 Design Bootcamp Sprint.
Role
UX Designer
Tools
Figma
Research
Comparative Analysis
Unitrans (Left) as compared to Uber and Trainline (Right)
Comparing Unitrans with the #1 and #3, respectively, most visited ground transportation websites gives an insight into what could be improved on the Unitrans website
Key Takeaway
More streamline, modern, less-cluttered look with the most important / relevant information as the main features on the site
Ideation
Turning Problems into Solutions:
Problems | Solutions |
|---|---|
Irrelevant information taking too much space on site | Reorganization of site components |
Clutter around arrival predictions and trip plan | Clean + modern modules and lines |
Some bus departure times are hard to read | Clear labels and formatting of bus times |
News and announcements are not immediately available | Have news and immediate announcements visually outstand on top of page |
Prototypes
Conclusion
Next Steps
If I were to redo this project with more time and resources, I would…
Conduct User Survey: utilize scale ratings + open feedback — ask about usability of the site, visual aesthetics, most-used components, accessibility to information, etc.
Conduct User Testing with the following draft:
Why / How
Goal
We have user wants and needs. Now are our proposed solutions directly responding to those user needs?
Gain feedback on current prototypes and proposed solutions to user problems — key information going into mid-fi & hi-fis
Re-survey our target audience (Unitrans riders) multiple times — are these implementations useful for the user?
Make sure we are being user-centric and directly responding to user needs
Collaborate and communicate with team + other designers, developers, managers
CodeLab: UniTrans Redesign Sprint
Available for Projects
CodeLab: UniTrans Redesign Sprint
Available for Projects
Category:
Category:
Web Design
Client:
Client:
CodeLab
Introduction
Unitrans is the public transportation system serving the city of Davis, California. It is primarily operated by the University of California, Davis, with many students, faculty, and general public relying on it as an affordable bus service connecting the city. Its website provides reliable information about bus times and announcements for its riders.
However, this information is not always clearly conveyed in its cluttered and unorganized website interface.
This 1-week Design Bootcamp Sprint reimagines the Unitrans website with a clean, efficient, and effective design — providing higher usability for Unitrans riders, improving their local Davis bus transportation experience.
Project Duration
January 2024 | 1 week
Team
1 Designer
Completed at CodeLab, a professional software development and UX / UI agency at UC Davis, 2023 - 2024 Design Bootcamp Sprint.
Role
UX Designer
Tools
Figma
Research
Comparative Analysis
Unitrans (Left) as compared to Uber and Trainline (Right)
Comparing Unitrans with the #1 and #3, respectively, most visited ground transportation websites gives an insight into what could be improved on the Unitrans website
Key Takeaway
More streamline, modern, less-cluttered look with the most important / relevant information as the main features on the site
Ideation
Turning Problems into Solutions:
Problems | Solutions |
|---|---|
Irrelevant information taking too much space on site | Reorganization of site components |
Clutter around arrival predictions and trip plan | Clean + modern modules and lines |
Some bus departure times are hard to read | Clear labels and formatting of bus times |
News and announcements are not immediately available | Have news and immediate announcements visually outstand on top of page |
Prototypes
Conclusion
Next Steps
If I were to redo this project with more time and resources, I would…
Conduct User Survey: utilize scale ratings + open feedback — ask about usability of the site, visual aesthetics, most-used components, accessibility to information, etc.
Conduct User Testing with the following draft:
Why / How
Goal
We have user wants and needs. Now are our proposed solutions directly responding to those user needs?
Gain feedback on current prototypes and proposed solutions to user problems — key information going into mid-fi & hi-fis
Re-survey our target audience (Unitrans riders) multiple times — are these implementations useful for the user?
Make sure we are being user-centric and directly responding to user needs
Collaborate and communicate with team + other designers, developers, managers