UI / UX

Graphics Design

Blog

About

Contact

UI / UX

Graphics Design

Blog

About

Contact

UI / UX

Graphics Design

Blog

About

Contact

Bridging the gap between students and campus

This project redesigns the Inside Out Health website, to enhance usability and visual appeal. Key issues in navigation, information architecture, and user engagement were identified through usability testing, and addressed through redesign

View Case Study

View Case Study

View Prototype

View Prototype

Challange

Challange

Interactive Artefact

Interactive Artefact

Create an interactive prototype of a project that solves users problem and develop an inlasjlkaljdlsfjlakjd

Ajandfk

Adfkjk

Create an interactive prototype of a project that solves users problem and develop an inlasjlkaljdlsfjlakjd

Ajandfk

Adfkjk

Approach

Approach

Human centred design

Human centred design

This project follows a structured and iterative approach of the HCD process with adherence to the ISO 9241 approach, to give a sentence reason why this method was chosen

This project follows a structured and iterative approach of the HCD process with adherence to the ISO 9241 approach, to give a sentence reason why this method was chosen

Role

Role

UX/UI & Visual designer

(Solo Course Work)

UX/UI & Visual designer

(Solo Course Work)

User research, UX audit, interviews, wire framing, prototyping, Usability studies.(formative test, summative test), Visual design: branding, interface design,

User research, UX audit, interviews, wire framing, prototyping, Usability studies.(formative test, summative test), Visual design: branding, interface design,

Timeline

Timeline

September 2022 ( one month)

September 2022 ( one month)

Initial Problem

Breaking the current state of university life

University life presents unique challenges, especially for new and international students unfamiliar with their surroundings and culture. Existing onboarding materials and orientation sessions often fall short in providing continuous support. There’s a clear need for a way students can connect, access resources, and foster a sense of belonging even before arriving on campus and after their first semester.

Specify
Understanding the Context of use

Specify
Understanding the Context of use

In addressing the overall quality of the website the 10 heuristics was used in auditing the overall website in understand overall issues with the website, what this whole project will cover, inform design decisions, and make assumptions that will be later validated with other usability research methods.

Exploring the existing Landscape

This project redesigns the Inside Out Health website, to enhance usability and visual appeal. Key issues in navigation, information architecture, and user engagement were identified through usability testing, and addressed through redesign

User Interviews

An unmoderated usability test with five participants. The results showed significant challenges in shopping and using services, where users faced difficulties due to poor navigation, lack of visual feedback, and difficulty locating elements, inadequate search functionality and inconsistent placement of features.

User Isights & Recommendation

Home tech savy

I want to create a central control for my kitchen devices, so that I can streamline the cooking process and make it more convenient.


Home tech savy

I want to create a central control for my kitchen devices, so that I can streamline the cooking process and make it more convenient.


Home tech savy

I want to create a central control for my kitchen devices, so that I can streamline the cooking process and make it more convenient.


Home tech savy

I want to create a central control for my kitchen devices, so that I can streamline the cooking process and make it more convenient.


Users in focus

In addressing the overall quality of the website the 10 heuristics was used in auditing the overall website in understand overall issues with the website, what this whole project will cover, inform design decisions, and make assumptions that will be later validated with other usability research methods.

Task Scenario

In addressing the overall quality of the website the 10 heuristics was used in auditing the overall website in understand overall issues with the website, what this whole project will cover, inform design decisions, and make assumptions that will be later validated with other usability research methods.

Scenario one
Scenario one
Scenario one
Scenario 2
Scenario 2
Scenario 2
Scenario 3
Scenario 3
Scenario 3

Specify
Creating requirements for the solution

Specify
Creating requirements for the solution

In addressing the overall quality of the website the 10 heuristics was used in auditing the overall website in understand overall issues with the website, what this whole project will cover, inform design decisions, and make assumptions that will be later validated with other usability research methods.

Match between system and the real world

Confusing language and navigation misalign with user expectations.

Confusing language and navigation misalign with user expectations.

User control and freedom

Limited user autonomy due to low visibility and automatic selections.

Limited user autonomy due to low visibility and automatic selections.

Error prevention

Insufficient guidance increases the risk of user errors.

Insufficient guidance increases the risk of user errors.

Recognition and recall

Inconsistent elements force users to rely on memory over recognition.

Inconsistent elements force users to rely on memory over recognition.

Consistency

