Case Study · Enterprise Platform

Designing an Entire
Enterprise Platform

As the sole designer at Melento, I built 6 interconnected products from scratch — CRM, task management, ticketing, calendar, messaging, and automation — used by sales and ops teams across an ed-tech company.

Sole Designer
2 Years · 2021–2023
6 Products
Role
Sole Designer
End-to-end, 0→1
Products Built
6
CRM · Tasks · Tickets · Calendar · Chat · Automation
Timeline
2 Years
2021–2023
CRM Impact
+122%
Lead conversion rate
The Platform

Six Products. One Design System.

Every product was designed from scratch, sharing a unified navigation model, component library, and interaction language — so users switching between tools never had to re-learn the interface.

Melento CRM
Sales Pipeline
Deal management, pipeline tracking, and sales analytics for ed-tech admissions teams.
Kanban Deal Tracking Analytics
↓ Deep dive below
MSpace
Task Management
Project spaces, task boards, and team assignments — built for cross-functional ops teams.
Board View List View Assignments
MPlan
Calendar & Scheduling
Team calendar with task deadlines, follow-ups, and meeting scheduling across departments.
Month View Week View Reminders
MTicket
Issue Tracking
Jira-style ticketing for internal ops — bug reports, feature requests, and support workflows.
Status Flows Priority SLA Tracking
Mreach
Messaging & Email
Unified inbox for team messaging, email threads, and broadcast communication — Slack-style UI.
Channels Email Broadcasts
Automation
Workflow Builder
No-code automation engine connecting all 6 products — trigger events across the platform without developer involvement.
Trigger → Action Conditions Cross-product
↓ Design story below
The Brief

Zero to One. Six Products. Two Years.

The company vision

Melento's ambition was to be a one-stop enterprise OS — think Zoho, but built specifically for ed-tech ops teams. Every department tool in one product, connected by shared data.

My role

I was the sole designer from day one. No handoff from a previous designer, no existing component library, no design history. I joined when the product was still a pitch deck.

The constraint

Six products had to feel like one. Users would move between CRM, task management, ticketing, and messaging daily. If each tool had its own logic, the whole platform would fail.

The first decision

Before designing a single screen, I had to decide: build features fast and clean up inconsistency later — or invest in a design system first and build everything from it. I chose the system.

The Decision I Almost Didn't Get to Make

System Before Screens

The pressure in a 0→1 startup is to ship. Every founder wants to see screens, not a token library. I had to make a case for slowing down before we could go fast.

The problem I showed engineers

Without a system, every engineer was making independent UI decisions. Buttons had 4 different border-radii. Spacing was eyeballed. The same action — like "mark as done" — looked different in every product.

Engineers were spending time debating design choices that had already been decided elsewhere in the same product. They were slowing down not because of engineering complexity, but because there was no single source of truth.

What I built before shipping any product

Color tokens — 1 palette, used across all 6 products
Typography scale — 5 sizes, consistent weights
The "Dot" system — unified status language (red/amber/green dots) used in MSpace, MTicket, and CRM
Navigation model — same sidebar logic across all products so users never re-learn
Core components — buttons, inputs, tables, modals, empty states

The result: when we shipped MTicket 4 months after CRM, engineers didn't need design review on component-level decisions. They just pulled from the system. It cut implementation time by roughly 30% and meant every product felt native to the same platform from day one.

What I Got Wrong First

The CRM Nobody Used

The first version of Mel CRM looked good in Figma. It had everything — deal stages, contact history, activity log, custom fields, follow-up reminders. Only 60% of the sales team was using it after launch. The other 40% had gone back to spreadsheets.

The mistake

I designed for completeness, not for the first 10 seconds

I mapped every feature the sales team might ever need and put it all in the default view. The result was a screen with 20+ fields and four navigation levels. It was technically correct. It was unusable in practice.

What I saw

Users in sessions were skipping fields and guessing

I sat with sales reps as they used it. They'd open a deal, scan the screen, get overwhelmed, fill in just the fields they understood, and close it. 70% of fields were consistently empty. They weren't lazy — the form was asking questions they didn't have answers to upfront.

The insight

The entry point was the real problem — not the form

I'd been focused on the deal detail page. But watching users, I realised the list view was where they spent 80% of their time. They never needed to open a deal if the list told them enough. The form was overwhelming because I was asking them to do deep work at the wrong moment.

The fix

Redesigned the list first. Simplified the entry point.

I rebuilt the Deals List to show the 6 things a rep needs at a glance — name, status, contact, value, follow-up date, owner. Everything else moved to the detail panel, revealed progressively. Reps could manage 90% of their pipeline without ever opening a deal. Adoption went from 60% to 100% in 6 weeks.

