Personas

How It Works

Stay ahead of the curve with the latest UX design trends and tools

Role

UX/UI Designer

Industry

All

Duration

4 months

Stage 1. User Research

Engaged with over 100 students and educators through online surveys, in-depth interviews, and virtual focus groups to gather comprehensive insights into their learning habits, preferences, and frustrations with current educational tools. This exhaustive research phase highlighted the need for more interactive and collaborative learning solutions, leading to the development of detailed user personas representing the app's target audience.

Stage 2. Ideation & Conceptualization

Led creative workshops involving stakeholders and fellow designers to brainstorm innovative features that address the identified needs. Mapped out several user journey scenarios to visualize how users would interact with the proposed features, fostering a collaborative environment and promoting engagement through gamified learning experiences.tead, algorithms and logic-based solutions ought only provide humans with better insight so as to empower us to arrive at better solutions, faster.

Stage 3. Design Execution

Wireframing: Developed over 60 wireframes for various app screens, meticulously planning each element of the user interface to ensure intuitive navigation and a seamless learning experience. These wireframes served as the foundation for the app's structure, focusing on facilitating easy access to educational content and interactive features.
Prototyping: Utilized advanced features in Figma to create interactive prototypes, enabling realistic user interactions. Conducted live prototype demonstrations to stakeholders, providing a tangible sense of the app's look and feel, as well as its functionality.
UI Design: Crafted a visually appealing and accessible user interface, selecting a color palette that promotes concentration and creativity, alongside typography that improves readability across various devices. Integrated feedback from stakeholders to refine the UI, ensuring that it not only looks appealing but also aligns with educational goals.

Stage 1. User Research

Stage 2. Ideation & Conceptualization

Stage 3. Design Execution

Wireframing: Developed over 60 wireframes for various app screens, meticulously planning each element of the user interface to ensure intuitive navigation and a seamless learning experience. These wireframes served as the foundation for the app's structure, focusing on facilitating easy access to educational content and interactive features.
Prototyping: Utilized advanced features in Figma to create interactive prototypes, enabling realistic user interactions. Conducted live prototype demonstrations to stakeholders, providing a tangible sense of the app's look and feel, as well as its functionality.
UI Design: Crafted a visually appealing and accessible user interface, selecting a color palette that promotes concentration and creativity, alongside typography that improves readability across various devices. Integrated feedback from stakeholders to refine the UI, ensuring that it not only looks appealing but also aligns with educational goals.

Stage 4. User Testing & Iterations

Organized a series of remote user testing sessions, employing both qualitative and quantitative methods to evaluate the app's usability and effectiveness in fostering collaborative learning. Analyzed feedback to identify patterns and areas for improvement, leading to several design iterations that enhanced user engagement and satisfaction.

Stage 5. Final Presentation and Documentation

UI design and prototyping

Created detailed wireframes and interactive prototypes using Adobe XD, focusing on crafting an inviting and user-friendly interface. Selected a warm and inviting color scheme and typography that reflects the app's social and culinary focus.
Developed high-fidelity prototypes that showcased the app's core features, including a dynamic home feed, detailed restaurant profiles, and an integrated chat system for planning dining events. Conducted iterative design reviews with the team to refine the prototypes.

a pair of cell phones on a concrete block

a cell phone with a yellow rectangular screen

Reflections

This project was a testament to the importance of thorough user research and iterative design in creating solutions that truly meet user needs. It honed my skills in collaboration, problem-solving, and effective communication, setting a solid foundation for my future endeavors in UX/UI design.

Reflections

Other projects

Figma

Figma is a cloud-based design tool for digital interfaces.

A/B Testing

AB testing is quantitative research method used to compare two versions of a web page or app interface to determine which one performs better.

Computing Basics

Computing Basics: HTML and CSS Fundamentals

Wireframes

A black & white sketch of a page’s interface

Research Methods

Research Methods in UX Design: Understanding and Applying User Research

Visual Culture

Visual Culture in UX Design: Understanding and Applying Key Concepts

Prototyping

A sample version of the product which is released to a small number of end-users in order to test and approve the design. After a few versions of the prototype, we can come up with a product for sale.