Welcome
Choose a section to begin
Start with the brief to understand the assignment, then explore the current UI to see what needs to be redesigned.
Brief
UI/UX redesign assignment
Redesign the Call Center module in Figma with a cleaner layout, sharper hierarchy, and a more refined visual system.
In scope
- My Calls — the telecaller's workspace. Queue of customers on the left, active call context on the right (caller info, recent activity, notes, outcome, callback scheduling).
- Call History — searchable table of past calls with filters by direction, agent, and outcome. Clicking a row opens a side drawer with full notes.
What to deliver
- Figma file with desktop screens for both tabs
- Reusable components (cards, list rows, badges, buttons, form controls)
- Defined color, typography, and spacing tokens
Things to keep in mind
- You can use any design system, but visual consistency across screens is required. We'll be evaluating your color and typography choices.
- Telecallers use this for hours. Reduce visual noise, let the live call be the loud thing.
- Call status (Ringing, Connected, Ended) needs to be readable at a glance.
- Notes, outcome, and callback should feel like a single form.
- Use a small set of card and badge styles — apply them consistently.
- WCAG AA contrast. No color-only state.
Call Center
Prototype
Priya Menon
— results
| Customer | Agent | Outcome | Duration | When |
|---|