INDUSTRIES
Non-Profit, Financial Education
TEAM
Project Manager, Web Developer, IT Support Specialist, Director of Finance & Operations
DURATION
December 2021 - October 2022 (8 Months)
SKILLS
Data Analysis, Data Visualization, Mockups, Prototyping, Usability Testing, User Flows, User Interviews, Wireframing

My Roles

SOLE UI/UX DESIGNER
I led research and design while collaborating with key stakeholders to ideate and build out potential solutions.
Tools Used: Figma, Photoshop, Illustrator, Loop11, Jamboard, Wordpress
PRODUCT MANAGER
I assumed the role of product manager and used data analytics to create data visualization presentations for stakeholders.
Tools Used: Microsoft PowerPoint, Microsoft Excel, Google Slides
VIDEO PRODUCTION LEAD
I created motion graphics and led the production of videos that were embedded into the tool.
Tools Used: After Effects, Premiere Pro, Photoshop

The Background

The Dfree Global Foundation, Inc. is a non-profit organization charged with leading the African American community to financial freedom through content, curriculum, training, tools and access to professionals.

THE CHALLENGE
"How might we redesign our LMS so that it encourages more users to enroll and graduate?"

The Problem

In 2021 the foundation launched the inagural class of their LMS, the dfree® Online Academy. The founder and investors were concerned about the enrollment and completion percentages after reviewing the analytics at the end of the year.

They believe the solution is to redesign the LMS. 

What Are Stakeholders Saying?

To begin this research, I started by interviewing key stakeholders to identify the following:

Target Audience?

  • Church going African-American Women from the ages of 45 - 75.

Expected Timeline?

  • 6 Months

Goals For Product?

  • A significant increase in enrollment numbers
  • A significant increase in graduation percentages

What Is The Data Saying?

Before trying to identify a new destination, it's important to understand where you have been before. I synthesized a collection of previous analytic spreadsheets into 2 key insights:

  • 3,692 Enrolled - In the year of 2021, the dfree® Online Academy had 3,692 total users enroll.
  • 16% Graduation Rate - Out of the 3,292 users who enrolled in the dfree® Online Academy in 2021, 599 graduated.
INTERNAL THOUGHTS
"There can often be a difference between what users SAY and what users actually DO.

I wonder if we will discover any..."

What Are The Users Saying?

To begin empathizing with Dfree users, I conducted interviews with users who have graduated users as they have been the most responsive.

Once I identified the 10 questions that I wanted to ask in the interviews, I sat down with 6 Academy Graduates to better understand their experience using the learning management system (LMS).

What Are The Users Doing?

After concluding the user interviews, I was able to find 6 additional users that agreed to participate in a Moderated Usability Study via Loop11. This helped me identify needs, motivations, or challenges that they were not aware of—and therefore not able to articulate.

The KPI's I was interested in were Time on Task, Lostness score, and System Usability Scale number.

What They Say vs. What They Do

In the user interviews we asks participants how they would rate their overall experience. Although majority of participants had no quorums about their experience, many of the moderated usability study participants appeared visibly frustrated.

04:47
Avg. time on task
0.90
Avg. lostness score
74
SUS number

Insights

A few notable insights from the study are:

  • Time On Task: On average it took participants at least 04:47 to sign up for the academy with the longest participant taking 11:33!
  • Lostness: On average participants have a lostness score of 0.90 when trying to find and enroll in the right course. The goal is to have a lostness score between 0.00 and 0.40.
  • System Usability Scale (SUS): The score of the SUS was for this study was 74. Anything close to or below 68 usually signifies that we are doing OK but could improve.

What Is Everyone Else Doing?

Thanks to the user interviews I was able to find out that our users have pursued other learning platforms in the past. Half of the users interviewed mentioned taking Dave Ramsey's Financial Peace University course or a course from Coursera.

The top 3 strengths are that they:

  • Provide users with real data on how well their product works
  • Provides an overview of what participants we will receive in the course
  • Showcases testimonials on their homepage

Pain Points

Using the responses and insights from user research, I was able to identify pain points that fall under the 2 categories of usability and accessibility.

Usability:

  • Links to videos not working
  • A few pages in the online academy were difficult to navigate
  • Some videos are longer than 30 minutes long

Accessibility:

  • Carousels featured would slide too quickly
  • Poor contrast text
  • Some buttons/icons are too small
  • Too many navigation links
  • Not responsive for mobile devices

It Takes A Village!

Now that I have an idea of the issues that our users face, it was important to sit down with 5 key stakeholders to begin ideating through the potential solutions. I sat down with the project manager, web developer, director of finance, and the current LMS manager.

How Might We - motivate more users to enroll and complete the academy by improving ease of use?
  • Simplify user flows for registering and finding courses
  • Create a greater distinction between the courses we offer
  • Build courses around microlearning
  • Build in surveys that allow us to gauge how users are doing in their courses
How Might We - redesign our LMS in a way that is more inclusive and accessible?
  • Add images that are more representative of our users
  • Create responsive pages
  • Add videos with subtitle option
INTERNAL THOUGHTS
"Out with the old, and in with the new!"

