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

Timeline

  • 12 weeks

Tools Used

  • Figma

  • FigJam

  • Optimal Workshop Card Sorting


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

Research



Background

DI Tutoring is a newly launched educational platform dedicated to supporting students in reaching their full academic potential. The service specializes in math, reading, and test preparation, offering personalized instruction tailored to the unique needs of each learner. DI Tutoring is designed to serve students in Kindergarten through eighth grade, providing flexible, differentiated support to help them succeed.

Problem

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

Define


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 developed to illustrate how users navigate the app when searching for a recipe—by type, name, or ingredients. The user flow was more complex, as it accounted for various user decisions and branching paths, offering a more comprehensive view of the user journey.

User flow tutoring1.png
Frame 2.png

Design


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

Low-Fidelity Wireframe

Guided by insights from competitor analysis, user interviews, and the site map, I thoughtfully designed low-fidelity wireframes. These initial layouts emphasized content hierarchy, user flow, and key interaction elements, laying a strong foundation for the overall user experience.

Mid-Fidelity Wireframes

Building on my low-fidelity wireframes, I used Figma to develop mid-fidelity designs that added structure, detail, and improved visual clarity. These wireframes maintained design flexibility, allowing for meaningful iteration based on user feedback and usability insights.

Home Page.png
Services 1_1.png

 Moodboard

During the visual design phase, I prioritized aligning the aesthetics with the core brand values of personalization, flexibility, and practicality. I selected a minimalist color palette—primarily black and white with subtle accents of blue—to create a clean, modern interface that effectively reflects the brand’s identity and reinforces its commitment to clarity and ease of use.

DI Logos2.png

Conclusion

  • Busy families need a simple, accessible way to support their child’s academic growth.

  • DI Tutoring offers a user-friendly platform tailored to K–8 students in math, reading, and test prep.

  • Prioritizing mobile accessibility allows users to access tutoring services anytime, anywhere.

  • Flexible scheduling and personalized instruction increase long-term engagement and success.

  • Usability testing is essential to validate design decisions and ensure a seamless user experience.

Task 2

Screenshot 2023-04-13 at 6.57.08 PM.png

Resume

Contact Me

Follow

  • LinkedIn
bottom of page