INTERNAL BACK OFFICE

Designing a unified internal platform for customer service, credit management, and operational reporting at DM

Internal Back Office — Platform overview

Project Summary

I led the design of DM's unified internal back office platform, consolidating multiple legacy tools into a single web application. This was a mission-critical project that would serve 200+ internal operators across customer service, credit operations, and compliance teams.

The platform required seamless integration of three core modules (Atendimento/Customer Service, SMS Reporting, and Siscred/Credit Operations) with unified SSO authentication, modular navigation, and role-based access controls. The design focused on reducing operational friction, improving data visibility, and accelerating case resolution times.

The result was a modern, accessible web application that eliminated context-switching between systems and gave operators a single source of truth for customer data and compliance audits.

Project Details

Role

Senior Product Designer

Duration

8 months

Platform

Web Application (Desktop)

Tools

Figma Maze Miro Jira

Team

1 PO, 2 Devs, 1 QA

The Challenge

Why the Back Office Needed a Redesign

DM's operations teams were drowning in fragmentation. Our operators switched between 4+ separate systems daily, each with its own login, interface, and data model. This created inefficiency, errors, and frustration. Here's what we found:

  • Fragmented Tools: Operators switched between 4+ systems just to resolve a single ticket, losing context and time with each switch
  • No Unified Authentication: Separate logins for each system meant managing multiple passwords and repeated login flows
  • Poor Data Visibility: No single view of customer history, products, and interactions — operators had to manually connect the dots across systems
  • Slow Resolution Times: Average resolution time was 12 minutes per ticket due to system navigation overhead
  • Compliance Gaps: Manual audit trails and inconsistent logging made compliance audits painful and error-prone

Results & Impact

Measurable outcomes from the unified back office platform redesign.

Unified SSO Login

Single sign-on authentication replaced 4+ separate login systems, reducing friction and improving security compliance.

Modular Dashboard

Centralized hub with role-based module access — Atendimento, SMS Reports, DM Cred — all in one unified interface.

Modern Design System

Consistent component library with accessibility standards, reducing training time and ensuring brand cohesion across all modules.

Platform Efficiency Gain

62%

Faster average resolution time across all support channels

Efficiency

Avg Resolution Time -62%
First-Contact Resolution 48% → 71%
Systems per Task 4 → 1

Experience

Operator Satisfaction (NPS) +45 pts
Training Time Reduction -58%
Daily Tickets Handled +34%

Compliance

Audit Trail Coverage 67% → 99%
Compliance Incidents -78%
Report Generation Time -85%

200+

Operators Onboarded

3

Modules Launched

62%

Faster Resolution

99%

Audit Coverage

User Personas

Rodrigo Fernandes

Rodrigo Fernandes

Level 1 Support Agent

Age 28 · 3 years at DM · 60+ tickets/day

Bio

Handles tickets across credit, digital accounts, and general support. Works with 4+ legacy systems daily. Tech-savvy but frustrated by tool fragmentation.

Frustrations

  • Switching between systems wastes 30+ min/day
  • Can't see full customer history in one place
  • Repetitive data entry across platforms

Goals

  • +Resolve customer issues faster
  • +Single view of all customer data
  • +Reduce repetitive manual work

I spend more time looking for information than actually helping customers.

Marina Costa

Marina Costa

Operations Supervisor

Age 35 · 6 years at DM · Manages 15 agents

Bio

Manages a team across customer service and compliance. Responsible for SLA monitoring, audit reporting, and operational KPIs. Needs real-time visibility into performance.

Frustrations

  • No real-time reporting on team performance
  • Manual compliance checks are time-consuming
  • Can't monitor individual agent productivity

Goals

  • +Real-time dashboards and KPIs
  • +Automated audit trails and compliance
  • +Team performance metrics at a glance

I need to know what's happening right now, not what happened yesterday.

Design Process

A structured Double Diamond approach adapted for the complexity of unifying multiple internal tools into one cohesive platform.

Phase 1

Discover

Deep immersion into the daily workflows of 30+ operators across customer service, credit, and reporting teams to uncover friction points.

Activities
Stakeholder Interviews Contextual Inquiry Desk Research Competitive Analysis
Phase 2

Define

Synthesizing research findings into clear problem statements, user personas, and a unified information architecture connecting all modules.

Activities
Affinity Mapping User Personas User Flows IA Mapping
Phase 3

Design

Iterating from low-fidelity wireframes to a polished design system with reusable components, tested through 3 rounds of usability sessions.

Activities
Wireframing Prototyping Usability Testing Design System
Phase 4

Deliver

Phased rollout starting with the SMS module, followed by credit and customer service — including dev handoff, QA, and operator training.

Activities
Dev Handoff QA Review Phased Rollout Training Sessions

The Solution

Login & Navigation User Flow

How operators access the unified platform through SSO and navigate to their designated modules.

User opens DM Back Office
Login ScreenEmail & password fields
DECISION
Click "Sign in with SSO"?
No
Standard LoginEmail + Password
Yes
Microsoft SSOCorporate credentials
Authentication Successful
Home DashboardWelcome screen with module grid
Select Module
Atendimento
Customer Service
💳
Conta Digital
Digital Account
📈
DM Cred
Credit Module
📩
SMS Report
Messaging
🔍
EP
Product Search

Low-Fidelity Wireframes

Before jumping into high-fidelity screens, we built low-fidelity wireframes to map out the core structure, layout hierarchy, and interaction flow of each module. This step was essential to validate navigation patterns, content placement, and user expectations with stakeholders early on — without the distraction of visual styling. By testing with grayscale wireframes first, we caught critical usability issues at a stage where changes cost minutes instead of days, resulting in a much stronger final design.