Designing For Usability

We simplified processes and focused on improving navigation in the new design.

Old Contact Page
New Contact Page

Designing For Accessibility

We used this redesign opportunity to focus on accessibility in order to address pain points and make sure our users know we are thinking about them.

New Accessibility Page
Subtitles
INTERNAL THOUGHTS
"Although the design changed, did we actually create a better design?"
31%
Decrease in avg. time on task
38%
Decrease in avg. lostness score
83
SUS number (9 point increase)

Honorable Mentions

User Flows

Although we had to add steps to the new enrollement user flow for security reasons, users were able to complete it quicker than they were the previous flow.

Previous Enrollment User Flow (avg. time on task 02:36)
Current Enrollment User Flow (avg. time on task 01:48)

A or B?

After A/B testing the dark screen to the light screens, we discovered that more users preferred them because they match the theme of the dashboard and course screens.

Project Closure

This project took 8 months to build out and was launched at the beginning of October 2022.

Let's Reflect!

Designing a new LMS has been rewarding in many ways. Although there were many things done correctly, there were some things I could have done better looking back.

What could I have done better?

  • I should have advocated more for testing throughout the design process. Although we there was plenty of research, there were more opportunities to test out some of our ideas while ideating.
  • I could have utilized more accessibility plugin if there was more time and a larger budget.

What lessons have I learned?

  • I have learned that when building a site it is better to bring all the stakeholders into to my design process early. I don't need to share every insight from research, but only insights that impact design changes.
INDUSTRIES
Health Care, Therapeutics, Wellness
TEAM
Conceptual Project*
DURATION
August 2021 - December 2021 (4 Months)
SKILLS
Branding, Data Analysis, Data Visualization, Mockups, Prototyping, Usability Testing, User Interviews, Wireframing

My Roles

UX RESEARCHER

In order to empathize with users I conducted research and converted that data to visual designs.

Tools Used: Photoshop, Zoom, Jamboard
UI/UX DESIGNER

I created a design system and prototypes to reflect solutions that came about through research. 

Tools Used: Figma, Photoshop, Illustrator, After Effects, UsabilityHub

The Background

The use of apps have become more prevalent in our fast-paced society. It's important that therapy is not undermined as an outdated resource, but instead given the chance to adapt to the technological advances of the world. 

THE CHALLENGE
"How might we create an app that allows users to find a therapist more efficiently than they ever have before?"

The Problem

Although mental health has become less stigmatized over the years, getting help still produces uncomfortable feelings in many. People recognize that the current process of finding a therapist can be time-consuming, and overwhelming.

What Should I Say?

Before proceeding with interviews, I conducted research that ended up influencing the questions that I asked interviewees. My top 3 findings can be categorized using the quotes below:

insight #1

"74% [of Millennials and Generation Z] say that they’d rather see a doctor through telemedicine." - harvardpilgrim.org

INSIGHT #2

"While some millennials can't afford to get help, they're more likely to go to therapy than previous generations, destigmatizing the concept in the process." - businessinsider.com

INSIGHT #3

"Growing up in a hyper-connected world can evoke intense feelings of isolation and loneliness in some youth." - aecf.org

INTERNAL THOUGHTS
"Who are the users and what do they need?"

Hey Users, I'm Uche!

Once I identified the 7 questions that I wanted to ask in the interviews, I sat down with 10 unique individuals to pick their mind about the topic of therapy.

What Do Users Need?

During the interviews I was able to discover what features users may want to see in a therapy scheduling mobile app. The top features discussed are:

journal feature

5 out of the 10 participants have pursued therapy in the past, which is where they discovered the importance of journaling.

chat feature

Who actually prefers emails? (Me and probably 1% of the human population.) But out of my interviewees, 4 out of 10 expressed the desire to have the ability to speak to their potential therapist through an impersonal medium rather than email them about everything.

CALENDAR SYNCING FEATURE (iOS & ANDRIOD)

"If I don't get a calendar invite, I'll probably forget about it". This sentiment is a quote from 1 participant but was echoed by 3 out of the 10 in their own unique ways.

What's The Problem?

After conducting research and user interviews, I was able to identify the 4 different pain points that users experience. I categorized the pain points using actual quotes from the interviewees.

"I know I'll be here for a while..."

Pain Point: Users believe the current process of tracking down a therapist takes too long and has discouraged them for pursuing one.

"My mom told me not to talk to strangers.."

Pain Point: It’s difficult to know if a therapist is a right fit for a user just based off of a brief bio and no reviews.

"Why do I have to conduct interviews?"

Pain Point: Users typically have to book a consultation with a therapist before they are able to know if a therapist can accommodate their schedule.

"It's all greek to me"

Pain Point: Users may not understand common mental health issues/illnesses which can hinder how well they recognize these issues in themselves.

INTERNAL THOUGHTS
"Who are we competing against and what are they doing?"

Competitive Audit

Psychology Today, and Therapy for Black Girls (TFBG) are the therapy sites that are used by the users I interviewed. According to research, BetterHelp is one of the most downloaded therapy apps as of today.