Product Spotlight

CRM — Sales Pipeline Design

From 60% to 100% team adoption · +122% lead conversion · Full case study below

Mel CRM — My Deals list view showing deal name, status, contact, deal size, follow-up date, and deal owner columns
The Deals List — reps see every deal's status, contact, value, and next follow-up date at a glance. Status colour-coded by stage.
01 — Overview

Project Overview

Melento is an ed-tech startup with a 20-person sales team selling online courses and bootcamps. When I joined as the sole UI/UX designer, the team was drowning in spreadsheets, WhatsApp threads, and sticky notes. They had a CRM, but nobody used it.

The CEO told me: "Our reps use 4–5 tools for a single lead interaction. The CRM is just another tab they switch to for compliance, not because it helps them sell." My goal was to change that — to make the CRM something reps would open first thing in the morning, not avoid until the end of day.

My Role

  • → Sole UI/UX designer for 2 years
  • → User research, interviews, testing
  • → End-to-end product design (5 modules)
  • → Established design system from scratch
  • → Collaborated directly with CEO & engineers

Context

Ed-tech startup · ~20 sales reps · Leads: online courses & bootcamps · Industry avg conversion: 25–30%

02 — Problem

The Business Problem

18%
Lead conversion
Industry avg: 25–30%
40%
Time on admin
Not selling
60%
CRM adoption
8 reps avoided it
4–5
Tools per lead
Context switching chaos

"I spend more time logging calls than making them. By the time I'm done with the CRM, I've forgotten what I wanted to say to the next lead."

— Sales Rep, Melento

"I get 50 leads in the morning. I have no idea which ones to call first. I just go top to bottom and hope for the best."

— Senior Sales Rep, Melento
03 — Research

Discovery & Research

Research Methods

01
Job shadowing — Spent 3 days working alongside 5 reps, watching exactly how they use the CRM (or avoid it)
02
12 user interviews — Reps at different experience levels. Found 3 distinct user archetypes: Power User, Avoider, Overwhelmed
03
Heatmap analysis — Tracked where reps actually clicked. 80% of time spent on ≤20% of features
04
Task timing study — Logging a call took 4+ minutes. Target: under 30 seconds.

3 Core Archetypes Found

🦊 Power User (25%)
Knows every keyboard shortcut. Wants speed and customization.
🙈 The Avoider (40%)
Uses CRM only when managers check. Hates the cognitive load.
😰 Overwhelmed (35%)
Wants to use it properly but doesn't know where to start each day.

Key Insight

The existing CRM was built for managers tracking data, not reps doing their jobs. Every screen was a dashboard of metrics. Reps needed action, not analytics.

04 — Design

Design Solutions

Solution 01
"Morning Coffee" Dashboard

Instead of a sea of charts and metrics, I designed an action-oriented daily dashboard. When reps open the CRM in the morning, they see their top 5 prioritized leads, 3 key tasks, and a single number: their conversion rate this week.

The name "Morning Coffee" was coined by the team — they said it felt like the dashboard was having a coffee with them, briefing them on the day ahead.

Design principle: Surface what needs to happen, not what already happened. Data is for managers. Action is for reps.

Good morning, Priya 👋 5 leads to call today
Priority Leads
Rohan Mehta
Hot
Call now
Anjali Sharma
Warm
Follow up
Vikram Iyer
Warm
Send materials
38%
This week
12
Calls made
3
Tasks due
Solution 02
Intelligent Lead Scoring
Lead Score Breakdown
84
High Priority
Rohan Mehta · Web Dev Bootcamp
+ Visited pricing page 3× this week
+ Opened last 4 emails
+ Age 24–28 (highest conversion bracket)

Instead of opaque scores, I designed a transparent scoring system — each lead's score breaks down into visible factors: engagement signals, demographic match, interaction history. Reps understand why a lead is hot, not just that it is.

Key insight: Reps ignored black-box scores. When they could see the reasoning, they trusted the system and acted on it. Explainability drove adoption.

Solutions 03–06
Activity Logging, Pipeline & More
Solution 03

1-Click Activity Logging

Logging a call went from a 4-minute ordeal (8 fields, 3 screens) to a 15-second gesture. A persistent action bar and ⌘+L shortcut work from anywhere in the CRM.

Solution 04

Real-Time Pipeline Analytics

Live funnel visualization showing exactly where leads drop off. Stale lead alerts (no activity in 5+ days) surface automatically — before leads go cold.

Solution 05

Smart Auto-Assignment

Inbound leads automatically matched to the best-fit rep — based on past conversion by lead type, current workload, and availability. No more manual routing.

