ChefsConnect

ChefsConnect is a networking platform where chefs of different backgrounds come together to create meaningful networks and relationships. The task was to build a profile creation flow for the website.

PROJECT TYPE

Personal Project

DURATION

September 2022

MY ROLE

UX researcher and designer

RESPONSIBILITIES

Conducting research and interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

Landing Page Carousel

The Problem

Chefs who feel isolated and barely have enough time to socialize outside of work, find currently existing networking sites too general and not tailored to their needs

The Goal

Design a profile creation flow that will be the entry point for new users who intend to use ChefsConnect

User Research

I conducted interviews and created empathy maps to understand the users that I will be designing for, and also to know their needs and identify pain points.

Initial Assumptions

I initially assumed that since we were building a networking site for chefs, the primary user group would be professional chefs. Researched proved this wrong, as I discovered that the user group was quite larger: it also included other workers in the food industry, culinary students and even hobbyist chefs.  This discovery helped in framing the problem in a more inclusive way. Researched helped me to identify their frustrations about being an excluded group in social networking websites.

Painpoints

User painpoints identified

User Personas

User Persona

Problem Statement: Doylla is a Culinary Student who needs to connect with professional chefs in her community and beyond because she needs to find a mentor that can help her grow in her career

User Persona

Problem Statement: Brychel is a Professional chef who needs to connect with other professionals online because he wants to discuss ideas and feel as part of a community

User Journey Map

User Journey Map

Information Architecture

It was important that the profile creation flow be as simple and as direct as possible. Thus, the information architecture followed a sequential structure in addition to a minimal hierarchical structure. I chose this to simplify things for the user

Site Map

Ideation

Paper Wireframes

I started off the design process with drawing paper wireframes. Due to pain points discovered during research, I made the decision to keep the interface as clutter-free as possible.

Homepage wireframe sketch ideas
Final Home page wireframe sketch
Tablet and mobile wireframe sketches

Digital Wireframes

I reinforced the idea of simplicity and warmth, a site that will draw users in and make them comfortable, with as little clutter as possible.

I opted for a carousel of large background images of other chefs to show a sense of community and diversity. I also included a prominent call to action button to get users focused on the task: profile creation

Digital Wireframes

Click here to view low fidelity prototype

Usability Testing

It was important to test functionality so I connected all the digital wireframes to create a prototype for user testing.

Study type: Unmoderated usability study

Participants: 5Location: Lagos and remote

Duration: 30 minutes per user

Usability Study Findings

Refining the Design

Based on insights from the usability study, I made some changes in the next design iteration on the mockups.

The call to action button on the home page was given more prominence and the copy on it changed. Users thought Login and Signup were similar words.
I swapped the position of the progress bar and used larger headers to create hierarchy on the page

Mockups

Mockups of sample screens
Responsive screens on tablet and phone

Click here to view high fidelity prototype

Impact

Users were happy with the simplicity of the flow and the lack of clutter. They were also pleased about not being required to overshare details.

What I learned

I discovered that implicit bias creeps up on us unaware despite our best intents. So it is important to keep checking oneself for any designer bias. Earlier, I had assumed that the user group for the design was professional chefs, but research helped reveal and fix that bias to include a wider range of catering and culinary workers.

Next Steps

1. Conduct follow-up user tests to determine if the design meets requirements

2. Check for more accessibility issues and reiterate on the design to be more equitable

Thank you!

Click here to view View Case Study Slide Deck

Other projects: 

Olanshile "Shylle" Shonoiki