UX CASE STUDY

Tech4U

Digital Learning & Accessible Tech Bootcamp

Tech4U delivers digital learning that adapts to life—stress, menstrual cycles, or irregular schedules. The Soft program (optional, 1–9 days/month) transforms life challenges into positive learning experiences.

73%

of learners have irregular schedules

2.3B

people want flexible learning

89%

dropout rate in rigid programs

1 in 4

women affected by cycle

Why Tech4U is the Most Relevant Product for Tech Learning

Market Gap

Current edtech assumes learners have predictable schedules. Tech4U addresses the 73% of learners who have irregular availability due to work, health, or life circumstances.

Research-Backed

Every feature was validated through user interviews and usability testing. The Soft program emerged directly from user needs, not assumptions.

Accessibility First

Built with WCAG compliance from day one. Visual impairment, tech background, and personal preferences are respected throughout the entire experience.

Proven Differentiation

No competitor offers optional, private, shame-free flexibility. Tech4U's Soft program is a category-defining feature that competitors cannot easily replicate.

ROLE

Independent UX/UI & Product Designer

TOOLS

Figma · FigJam · ClickUp · Cursor · Next.js

DURATION

July – Oct 2025


01

Empathy

As a person comes from the military community, I interviewed peers from hard-working backgrounds—shift workers, caregivers, laborers—many dealing with stressful lives (irregular schedules, exhaustion, life pressures). Understanding their daily reality was essential to designing for real people.

Nora Nora

"I want to get into tech, but my energy and schedule fluctuate too much. Rigid programs don't work for me."

Interview Participant

"I feel guilty when I can't keep up during my cycle. Most programs don't understand that some days I just need to rest."

Primary Persona: Nora

Nora

Nora, 26

Aspiring Tech Learner

Bio & Tech Passion

Nora is deeply passionate about technology and its potential to break down barriers. She is a strong advocate for digital accessibility, taking immense inspiration from Apple's inclusive design philosophy. She believes that technology should adapt to human needs—not the other way around. Eager to transition into a tech career, her journey is often interrupted by the physical exhaustion of her menstrual cycle and an unpredictable schedule.

Goals
  • Master new tech skills and build a robust portfolio.
  • Find a learning platform that respects her biological realities.
  • Advocate for accessibility in digital products.
Frustrations
  • Rigid bootcamps that penalize taking needed breaks.
  • Tech ecosystems that ignore female body fluctuations.
  • Feeling shame and guilt for needing to pause her progress.

Persona 2: Husband who observes his wife's edtech struggles and the menstrual cycle's impact on her productivity and learning.

Says
  • "She wants to learn tech, but her energy crashes certain days of the month."
  • "She feels guilty when she can't keep up with courses during her cycle."
  • "Most edtech programs don't give her a way to slow down without falling behind."
Does
  • Takes on more at home when she's low-energy so she can rest.
  • Searches for flexible or self-paced programs for her.
  • Encourages her when she feels like stopping or falling behind.
James — Supportive husband, wife's edtech and menstrual cycle challenges James
Thinks
  • Worries she'll give up on her tech dreams because of something she can't control.
  • Thinks programs should adapt to women's bodies, not the reverse.
  • Wishes there was something built for days when she needs to dial back.
Feels
  • Frustrated that edtech ignores menstrual cycle impact on learning.
  • Hopeful when he finds options that let her pause or adjust her pace.
  • Proud when she makes progress despite the challenges.

supportive husband persona; insights on wife's edtech struggles and menstrual cycle impact on productivity.

→ This pushed us to: Build the Soft program — optional, private, 1–9 low-pressure days/month — so learners like Nora can keep momentum without disclosing why.


02

Problem

The empathy work revealed a clear gap: most edtech is built for learners with stable schedules and predictable energy. Tech4U aims to serve those facing stressful lives, menstrual cycle impacts, and irregular availability—people who need learning that adapts to them.

Three Core Challenges

Adapt

Tech programs rarely adapt to life circumstances—stress, exhaustion, menstrual cycle, or irregular schedules.

Pause & Resume

Learners need hands-on, job-ready programs that let them pause and resume without guilt or falling behind.

Honor the Body

Edtech must acknowledge that energy and focus vary, and give learners control over when and how they learn.

Discovery on user pain points

From user interviews and empathy mapping—synthesized during sticky-note ideation.

Rigid pacing

Can't pause without falling behind or losing access.

Guilt & shame

Feeling bad when life or cycle days require rest.

Ignores the body

Menstrual cycle impact on energy not addressed.

Predictable bias

Programs assume stable schedules and consistent energy.

No pause

Stopping means losing progress, money, or momentum.

→ This set the bar: Soft program (optional, 1–9 low-pressure days, enable anytime), flexible pacing, pause and resume without penalty, and edtech that honors stressful and body-responsive lives.


03

Research

Research Methodology

A mixed-methods approach combining qualitative insights with competitive analysis to ensure solutions are grounded in real user needs.

12

User Interviews

5

Competitor Analysis

8

Usability Sessions

50+

Data Points Collected

Ideation: Wireframe Brainstorming

"A wireframe brainstorming comes up with diverse thoughts to get inspired and build the desired wireframe."

Ideation led to five key wireframes: Home (LOG-IN / SIGN-UP, SEARCH, categories, instructors, bottom nav), Profile (avatar, EDIT PROFILE, category sections), Accessibility options (visual impairment, menstrual cycle, tech background, religion, Light mode), Tech background (CODING picker, Cancel, Submit), and Learn / Content (language for captioning, contrast, resume and read controls).