Solution 06

Onboarding in 3 Days

Contextual tooltips and a guided first-week checklist cut training time from 2 weeks to 3 days. New reps hit quota-pace in their first week.

05 — Design Screens

The Finished Product

Mel CRM — Deal detail view for Tesla India Private LTD showing notes, activities, and status timeline

Deal Detail — full context in one panel: notes, meeting events, attachments, and the activity timeline. No tab-switching.

Deal detail — Emails tab
Deal detail — Team tab with inline chat
Deal detail — Activities timeline
Emails · Team · Activities — three information layers, each accessible without losing deal context.
Mel CRM — Kanban pipeline board with deals in Contacted, Demo completed, Proposal made, Invoice sent columns
Kanban Pipeline — drag-and-drop stage progression with inline comments and email previews.
Mel CRM — Status kanban view with cleaner card layout
Status View — same pipeline, alternate card density for teams managing larger deal volumes.
Mel CRM — Sales Performance dashboard with funnel chart showing Awareness to Closure, and per-rep breakdown table
Sales Performance — funnel from Awareness → Closure with per-rep drill-down. Total deals: 3,800. Answers the 5 questions managers asked every week.
Mel CRM — Opportunity report table showing total deals, H/W/C status, activities by rep
Opportunity Report — rep-level breakdown of deal activity with status colour coding and activity mini-charts.
06 — Platform

The 5 Platform Modules

Module 01

Dashboard

The "Morning Coffee" view. Action-oriented daily brief with prioritized leads, tasks, and a single key metric. No charts until you scroll.

Module 02

Leads

Intelligent lead list with transparent scoring, 1-click actions, and contextual filters. Replaces 3 separate tools reps were using.

Module 03

Pipeline

Live funnel view with stage-by-stage conversion rates, stale lead detection, and drag-to-move stage progression.

Module 04

Tasks

Unified task view across all leads. Triage by due date, lead temperature, or priority. Task templates for recurring follow-up patterns.

Module 05

Reports

Manager-facing analytics. Rep performance, lead source ROI, conversion by course type. Answers the 5 questions managers asked every week.

Mel CRM — Deals list view with status filters, My Deals tab, and follow-up dates
The Deals module — status filters, My Deals / Follow-up / Deals closed tabs, and inline deal owner assignments.
06 — Process

The Iterative Process

Month 1–4
V1 — MVP

Launched with the Morning Coffee dashboard, a simplified lead list, and 1-click logging. Adoption jumped from 60% to 75% in the first month. Reps loved the dashboard but found the lead list still overwhelming — 50+ leads with no guidance on where to start.

→ Dashboard validated. Began lead scoring research for V2.
Month 5–10
V2 — Scoring

Added transparent lead scoring and the pipeline funnel view. Conversion improved to 28% — above industry average for the first time. But reps started gaming the scores, marking leads as "spoke to" without actually calling.

→ Added call verification via phone integration to prevent gaming.
Month 11–16
V3 — Automation

Launched smart auto-assignment and stale lead alerts. Response time dropped from 4 hours to 45 minutes. Adoption hit 95%. But the 5% holdouts were the most senior reps — they felt the system was micromanaging them.

→ Added "Expert Mode" — power users customize their own lead scoring weights and dashboard layout.
Month 17–24
V4 — Full Platform

Launched the full Reports module and new rep onboarding flow. Adoption reached 100%. Built a design system used by the engineering team for all future features. Conversion hit 40%, nearly doubling the industry average.

→ Platform shipped. Design system documented and handed off to product team.
07 — Transformation

Before vs After

Old CRM

Data-heavy, action-poor
  • Dashboard full of charts, no clear next action
  • Lead list: all 50+ leads in chronological order
  • Logging a call: 8 fields, 4+ minutes
  • No lead scoring or prioritization
  • No pipeline visibility for managers
  • New rep onboarding: 2-week training

New CRM

Action-first, rep-centric
  • "Morning Coffee" — 5 priority leads, 3 tasks
  • Intelligent scoring with transparent reasoning
  • 1-click logging: 15 seconds, ⌘+L shortcut
  • Stale lead alerts and auto-assignment
  • Live pipeline funnel with stage conversion
  • New rep onboarding: 3 days
18% conversion40% conversion (+122%)
08 — Results

Results & Impact

from 18%
40%
+122% increase
Lead conversion rate
from 60%
100%
Full team adoption
CRM adoption rate
from 4 hours
45m
6× faster response
Lead response time
40%→15%
Admin time of day
2wks→3days
Rep onboarding
4→1 tool
Tools per lead
4.8/5
Rep satisfaction
09 — Reflection