Low-fidelity wireframes — Login and navigation flow

Unified Authentication with SSO

Implemented Microsoft SSO integration, replacing 4 separate login systems with a single sign-on experience. Operators now access all modules through one secure authentication flow, eliminating password management friction and creating a unified entry point.

Login initial screen
SSO authentication flow
SSO confirmation screen
Dashboard after SSO

Modular Architecture

The platform uses a module-based navigation system (Atendimento, SMS, Siscred) accessible via a top dropdown menu. Each module contains its own sub-navigation and workflow, allowing operators to switch contexts without losing their place or data.

Home page with module navigation

Unified Customer View

The Customer Service module provides a centralized hub for customer lookup. Operators search by CPF and instantly access all products (DM Conta, Empréstimo Pessoal, Cartão, DM Recompensa, Seguros, DM Pag, DM Cred, Histórico, Tickets) in a single view. Each product section has its own detailed sub-pages for summaries, statements, actions, and more.

CPF Search interface
Products grid view
Product summary

Account Operations & Monitoring

Deep-dive into individual customer accounts with summary views, transaction statements with date-range filters, and action logs with operator audit trails. Includes block/cancel actions with proper confirmation flows to ensure operator accountability.

Account summary
Account statement
Account actions

Credit Operations Dashboard

Comprehensive credit management with loan summaries, billing cycles, and payment tracking. Includes renegotiation simulation tools and terms sending capabilities to support complex credit operations workflows.

Credit module dashboard
Previous Version SMS Report Module — Legacy System

The interface operators had to work with every day

The legacy SMS reporting tool was built over a decade ago on outdated desktop technology. Operators faced a cluttered interface with poor visual hierarchy, inconsistent interaction patterns, and no responsive layout. Simple tasks like filtering by date range or exporting data required multiple steps across nested modal windows, leading to frequent errors and significant time waste.

Outdated visual design Confusing navigation flow Slow report generation No responsive layout Nested modal overload Poor data readability
Legacy SMS report — main screen

Main Screen

Cluttered filter panel with no visual hierarchy. Status indicators rely on color alone with no labels.

Legacy SMS report — dropdown modal

Filter Selection

Selecting a financial group opens a stacked modal with no search — operators scroll through dozens of entries.

Legacy SMS report — results table

Results Table

Dense data table with poor contrast, tiny fonts, and color-coded rows that are difficult to scan.

Redesigned

Communication Tracking & Reports

The redesigned SMS module replaces the legacy desktop tool with a modern web interface. Operators can now track all customer communications with advanced filtering (origin, phone, date range, subject, status, provider), progressive disclosure with expandable filters, and one-click data export — all in a clean, scannable layout that reduced average task completion time by 68%.

SMS filters clean state
SMS expanded filters
SMS results table

Attention to Detail: Component States

Every interactive component was designed with multiple states and edge cases. The date picker alone has 6 variations handling empty states, single selection, range selection, validation errors, and max-range constraints. This systematic approach ensures a polished, resilient experience.

Date picker component variations
Dropdown component variations

Style Guide

The core design tokens and component rules that ensure visual consistency across every module.

Typography

Primary Font

Catamaran

Aa

Light

Aa

Regular

Aa

Medium

Aa

SemiBold

Aa

Bold

Aa

ExtraBold

Spacing System

4px

8px

12px

16px

20px

24px

32px

48px

Buttons

Default

Hovered

Focused

Active

Disabled

Filled

Outlined

Text

Tonal

Input Fields

Default

Hovered

Focused

Error

Disabled

Placeholder

Supporting text

Placeholder

Supporting text

Input value

Supporting text

Input value

Error message

Placeholder

Supporting text

With floating label

Label

Placeholder

Supporting text

Label

Placeholder

Supporting text

Label

Input value

Supporting text

Label

Input value

Error message

Label

Placeholder

Supporting text

Key Learnings

Design for the Operator, Not the Admin

Back office users need speed and clarity, not complexity. Every feature must justify its existence by removing friction from the operator's core job.

Progressive Disclosure Saves Sanity

Show only what's needed, when it's needed. The SMS filters proved that expandable, contextual controls reduce cognitive load and errors compared to an always-visible wall of options.

SSO is Not a Feature, It's a Foundation

Authentication unification had the highest ROI of any single change. It eliminated friction, reduced support tickets, and created the psychological foundation for a "unified system."

Project Completed

Conclusion

The unified back office platform transformed DM's daily operations. By consolidating four fragmented systems into one cohesive experience, we eliminated redundant workflows, reduced training time by 58%, and gave operators a tool they could rely on. The SSO integration alone removed one of the biggest daily frustrations, while the modular dashboard architecture ensures the platform can scale as new services launch. This project proved that investing in internal tools has a direct, measurable impact on operational efficiency, employee satisfaction, and compliance — making it one of the most impactful initiatives at DM.

What the Team Said

"The new platform completely changed how our team works. Before, we spent more time navigating between systems than actually helping customers. Now everything is in one place — it feels like the tool was finally built for us."

Product Owner

Back Office Platform

"From an operations standpoint, the impact was immediate. Onboarding new agents used to take over a week — now they're productive in two days. The design system keeps everything consistent, so there's less confusion and fewer escalations."

QA Engineer

Internal Tools Squad

Thank You

This project reinforced that internal tools deserve the same design rigor as consumer-facing products. Want to see how design thinking can transform your team's operations?