Document management / Product redesign

From document lists
to a working desktop.

DMS brings document work, task coordination, and administration into a shared desktop experience. A redesign told through the previous interface, the new screens, and the decisions that connect them.

Project

DMS redesign

Scope

Workspace, documents, tasks, teams, and settings

Design archive

14 previous screens / 38 new screens

The redesigned DMS desktop
The redesigned DMS desktopA shared shell brings navigation, document previews, and quick access together.
01 / The starting point

Documents were organized. The work needed more context.

The previous interface centers on document lists, summary counts, basic tasks, and administrative tables. It supports recent files, saved documents, uploads, and sharing, but much of the surrounding work sits in separate views.

The new direction broadens the workspace: document retrieval, assignments, team coordination, and configuration share a consistent environment.

Before / After

A visible shift in the experience.

Compare three parts of the original interface with their redesigned counterparts. Open a screen to inspect the details.

Previous interfaceHome — previous interface
Home — previous interface
Redesigned interfaceHome — redesigned interface
Home — redesigned interface
02 / The system

One environment. Different ways to work.

A vertical rail, a bottom dock, and recurring navigation patterns establish a desktop-like shell. Overview screens summarize the current situation; lists and boards support action; modals keep creation and inspection close to their context.

Documents

Make setup explicit.

Workspace layout modes, document slots, and session recovery make the starting point more deliberate.

Tasks

Keep context visible.

Priority, ownership, due dates, and status give assignments a clearer place in daily work.

Settings

Separate the domains.

Twelve configuration categories organize the broader administrative surface.

Workspace setup
Workspace setupLayout choices and document slots establish the session before work begins.
Task board
Task boardA board brings status and assignment context into the same view.
03 / Workflow depth

The details stay close to the task.

Document intake adds source choices, destination, tags, security settings, and a staged-file review. Shared-document views connect access and document context, while task creation includes supporting information and responsibility.

The intended benefit is a clearer path through the work. The screenshots demonstrate the design direction; they do not establish functioning software or measured usability gains.

Document intake
Document intakeA more detailed setup and review surface before saving.
Task creation
Task creationAssignments and supporting context remain in the workspace.
04 / The visual language

A cohesive desktop, with room for complexity.

Dark navy and translucent surfaces create a shared environment. Blue and violet establish actions and selections; labeled status treatments distinguish states. Sidebars, tabs, tables, and inspectors recur across the modules.

The tradeoff is density. Contrast over background imagery, long forms, wide boards, and keyboard access need careful review as the design moves into implementation.

General settings
General settingsA dedicated settings shell organizes configuration by domain.
Department workload
Department workloadCoordination views connect teams, assignments, and workload.
05 / The outcome

A design foundation for the next stage.

The supplied work establishes a coherent desktop direction, more explicit document workflows, richer task coordination, and a broader settings structure. It provides a foundation for prototyping and implementation.

The next step is validation: compare task completion, errors, and confidence against the previous interface; test accessibility and smaller viewports; and align permissions and audit behavior with actual backend capabilities.

Read the full case study PDF
Explore all 38 redesigned screens

Open any image for a closer view. Values and names shown within the design mockups are illustrative.

General
General
Task overview
Task overview
Appearance
Appearance
Audit Logs
Audit Logs
Advanced
Advanced
All tasks alternate state
All tasks alternate state
All tasks
All tasks
Profile & Account
Profile & Account
My tasks
My tasks
Task details
Task details
workspace
workspace
Assigned by Me
Assigned by Me
Documents & Files
Documents & Files
Sharing & Permissions
Sharing & Permissions
Team Tasks
Team Tasks
Approvals
Approvals
Security
Security
Notifications
Notifications
Task Board continue
Task Board continue
Task Board
Task Board
Storage & Backup
Storage & Backup
Integrations
Integrations
Create New Task Modal
Create New Task Modal
Create Task Modal
Create Task Modal
Department Workload & Team Assignment Operations
Department Workload & Team Assignment Operations
Shared Documents & Links
Shared Documents & Links
Task & Assignment Management Center
Task & Assignment Management Center
Teams and departments
Teams and departments
Document catalog
Document catalog
Document intake
Document intake
Application launcher
Application launcher
Task creation context
Task creation context
Workspace session setup
Workspace session setup
Workspace setup
Workspace setup
Desktop home
Desktop home
Sign-in
Sign-in
Document preview and inspector
Document preview and inspector
Profile menu
Profile menu
Explore the 14 previous screens
Previous interface — Starred
Previous interface — Starred
Previous interface — Access control
Previous interface — Access control
Previous interface — Catelog
Previous interface — Catelog
Previous interface — Create a task
Previous interface — Create a task
Previous interface — Home
Previous interface — Home
Previous interface — My task
Previous interface — My task
Previous interface — Recent
Previous interface — Recent
Previous interface — Role managmenet
Previous interface — Role managmenet
Previous interface — Setting
Previous interface — Setting
Previous interface — Share page
Previous interface — Share page
Previous interface — Team task
Previous interface — Team task
Previous interface — Team
Previous interface — Team
Previous interface — Upload page
Previous interface — Upload page
Previous interface — Workplace
Previous interface — Workplace
Next case study

Keepsakes by Reem

Explore the next story
Have something in mind?

Let’s build
something that matters.

Start a conversation

Project screen

Open full image