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.




❌ Cluttered, Extra Steps
You have to scroll horizontally to see more in “Accounts”
The Accounts page is repetitive of the home page, so I removed it
✅ Concise Navigation
Everything in “Accounts” is shown in one space
Navigation bar only contains necessary pages

ACCOUNTS PAGE
MENU PAGE
❌ Frustrating External App
The Google Drive does not have menus for Carr Haus or Watermark Cafe
Breakfast, lunch, and dinner are all separate and there are no prices


✅ Instant Menu Access
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 PAGE
❌ Too Separate!
The hours and extra information for a dining hall are accessed on a dedicated navigation page.
Outdated and cluttered UI


✅ Intuitive Access
The user does not have to navigate out of the menu to access hours and extra information


ADD FUNDS PAGE
CART PAGE
❌ Inefficient Form Input
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


✅ Seamless Form Input
The multiple-choice format allows the user to complete the form in a few clicks

✅ Informative Checkout
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.

Final REdesign

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.
















❌ Cluttered, Extra Steps
You have to scroll horizontally to see more in “Accounts”
The Accounts page is repetitive of the home page, so I removed it
ACCOUNTS PAGE
Final REdesign
✅ Concise Navigation
Everything in “Accounts” is shown in one space
Navigation bar only contains necessary pages


MENU PAGE
❌ Frustrating External App
The Google Drive does not have menus for Carr Haus or Watermark Cafe
Breakfast, lunch, and dinner are all separate
No prices




✅ Instant Menu Access
Clear buttons for the dining halls that lead to a detailed menu with photos and prices, as well as categorized meal times and hours




❌ Too Separate!
The hours and extra information for a dining hall are accessed on a dedicated navigation page.
The UI is outdated and cluttered


❌ Too Separate!
The hours and extra information for a dining hall are accessed on a dedicated navigation page.
The UI is outdated and cluttered


EXPLORE / MORE INFO
ADD FUNDS PAGE
❌ Inefficient Form Input
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


❌ Inefficient Form Input
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


CART PAGE
✅ Informative Checkout
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.

✅ Informative Checkout
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.

✅ Instant Menu Access
The user does not have to navigate out of the menu to access hours and extra information


✅ Instant Menu Access
The user does not have to navigate out of the menu to access hours and extra information


✅ Seamless Form Input
The multiple-choice format allows the user to complete the form in a few clicks

✅ Seamless Form Input
The multiple-choice format allows the user to complete the form in a few clicks

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.