Ideation
Low-Fidelity Wireframes
I sketched out the improved flow of the screens before diving into Figma.
The Solution
A dining app that easily calculates student finances in relation to meals.
A dining app that easily calculates student finances in relation to meals.
After completing the case study, I proposed this design to the RISD Dining Board, and now I am currently collaborating with CBORD and the product owner for GET to implement my ideas!
After completing the case study, I proposed this design to the RISD Dining Board, and now I am currently collaborating with CBORD and the product owner for GET to implement my ideas!
The Challenge
Tracking finances and meals on the current app is inconvenient.
Tracking finances and meals on the current app is inconvenient.
As a designer for the Health Education and Promotion Department at RISD, I conducted research within the student body on the top wellness issues on campus. After finding out that dining is one of the primary concerns for students, I took the initiative to redesign the GET Mobile App, the most used app on my campus to track dining finances and credits. The GET app is a B2B SaaS product from CBORD.
As a designer for the Health Education and Promotion Department at RISD, I conducted research within the student body on the top wellness issues on campus. After finding out that dining is one of the primary concerns for students, I took the initiative to redesign the GET Mobile App, the most used app on my campus to track dining finances and credits. The GET app is a B2B SaaS product from CBORD.
Role
Team
Timeline
Tools/Skills
UI/UX Designer and Researcher
UX Research, UI Design, Testing, Figma, Miro
1 month personal project (April 2024)
1 UX Designer, 1 Product Owner, 1 Application Support Specialist
User research
User Interviews + Affinity Diagram
I wanted to research the difficulties or inconveniences that students had regarding the app and dining. What better way to find out than ask the students themselves? I interviewed 20 of my peers from the three different housing areas on campus, and grouped similar quotes down to 3 main paint points.
Original
The Accounts page is repetitive of the home page, so I removed it
You have to scroll horizontally to see more in “Accounts”
Imrproved
Everything in “Accounts” is shown in one space
Navigation bar only contains necessary pages
Final REdesign
ACCOUNTS PAGE
Original
Breakfast, lunch, and dinner are all separate
There are no prices
The Google Drive does not have menus for Carr Haus or Watermark Cafe
MENU PAGE
Improved
Categorized meal times and hours
Clear buttons for the dining halls that lead to a detailed menu with photos and prices
EXPLORE / MORE INFO PAGE
Original
The hours and extra information for a dining hall are accessed on a dedicated navigation page.
Improved
The user does not have to navigate out of the menu to access hours and extra information
ADD FUNDS PAGE
CART PAGE
Original
To add funds to an account, the user has to click 6 times
Improved
The multiple-choice format allows the user to complete the form in 4 clicks
New Feature
Since RISD dining halls don't utilize pre-order systems, the cart allows users to see the full price, credits used, and balance right before they scan their physical or digital card.
★ GET Mobile App Redesign for CBORD
★ GET Mobile App Redesign for CBORD
Improving the B2B SaaS campus dining app, advocating for students.
Improving the B2B SaaS campus dining app, advocating for students.
Role
UI/UX Designer and Researcher
Team
1 UX Designer, 1 Product Owner, 1 Application Support Specialist
Timeline
1 month personal project (April 2024)
Tools/Skills
UX Research, UI Design, Testing, Figma, Miro
The Challenge
User research
User Interviews + Affinity Diagram
I wanted to research the difficulties or inconveniences that students had regarding the app and dining. What better way to find out than ask the students themselves? I interviewed 20 of my peers from the three different housing areas on campus, and grouped similar quotes down to 3 main paint points.
Sometimes Less is More
Sometimes Less is More
When redesigning the original app, I realized that many of its UX problems stemmed from too many unnecessary or repetitive features.
When redesigning the original app, I realized that many of its UX problems stemmed from too many unnecessary or repetitive features.
Always communicate with Stakeholders
Always communicate with Stakeholders
Reflection
Designers, developers, and stakeholders all think differently. Since this was my first self-directed case study, I was still a beginner. Since I didn’t communicate with the backend team early on, misunderstandings arose during the process. I learned that to prevent future setbacks, I need to collaborate with both the business and developer sides from the very beginning.
Designers, developers, and stakeholders all think differently. Since this was my first self-directed case study, I was still a beginner. Since I didn’t communicate with the backend team early on, misunderstandings arose during the process. I learned that to prevent future setbacks, I need to collaborate with both the business and developer sides from the very beginning.
When redesigning the original app, I realized that many of its UX problems stemmed from too many unnecessary or repetitive features.
Always communicate with Stakeholders
Designers, developers, and stakeholders all think differently. Since this was my first self-directed case study, I was still a beginner. Since I didn’t communicate with the backend team early on, misunderstandings arose during the process. I learned that to prevent future setbacks, I need to collaborate with both the business and developer sides from the very beginning.
Reflection
Sometimes Less is More
Ideation
Low-Fidelity Wireframes
I sketched out the improved flow of the screens before diving into Figma.
Made with 🩷, ☕️
Made with 🩷, ☕️
Imrpoved
Everything in “Accounts” is shown in one space
Navigation bar only contains necessary pages
MENU PAGE
Original
The Google Drive does not have menus for Carr Haus or Watermark Cafe
Breakfast, lunch, and dinner are all separate
No prices
Improved
Clear buttons for the dining halls that lead to a detailed menu with photos and prices, as well as categorized meal times and hours
EXPLORE / MORE INFO
Original
The hours and extra information for a dining hall are accessed on a dedicated navigation page.
The UI is outdated and cluttered
Improved
The user does not have to navigate out of the menu to access hours and extra information
ADD FUNDS PAGE
Original
To add funds to an account, the user has to click twice as many buttons as they need to.
If the user makes a mistake in the order of the form input, they have to start all over again
Imrpoved
The multiple-choice format allows the user to complete the form in a few clicks
CART PAGE
New Feature
Since RISD dining halls don't utilize pre-order systems, the cart allows users to see the full price, credits used, and balance right before they scan their physical or digital card.
Original
You have to scroll horizontally to see more in “Accounts”
The Accounts page is repetitive of the home page, so I removed it