Key Learnings

01

Design for the job, not the user

Reps didn't open the CRM because it didn't help them do their job — sell. Once the dashboard surfaced their next actions instead of company metrics, adoption became a non-issue.

02

Transparency over intelligence

A black-box AI score was ignored. A score with visible reasoning was acted upon. Users don't distrust intelligence — they distrust opacity.

03

Adoption is a design problem

The 40% of "Avoiders" weren't lazy — they were telling us the tool wasn't worth the overhead. We treated low adoption as user failure. It was a design failure.

04

Give power users an escape hatch

Senior reps resisted until we gave them "Expert Mode." The lesson: don't optimize exclusively for the median user. Giving them control converted the last 5% holdouts.

A CRM that nobody uses is just an expensive spreadsheet. The best tools reduce friction to zero — they become invisible.

Product Spotlight · Automation

The Hardest Product I Built

Automation was a no-code workflow builder that connected all 6 products — the most technically complex design problem I tackled at Melento. The challenge wasn't the canvas; it was making enterprise logic feel simple enough that a non-technical ops manager could build it.

Trigger

When an event happens
e.g. Deal moved to Won

Condition

Only if criteria match
e.g. Deal value > ₹5L

Action

Do something across products
e.g. Create MTicket + send Mreach alert

Result

Zero manual steps
Ops team runs without engineers

Example automation — built by an ops manager, no code

TRIGGER CRM Deal status → Won
IF Deal value is greater than ₹5,00,000
THEN Create MTicket (onboarding task) → Assign to ops team
AND Send Mreach message to #deals-won channel
AND Add event to MPlan calendar: "Kickoff call — 3 days"
01

The mental model problem

Users understood email automation but not graph-based flows. I mapped the UI to a familiar "If This Then That" pattern — trigger → condition → action — so it clicked immediately without a tutorial.

02

Cross-product data mapping

The hardest design challenge: how do you let users pass data between 6 products without exposing the data schema? I introduced plain-language variable tokens (e.g. {{deal.name}}) that felt like writing, not engineering.

Product Spotlight

MSpace — Task Management

Kanban boards and dense list views with sprint tracking — built for ops and admissions teams to replace Trello

MSpace — Sprint 1 kanban board with To Do, Pending, In Review, and WIP columns
MSpace — August sprint list view with dot status tags, multi-owner avatars, due dates, ratings, and time estimates
Left: Kanban board — four-column sprint view with priority dots and assignees at a glance. Right: List view — dense data mode showing status tags, multi-owner stacks, star ratings, and time estimates for power users.
Product Spotlight

MTicket — Issue Tracking

Queue management with TAT tracking, B2B requester context, and customisable columns — Jira-style but lighter

MTicket — Queue and My List split view with Open and Answered status, company logos, and TAT urgency badges
MTicket — IT Support full list view showing 8 tickets with TAT colours, requesters, company logos, and category column
Left: Queue / My List split — separates team backlog from personal ownership at a glance. Right: Full ticket list — TAT badges turn red as deadlines approach, company logos give B2B context without opening the ticket.
Product Spotlight

Mreach — Messaging & Channels

Slack-style channels with polls, DMs with rich file sharing — replaced scattered WhatsApp groups for internal comms

Mreach — Channels view showing a live poll in the Gryffindor Approval Dashboard with vote percentages and single-select enforcement
Mreach — Direct messages view with David Beckham showing conversation thread, forwarded file attachment, and XD prototype link
Left: Channels with embedded polls — the "single select only" enforcement is built into the poll so decisions are final. Right: DMs with rich context — design files, CSV exports, and prototype links shared inline without leaving the conversation.
Product Spotlight

MPlan — Calendar & Scheduling

Day, week, and month views with task deadlines, video calls, leave requests, and inline replies — all in one calendar

MPlan — Day view calendar showing product demo call with Join button, sick leave approval card, in-progress tasks with due dates, and inline message threading
Day view — meetings, tasks, and approvals live on the same timeline. The sick leave card has Decline/Approve inline so managers don't need to context-switch to another tool. Tasks show their linked sprint status directly on the calendar.
Product Spotlight · Automation

The Rule Builder

When → Then logic with grouped conditions and multi-field actions — designed so non-technical ops managers could build automations without asking engineering

Automation rule builder — When panel with Group 1 and Group 2 conditions connected by OR, Then panel with Send email action configured to specific people with subject and body
The automation rule builder — a two-panel When / Then layout. Conditions group with AND/OR logic. The action side pre-fills To, CC, Subject, and Body so users configure in 30 seconds. The "Next" button only activates when the rule is valid — no empty saves.