UB-Dining Webpage Redesign

UB-Dining Webpage Redesign

The MyUBCard account management page serves as an interface for handling transactions within the dining services and shops at the University at Buffalo. This page works as a user guide, providing insight and instructions on two pivotal procedures to maintain a life on campus; managing the GET account,— an app that allows students to check their meal card balance and purchase food on campus— and accessing their books and supplies account. 

Company

University at Buffalo

Services

Visual Design

UI & UX Design

User Research

Industries

Education

Duration

Jan - Feb 2024

January- Feb 2024

The MyUBCard page has problems with accessibility, confusing language, and poor performance on mobile devices. The design is cluttered, making it hard to find information, and there's no easy way to get help. Simplifying the language, making it work better for on-the-go phone users, and offering clear support options will improve the user experience.

Problem

The MyUBCard page has problems with accessibility, confusing language, and poor performance on mobile devices. The design is cluttered, making it hard to find information, and there's no easy way to get help. Simplifying the language, making it work better for on-the-go phone users, and offering clear support options will improve the user experience.

Problem

Problem

Engineering students often struggle to balance demanding academic workloads, group projects, and extracurricular commitments. Without effective tools to manage their time, they face challenges like missed deadlines, burnout, and reduced participation in valuable non-academic activities. This lack of balance can hinder their academic performance and personal growth.

Research

Research

Research

02

02

02

The starting point

The starting point

My starting point was assessing why it’s hard for students to manage their dining account after accessing the webpage by performing surveys

My starting point was assessing why it’s hard for students to manage their dining account after accessing the webpage by performing surveys

Collecting user input gave me a firsthand look at the frustrations and needs of those navigating the MyUBCard page. I was able to identify key pain points, such as mobile accessibility issues and confusing navigation. This feedback guided me in designing solutions that make the page more intuitive and user-friendly, ensuring it meets the diverse needs of the university community while enhancing overall satisfaction and ease of use.

Define

Define

Define

03

03

03

User Personas

User Personas

Emily Johnson, represents the typical undergraduate student who relies on the page to manage her dining account on a daily basis. By understanding Emily’s goals, frustrations, and behaviors, we can tailor the design and functionality of the site to better serve students like her, making their experience smoother and more intuitive. 

Design

Design

Design

03

03

03

Before

Before

Initial Sketches

Initial Sketches

I started by hand sketching the initial designs for the webpage, focusing on a simple, flexible and user-friendly interface. These sketches show ideas for useful instructions and smooth dining process

I started by hand sketching the initial designs for the webpage, focusing on a simple, flexible and user-friendly interface. These sketches show ideas for useful instructions and smooth dining process

Low Fidelity Prototypes

Low Fidelity Prototypes

Low Fidelity Prototypes

After Redesign

Redesign

Redesign

UB-Dining Webpage Redesign

Company

University at Buffalo - Experiential Learning

Services

Visual Design

UI & UX Design

User Research

Industries

Education

Date

May- August 2024

Research shows that the stress culture in engineering affects student health and well-being. Students often struggle to balance a demanding curriculum with extracurricular activities. TimeWise aims to gather data on student time management to better address these challenges.

Next Steps

Next Steps

Next Steps

04

04

04

This project was my first opportunity to put my Figma and user experience design skills to the test, and it taught me invaluable lessons about the importance of user-centered design. I gained hands-on experience in identifying pain points, conducting user interviews, and developing targeted solutions that enhance usability and accessibility. This project has motivated me to continue honing my skills, and I plan to take on more projects that will further develop my abilities as a product designer.

If this redesign were to be implemented by the University at Buffalo Campus Dining Division, the next steps would involve collaborating closely with stakeholders to ensure the proposed changes align with the university's goals and user needs. This would include gathering feedback from students, faculty, and staff through testing phases to refine the design further. By iterating on the prototype, we can ensure that the final product effectively addresses user concerns and provides a seamless, user-friendly experience.

Additionally, integrating the redesigned MyUBCard page with other campus services and resources would be crucial to its success. Training sessions or workshops could be organized to familiarize users with the new features and functionality, and continuous monitoring and feedback collection would ensure that the page evolves to meet the changing needs of the UB community. This approach would solidify the MyUBCard page as a vital tool in enhancing the overall campus dining experience.

This project was my first opportunity to put my Figma and user experience design skills to the test, and it taught me invaluable lessons about the importance of user-centered design. I gained hands-on experience in identifying pain points, conducting user interviews, and developing targeted solutions that enhance usability and accessibility. This project has motivated me to continue honing my skills, and I plan to take on more projects that will further develop my abilities as a product designer.

If this redesign were to be implemented by the University at Buffalo Campus Dining Division, the next steps would involve collaborating closely with stakeholders to ensure the proposed changes align with the university's goals and user needs. This would include gathering feedback from students, faculty, and staff through testing phases to refine the design further. By iterating on the prototype, we can ensure that the final product effectively addresses user concerns and provides a seamless, user-friendly experience.

  • Let's work together
  • Let's talk