top of page
Group 1148.jpg
Redesign of the Caltrain Mobile App | App Redesign

About The App:
Caltrain Mobile App is a train app based in California. The app help riders purchase tickets and search the timetable easier and efficiently.

My Role

UX/UI Designer

Timeline

4 months (Fall 2023)

Type

UX Designer,
UX Research,
User Test

Tool Used

Figma, After Effect

Motivation
As a frequent rider of the Caltrain

Being a frequent rider of the Caltrain, I take Caltrain at least two times per week to go to a family visit.
I always check the timetable before purchasing a ticket using the Caltrain mobile application.

Group 1108.png
Heuristic Evaluation

Home Page, Buy Ticket Process, Timetable

Home Page
Group 1150.png
Group 1151.png
Buy Ticket Process
Group 1152.png
Timetable
Research

Competitor Analysis, Audience Research, Interview, Persona

Local trains from other states
Group 1153.png
Group 1154.png
Audience Research - Caltrain app rating
Group 1158.png
Audience Research Summary
Group 1157.png
Interview feedbacks
Group 1156.png
Design Goals
Group 1155.png
Persona
截圖 2023-03-04 下午2.38 1 (1).png
Iteration

Home Page, Buy Ticket Process, Timetable

Iteration - Home Page
Group 1159.png
Iteration - Buy product process
Group 1160.png
Iteration - Timetable Page
Group 1161.png
The reasons why I redesign my previous project (May 2023)
Group 1162.png
Final Design - Comparison

Home Page, Buy Ticket Process, Timetable

Home Page
apple-iphone12-blue-landscape.png
apple-iphone12-blue-landscape.png
apple-iphone12-blue-landscape.png

Original

Version 1

Final Design

Buy Product Process
apple-iphone12-blue-landscape.png

Original

apple-iphone12-blue-landscape.png

Version 1

apple-iphone12-blue-landscape.png

Final Design

Timetable
apple-iphone12-blue-landscape.png

Original

apple-iphone12-blue-landscape.png

Version 1

apple-iphone12-blue-landscape.png

Final Design

iPhone 12 Mockup (1).png
65713.png
Takeaways & Next Steps

What I Learned:

  • Clarify my redesign goals and pain points.

  • Revise the design based on the tester’s feedback.

  • Design is a never-ending story.


When it comes to further improve this experience, some next steps would be:

  • Do the user test of my final version.

  • Conduct user interviews again.

Takeaways
bottom of page