top of page
Image by CDC

DI Tutoring

My Role

  • UX Designer

  • UI Designer/Visual Designer

  • Brand Logo Identity

Project Type

  • End-to-end mobile application


  • 12 weeks

Tools Used

  • Figma

  • FigJam

  • Optimal Workshop Card Sorting

Research Goals |  Competitive Analysis  |  Interviews  |  Surveys  |  Affinity Map  |  Research Insights



DI Tutoring is a new website that specializes in helping students grow and reach their highest potential academically. The services provided will be in the areas of math, reading and test prep. The clients that will be served are students in Kindergarten through eighth grade.


Currently tutoring services are being provided both in person and remotely and scheduling, cancellations, and keeping track of in person and remote tutoring sessions is becoming overwhelming for my client.

Research Objectives

Understand what the users are looking for when planning meals for the week.

  • Understand how users begin their planning process

  • Understand the process of selecting a new recipe

  • Determine what meals people cook most often

  • Learn what pain points frustrate users the most

Brown Modern Donuts Chart Graph (1).png

Competitive Analysis

As part of the research, I looked at top competitor websites to understand their target audience, strengths and weaknesses and what problem they’re trying to solve. 

Frame 1.png

User Interviews

I interviewed 7 different participants to better understand their experience with scheduling tutoring services for their child. I wanted to understand their goals, motivations, and pain points as they went through the process.

Secondary Research

The purpose of my research on private tutoring was to gain a deeper understanding of its effectiveness in enhancing academic performance and to identify the factors that influence the decision to use private tutoring services. 

   User Goals and Motivations

  • Blog free site

  • Side dish recipes

  • Recipes that are quick to make

  • Limited ingredients

  • Recipes with options/substitutions

Affinity Map

I created an affinity map to identify the patterns of thoughts and behaviors. I paid close attention to user needs and pain points, in order to determine if there were any common themes among the interview participants. 

Key Findings 

  • In person learning for grades K-5

  • Easy scheduling

  • virtual option

  • Transparent pricing

  • Transparency regarding qualifications

User Frustrations and Pain Points

  • Recipes with too many pop-ups

  • Limited time to cook

  • Unknown ingredients

  • Blogs are long and distracting

Affinity Map for Web Design_edited.jpg


User Persona |  Task and User Flows

This is Sarah

After reviewing the research findings, there were some very clear data points that emerged allowing me to create this primary user persona, Sarah. By identifying the common goals, motivations, and frustrations among my interview participants' answers and survey responses. Sarah represents someone who wants to help her daughter excel in her academics but needs a tutor who can provide personalized instruction and has a flexible schedule.  

Persona 1.1.png

Task and User Flows

Task flows were created to show how a user would navigate using the app to search for a recipe by type, by name or by ingredients.  The user flow was a little more complex because it took into account user decisions.

User flow tutoring1.png
Frame 2.png


Low Fidelity | Mid-Fidelity Wireframes | Moodboard | High-Fidelity

Low-Fidelity Wireframe

Using the insights gained from competitor research, user interviews, and the site map, I meticulously crafted low-fidelity wireframes. These simplified representations of the user interface focused on layout, content hierarchy, and interaction elements.

Mid-Fidelity Wireframes

Building upon my low-fidelity wireframes, I leveraged the power of Figma to transform them into mid-fidelity designs. This involved adding more details and visual clarity while maintaining the flexibility to iterate and gather valuable feedback. 

Home Page.png
Services 1_1.png


When approaching the visual design phase, I made it a priority to align the aesthetics with the core brand values of personalization, flexibility, and usefulness. By incorporating a simplistic color palette predominantly consisting of black and white, with subtle touches of blue, I ensured that the visual elements would effectively convey the client's desired brand identity.

DI Logos2.png


Busy people need an simple and easy way to cook meals at home. 

  1. EAT UP is  user-friendly app that can make a positive impact on people's lives. 

  2. By prioritizing mobile accessibility, EAT UP can reach a wider audience and provide a more seamless user experience.

  3. Offering multiple grocery ordering methods caters to users' individual preferences and needs.  By accommodating a range of options, EAT UP increases the likelihood that users will continue to use the app over time.

  4. Usability testing is very critical as it despells assumptions and provides data and information on how users will use the app. 

Task 2

Screenshot 2023-04-13 at 6.57.08 PM.png


Contact Me


  • LinkedIn
bottom of page