Overview
Improving productivity and usability of UC San Diego's campus enrollment interface system. By, conducting user research, improving the discoverability of important features and the overall visual design, we can help the user navigate WebReg easily and efficiently, while providing them with a more positive experience.
Role
UX/UI Designer
Members
Elizabeth Ge, Liam Lai
Duration
4 months
Tools used
Design Process
Discover
Online Research
User Interviews
Define
Competitive Analysis
Ideate
User Flow
Mood Board
Crazy 8 Activity
Design
Low-Fi Designs
High-Fi Designs
Prototype
UCD Process
Research and Analysis
The initial phase involves conducting thorough user research to understand the target audience's grocery shopping habits, pain points, and preferences. User interviews, surveys, and competitor analysis are conducted to gather valuable insights. This research aims to identify key user needs and expectations, along with potential opportunities for differentiation in the market. Additionally, data on user demographics, shopping patterns, and technological preferences are collected to inform the design decisions.
User interviews
Competitor analysis
Moodboard
Crazy 8
UCD Process
Ideation and Concept Development
Brainstorming sessions and collaborative workshops are organized with the design team to generate innovative ideas and features for the FreshToDoor app. The team focuses on creating a seamless and intuitive user experience, with a particular emphasis on features such as personalized recommendations, easy search and filtering options, and streamlined checkout processes. Design thinking methodologies, such as ideation exercises and brainstorming techniques, are utilized to generate a wide range of ideas.
UCD Process
Low-Fidelity Wireframing
Using the insights gained from research and ideation, the design team creates an information architecture that outlines the structure and organization of the app. The team develops low-fidelity wireframes that depict the app's navigation, content organization, and user flow. The wireframes serve as a blueprint for the app's layout and functionality, ensuring a logical hierarchy and intuitive user interface.
Wireframing
UCD Process
Iterative Prototyping and User Testing
High-fidelity prototypes are developed using design tools like Figma. The prototypes showcase the app's visual design, interaction patterns, and transitions. User testing sessions are conducted, allowing participants to navigate through the prototype and provide feedback on usability, clarity, and the overall user experience. Iterations and refinements are made based on the feedback received to improve the design, eliminate pain points, and enhance user satisfaction.
UCD Process
Visual Design
Taking into consideration the target audience's preferences and brand attributes, the visual design phase begins. The design team creates a visual identity for FreshToDoor, incorporating colors, typography, and visual elements that align with the brand's values. Attention is given to visual consistency across different screens and devices. Design guidelines and style guides are developed to maintain consistency and coherence throughout the app.
Light Version
Conclusion
The FreshToDoor grocery delivery app, designed following a rigorous user-centered design approach, aims to provide users with a convenient and hassle-free grocery shopping experience. By conducting extensive user research, ideation, prototyping, and testing, the app ensures that it meets user needs and expectations. The result is an app that promotes user engagement, improves conversion rates, and enhances customer satisfaction. This case study demonstrates the UX/UI designer's ability to successfully deliver a well-designed and usercentric solution in a competitive market.
© 2024 By Leona Lai.
Privacy policy
Cookies policy
