Email

Linkedin

Jessalyn © 2025

Thank you for your 👀, 🧠, ⏰ !

Made with 🩷, ☕️

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

Email

Linkedin

Jessalyn © 2025

Thank you for your 👀, 🧠, ⏰ !

Made with 🩷, ☕️

Ideation

Low-Fidelity Wireframes

I sketched out the improved flow of the screens before diving into Figma.