I did a competitive analysis to explore their strengths and weaknesses.

If It's Not Broke, Don't Fix It

Jakob's Law states that users prefer applications to work the same way as all the other applications they already know.

I utilized the competitive audit to find common insights in their design models that my app could benefit from.

Insight #1

The competitors do a great job of highlighting the resources they have to offer and structuring the copy on their sites.

insight #2

Accessibility isn't a focal point in TFBG and Better Help. Assuring that accessibility is considered in our design will not only result in the Curb-Cut Effect, but will also serve as a competitive advantage.

iNSIGHT #3

TFBG and BetterHelp have a great mobile experience although the platforms use a large amount copy. I want to design this experience in an aesthetically pleasing & minimalist way so it stands out from our competitors.

How Might We - make users feel that the process for finding a therapist is quick and easy?
How Might We - find ways to accurately showcase a therapist's credibility, and provide a sense of comfortability for the user?
How Might We - find ways to make users feel confident that the therapist they're pursing can accommodate their schedule?
How Might We - make users feel knowledgable about common mental health issues/terminology they may see?

What Is Thera And Who Are They Meeting?

After deliberating between a variety of different names for this product, I decided on TheraMeet.

INTERNAL THOUGHTS
"Welcome To TheraMeet :)"

How Many Ideas Are Too Many?

I was able to create more than 20 different versions of pages that could possibly included in the app.

Pages that include, but are not limited to scheduling, chat, and journal screens because there was a high demand from the interviewees.

Three's A Crowd

Hicks's Law suggest that more choices users have to select from, the longer it takes for them to make a decision.

Simplifying processes throughout the application helps to assure the application is not adding to any frustrations users may already be coming in with.

Lo-Fi Wireframes

I used digital wireframes to organize the information architecture in a visually appealing way. In this process I was able to identify the elements I wanted to move forward with and see reflected in TheraMeet!

INTERNAL THOUGHTS
"Let Thera Be Light!"
TheraMeet's screens BEFORE the moderated usability studies.
INTERNAL THOUGHTS
"It looks good, but let's put it to the test!"

Moderated Usability Study

After conducting the 4 Moderated Usability studies via zoom, I was able to gather a multitude of insights. These insights would lead me to redesign certain parts of the app. 

I catergorized the top 4 key insights using real quotes from users.

"I like the look, but the colors don't really pop."
"This screen isn't too exciting. It seems bland."
"Would I have to look up the definitions on my own?"
"I wouldn't want to spend time guessing what each icon represents."
INTERNAL THOUGHTS
"Do users actually perfer the changes?"

A/B Testing

To determine which designs users preferred I conducted A/B testing on 10 individuals using UsabilityHub.com.

90%
preferred changes in Design #1
100%
preferred changes in Design #2
100%
preferred changes in Design #3
100%
preferred changes in Design #4
TheraMeet's screens AFTER the moderated usability studies.

Project Closure

This project took 4 months to build out and was designed for Google's UX Certificate program.

Let's Reflect!

Understanding human behavior has always been a passion of mine, so to have the opportunity to find different ways to understand my end users was very fulfilling. As I reflect on this experience, there are 2 questions that I ask myself.

What could I have done better?

  • Allocate more time towards understanding which UX laws can be utilized
  • Spent more time studying the functionality of each competitor platform rather than just grabbing a high-level understanding.
  • Built out a more extensive sign up process that reflected a more realistic questionnaire

What lessons have I learned?

  • How people 18 - 35 feel about therapy and what are their barriers to entry.
  • A multitude of ways to address users point points in the areas of pursuing therapy.
INDUSTRIES
eCommerce, Graphic Design
TEAM
Web Developer
DURATION
June 2020 - September 2020 (4 Months)
SKILLS
Branding, Mockups, Photo Manipulation

My Role

FREELANCE DESIGNER

I worked collaboratively with a Web Development to build out a responsive website for my multimedia design company.

Tools Used: Photoshop, Illustrator, After Effects, Wordpress

The Background

Touched Media LLC was founded in February of 2019. We specialize in designing professional minimalist logos, motion graphics and event posters.

After formulating the idea of Touched Media, I sought out a web developer that could bring my vision to life.

Research

With the help of competitive audits I was able to set prices at an affordable rate for small business owners. Affordable prices, alongside specific goals to drive brand awareness and website traffic, helped increase sales and customer retention.

Web Development

After the developer laid out his design process, I was able to create mockups that reflected my ideas. I was also responsible for designing all the assets that would live in the site.

The process took 4 months to complete.

Clientele

As the founder of Touched Media LLC, I had the privilege of creating a variety of different digital elements for more than 100 different brands and businesses.

300+
Completed Designs
100+
Clients
95%
Satisfied Clients
100%
Met Projected Deadline

Logo Designs

Logos are an important component to brand identity for clients. Unique businesses like theirs needs a unique logo!

Motion Graphics

For clients who needed a creative way to really engage their audience. A professional motion graphic will give you the chance to visually captivate your consumers.

Event Posters

Posters are a great tool for clients who would like to promote events, or provide information about brand updates.