From Chaos to Clarity: Building an Admin Dashboard for 15,000+ Students

From Chaos to Clarity: Building an Admin Dashboard for 15,000+ Students

From Chaos to Clarity: Building an Admin Dashboard for 15,000+ Students

Case Study · 3 min read

Setting the Stage

Setting the Stage

Reach Best was supporting over 15,000 students across 40+ countries — but internally, the team was struggling to manage communication.

  • The CEO was spending 4+ hours a week manually filtering spreadsheets to target users.

  • Developers were wasting 20% of their time fixing broken email templates instead of building features.

  • Non-technical team members had no scalable way to reach students at the right time.

  • The CEO was spending 4+ hours a week manually filtering spreadsheets to target users.

  • Developers were wasting 20% of their time fixing broken email templates instead of building features.

  • Non-technical team members had no scalable way to reach students at the right time.

  • The CEO was spending 4+ hours a week manually filtering spreadsheets to target users.

  • Developers were wasting 20% of their time fixing broken email templates instead of building features.

  • Non-technical team members had no scalable way to reach students at the right time.

We didn’t need a redesign. We needed a brand-new admin dashboard.

“We need a dashboard — not more spreadsheets.” – CEO

ROLE

Product Designer

TIME

1 Week

TEAM

Ryusei

CEO

Hritik

Full Stack Developer

Soufiane

Frontend Developer

The Challenge

The Challenge

The Problem

The Problem

  • 🚨 Manual user targeting slowed down campaigns

  • 🛠️ Developers stuck debugging email templates

  • 📉 15,000+ students missing timely updates

The Goal

The Goal

Design an admin dashboard that:

  • Enables non-technical targeting in a few clicks

  • Gives developers a flexible email system

  • Supports scalability for a growing student base

Research & Insights

Research & Insights

User Personas

User Personas

I interviewed the two primary users:

  • CEO (Ops mindset) → Wants quick, reliable targeting without technical steps

  • Developers (Technical mindset) → Needs clean email editor + validation to avoid bugs

Persona 1

Persona 1

Persona 1

Ryusei

CEO

CEO

CEO

Goals:

Goals:

Goals:

  • Communicate efficiently with 15,000+ students

  • Launch campaigns without relying on developers

  • Surface high-value users for timely nudges

Challenges:

Challenges:

Challenges:

  • Manually selects users via spreadsheets

  • No filters, no segments — relies on instinct

  • Needs dev help to fix broken HTML email templates

Key Insights:

Key Insights:

Key Insights:

"The CEO was the only one using the dashboard — but shared their vision of eventually bringing in non-technical team members."

Persona 2

Persona 2

Persona 2

Hritik

Developer

Developer

Developer

Goals:

Goals:

Goals:

  • Communicate efficiently with 15,000+ students

  • Launch campaigns without relying on developers

  • Surface high-value users for timely nudges

Challenges:

Challenges:

Challenges:

  • Manually selects users via spreadsheets

  • No filters, no segments — relies on instinct

  • Needs dev help to fix broken HTML email templates

Key Insights:

Key Insights:

Key Insights:

"Constantly pulled into fixing email issues, which distracts from core product work. Wants marketing to run independently without relying on engineering bandwidth."

Key Insight: A dual-persona system was the only way forward — simple flows for the CEO, advanced flexibility for developers.

The Solution

The Solution

I designed a dual-mode dashboard built from scratch:

I designed a dual-mode dashboard built from scratch:

🎯 Smart User Targeting

🎯 Smart User Targeting

🎯 Smart User Targeting

  • Auto-ranked user lists by AI activity and engagement

  • Smart filters for instant segmentation by behavior, region, program

  • Saved presets for recurring campaigns

Star users and groups

📧 Unified Email Composer

📧 Unified Email Composer

📧 Unified Email Composer

  • HTML editor with variable validation

  • Live preview across devices before sending

  • Template library with reusable components

  • Support for .html file uploads

  • HTML editor with variable validation

  • Live preview across devices before sending

  • Template library with reusable components

  • Support for .html file uploads

  • HTML editor with variable validation

  • Live preview across devices before sending

  • Template library with reusable components

  • Support for .html file uploads

Email

Email Template

📊 Campaign Management

📊 Campaign Management

📊 Campaign Management

  • Single-screen workflow (vs. multi-step friction)

  • Smart controls to prevent over-sending

  • Single-screen workflow (vs. multi-step friction)

  • Smart controls to prevent over-sending

  • Single-screen workflow (vs. multi-step friction)

  • Smart controls to prevent over-sending

Key Design Decisions

Key Design Decisions

  • Dual-Persona Approach: Designed specifically for CEO (non-technical) and developers (technical) in the same system

  • System-First UI: Leveraged ShadCN for consistent, rapid UI development

  • Future-Proofing: Scoped WYSIWYG editor for later marketing use, though not needed in v1

  • Remote Collaboration: Clear documentation + design tokens helped developers implement quickly without synchronous calls.

  • Dual-Persona Approach: Designed specifically for CEO (non-technical) and developers (technical) in the same system

  • System-First UI: Leveraged ShadCN for consistent, rapid UI development

  • Future-Proofing: Scoped WYSIWYG editor for later marketing use, though not needed in v1

  • Remote Collaboration: Clear documentation + design tokens helped developers implement quickly without synchronous calls.

  • Dual-Persona Approach: Designed specifically for CEO (non-technical) and developers (technical) in the same system

  • System-First UI: Leveraged ShadCN for consistent, rapid UI development

  • Future-Proofing: Scoped WYSIWYG editor for later marketing use, though not needed in v1

  • Remote Collaboration: Clear documentation + design tokens helped developers implement quickly without synchronous calls.

Impact

Impact

  • 📈 40% increase in campaign volume → more frequent outreach

  • ⚡ 3× faster user targeting → smart filters replaced manual segmentation

  • 🎯 60% fewer template errors → validation caught mistakes early

  • 👥 100% daily adoption → became mission-critical for CEO + developers

  • 🌟 15,000+ students reached reliably → improved communication at scale

What I Learned

What I Learned

  • Building for two very different user types forces clarity in design decisions

  • Remote collaboration works best when UI is system-first and handoff is clean

  • Even short projects need room for iteration, or debt builds up later

  • Designing internal tools that balance simplicity and power can directly impact business outcomes

Final Reflection

Final Reflection

This wasn’t just a dashboard. It was a bridge between operations and engineering — enabling the CEO to act quickly and freeing developers to focus on building instead of patching.

Create a free website with Framer, the website builder loved by startups, designers and agencies.