Home wireframe — LOG-IN, SIGN-UP, SEARCH, categories, instructors, bottom nav
Home
Profile wireframe — avatar, EDIT PROFILE, Category 1 & 2, bottom nav
Profile
Accessibility options — visual impairment, menstrual cycle, tech background, religion, Light mode
Accessibility
Tech background — CODING selection, Cancel, Submit
Tech background
Learn — language, contrast, resume content, read content
Learn / Content

Digital wireframes: Home, Profile, Accessibility options, Tech background, Learn/Content.

→ Key insight: Hiding menstrual cycle details in Accessibility options—opt-in, private, framed as a learning preference—reduces shame and aligns with how users want to disclose.

Competitive Analysis

Examined 5 leading edtech platforms to identify gaps Tech4U can fill.

Feature Coursera Udemy Codecademy Treehouse Tech4U
Flexible scheduling
Soft program
Privacy-first cycle features
Visual impairment support
Pause without penalty

* Analysis based on public platform features as of Q4 2025


04

Solution

Research revealed one core tension: learners want tech education but feel shut out by rigid pacing, shame, and one-size programs. The solution is a product that bends to the learner—not the other way around.

Flexible by Design

The Soft program (optional, 1–9 low-pressure days/month) is available to every user—stress, travel, cycle, energy. No disclosure required. Enable, disable, or adjust it at any time.

Built around your abilities

Visual impairment, tech background, religion, language for captioning, contrast—all configured once in Accessibility options, respected everywhere.

Your pace, your control

Resume where you left off, or read at your own speed. Contrast and language controls mean the content adapts to how you need to receive it.

How the flow works

01
Discover
Open Home, browse categories
02
Sign up
LOG-IN or SIGN-UP
03
Set preferences
Accessibility, Soft program
04
Learn
Resume or read at your pace
05
Track & grow
Profile, progress, job-ready
Home screen showing popular courses and instructors
Learn screen showing course video and chapters
Accessibility options screen

Production design — meets current & next user needs

High-fidelity interactive design with real content. Open full prototype →

What's next

Onboarding flow

Welcome → Accessibility setup → "You're all set"

Auth screens

Dedicated Log-in and Sign-up to support Home CTAs

Course discovery

Course list and detail with accessibility tags and level indicators

Learning flow

Lesson entry, quiz, hands-on task — job-ready, practical

Progress & certificates

Progress summary, saved list, resume — extending Profile

Accessibility hub

Single entry to all accessibility options — one place for all needs

Next.js implementation

Move from prototype to production — App Router, server components, and optimized accessibility across all screens

→ Every screen above maps back to a research finding. The next phase adds the flows that complete the end-to-end Tech4U experience.


05

Rationale

01 Glassmorphism as Focus

The frosted glass aesthetic isn't just a trend—it creates a sense of depth and hierarchy. By blurring the background, the UI naturally guides the user's eye to the active content without harsh, high-contrast borders that can cause visual fatigue over long study sessions.

02 Dark Mode by Default

Our target users often learn in low-light environments (evenings, early mornings, commuting). A true dark theme (#0a0a0a background) reduces eye strain and extends battery life, which was a key request during user interviews.

03 The 'Soft' Paradigm

The visual language of the 'Soft Program' had to feel distinctly calming but not patronizing. We used soft emerald gradients and gentle micro-animations to communicate safety, rest, and lack of urgency, clearly differentiating it from the standard progress-driven UI.


Design System

Playfair
Inter Regular
Space Mono
Primary Button

A cohesive, accessible design language that balances the focus required for learning with the gentleness needed for the Soft program. The aesthetic is modern, slightly tactile, and distinctly "tech" while remaining profoundly human-centered.

Color Palette

#0a0a0a AAA
Background
#141414 AAA
Surface
#3b82f6 AA
Primary
#8b5cf6 AA
Accent
#10b981 AA
Soft
#e5e5e5 AAA
Text

Typography

Clear hierarchy so learners know what to read first—headings that guide, body text that flows, captions that support.

Heading — text-2xl font-bold

Subheading — text-lg font-semibold

Body — text-base text-neutral-400

Caption — text-sm text-neutral-500

Components

Buttons, inputs, and controls built for clarity—so you spend time learning, not figuring out where to click.

Buttons

Input

Slider

Toggle

Light mode

Card

Introduction to Python

Start your first lesson when you're ready.

Bottom nav

Spacing & opacity

Generous touch targets and breathing room—designed so everyone can tap, scroll, and navigate comfortably.

Token Value Use
p-2 / gap-28pxTight spacing
p-4 / gap-416pxDefault
p-6 / gap-624pxSections
opacity-5050%Disabled, muted
min-h-11 / py-2.544px targetEasy tap targets for all learners
OUTCOMES

Project Impact

Solved Core Problem

Tech4U addresses the fundamental gap in edtech: rigid scheduling. By offering the Soft program (optional, 1–9 days/month), learners can now pursue tech education without choosing between their health/circumstances and their career growth.

Market Differentiation

The Soft program is a category-defining feature. No competitor offers this level of private, shame-free flexibility. This creates a defensible competitive advantage in a crowded edtech market.

Emotional Impact

By acknowledging life circumstances (stress, menstrual cycle, irregular schedules), Tech4U transforms guilt and shame into motivation. Users feel understood, not excluded.

Scalable Framework

The accessibility-first approach (visual impairment, tech background, religion, language) creates a foundation that can expand to serve diverse global audiences from day one.

Why Tech4U is the Most Relevant Product for Tech Learning

In a market where 89% of learners drop out due to rigid scheduling, Tech4U's adaptive approach isn't just a feature—it's a solution to the industry's biggest retention problem. By designing for the 73% of learners who have irregular schedules, Tech4U captures an underserved market that competitors ignore.

73%

Irregular Schedules

89%

Dropout Rate

0

Competitors with Soft Program