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.

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

Ryusei

CEO

CEO

Goals:

Goals:

  • Communicate efficiently with 15,000+ students

  • Launch campaigns without relying on developers

  • Surface high-value users for timely nudges

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:

"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

Hritik

Developer

Developer

Goals:

Goals:

  • Communicate efficiently with 15,000+ students

  • Launch campaigns without relying on developers

  • Surface high-value users for timely nudges

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:

"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

  • 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

  • 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

  • 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.

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.