Inconsistent design elements create a disjointed experience.

Inconsistent design elements create a disjointed experience.

Flexibility and Efficiency of Use

Site lacks features for novices, reducing usability and efficiency.

Site lacks features for novices, reducing usability and efficiency.

Error Recovery

Error messages inform problems but don’t guide solutions.

Error messages inform problems but don’t guide solutions.

Aesthetic and Minimalist design

Cluttered design hampers focus and usability.

Cluttered design hampers focus and usability.

Visibility of system status

Lack of clear visual feedback on user interactions

Lack of clear visual feedback on user interactions

Help and documentation

Inaccessible help resources leave users unsupported.

Inaccessible help resources leave users unsupported.

Design
Create solutions to meet requirements

Design
Create solutions to meet requirements

In addressing the overall quality of the website the 10 heuristics was used in auditing the overall website in understand overall issues with the website, what this whole project will cover, inform design decisions, and make assumptions that will be later validated with other usability research methods.

Card sorting
Card sorting
Card sorting
Information Architecture
Information Architecture
Information Architecture
Sketching
Sketching
Sketching
Wireframes
Wireframes
Wireframes

Test
Evaluate design against requirements

Test
Evaluate design against requirements

In addressing the overall quality of the website the 10 heuristics was used in auditing the overall website in understand overall issues with the website, what this whole project will cover, inform design decisions, and make assumptions that will be later validated with other usability research methods.

Usability study

Task and severity

SUS-System Usability scale

Interviews

An unmoderated usability test with five participants. The results showed significant challenges in shopping and using services, where users faced difficulties due to poor navigation, lack of visual feedback, difficulty locating elements, inadequate search functionality, and inconsistent placement of features.

Usability study

Task and severity

SUS-System Usability scale

Interviews

An unmoderated usability test with five participants. The results showed significant challenges in shopping and using services, where users faced difficulties due to poor navigation, lack of visual feedback, difficulty locating elements, inadequate search functionality, and inconsistent placement of features.

Usability study

Task and severity

SUS-System Usability scale

Interviews

An unmoderated usability test with five participants. The results showed significant challenges in shopping and using services, where users faced difficulties due to poor navigation, lack of visual feedback, difficulty locating elements, inadequate search functionality, and inconsistent placement of features.

Final solution

Breaking the current state of university life

University life presents unique challenges, especially for new and international students unfamiliar with their surroundings and culture. Existing onboarding materials and orientation sessions often fall short in providing continuous support. There’s a clear need for a way students can connect, access resources, and foster a sense of belonging even before arriving on campus.

Home

Shop

Health hub

Recipes

About Us

Extra

Explore a variety of recipes with a search bar that lets users filter by ingredients, cuisine, cooking time, dietary preferences, and calorie count, tailoring results to their unique needs.

Expert Review Summary

 People want to eat healthily and save time, but the complexity of meal planning due to diverse dietary needs and schedules makes it overwhelming. They often resort to unhealthy takeout or repetitive meals because leading to poor eating habits and food waste.

Final Note

This project represents a comprehensive exploration into solving real user pain points around meal planning through thoughtful, user-centered design. By combining extensive research, innovative features, and a focus on inclusivity, the “Meal Plan” app showcases the potential for creating meaningful user experiences. While the app has successfully met its goals, there remain exciting opportunities for further refinement and development. These improvements will ensure the app not only meets the evolving needs of its users but also thrives in a competitive marketplace.

This project represents a comprehensive exploration into solving real user pain points around meal planning through thoughtful, user-centered design. By combining extensive research, innovative features, and a focus on inclusivity, the “Meal Plan” app showcases the potential for creating meaningful user experiences. While the app has successfully met its goals, there remain exciting opportunities for further refinement and development. These improvements will ensure the app not only meets the evolving needs of its users but also thrives in a competitive marketplace.

Full Case Study

View Prototype

Previous project

⭠

Meal Plan

Next project

Meal Plan

→

I'm available

Let's Connect

Feel free to contact me if having any questions. I'm available for new projects or just for chatting.

Contact Me

Anthony Akintola

I'm available

Let's Connect

Feel free to contact me if having any questions. I'm available for new projects or just for chatting.

Contact Me

Anthony Akintola

I'm available

Let's Connect

Feel free to contact me if having any questions. I'm available for new projects or just for chatting.

Contact Me

Anthony Akintola