


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.



© Salma Nurse 2024
© Salma Nurse 2024
- Let's work together
- Let's talk