UI / UX case study

AsteraDocs

Your workflow's best mate.

Enterprise Document Management System (DMS)

Bringing structure, control, and collaboration to enterprise document workflows.

AsteraDocs is an enterprise document management system designed to simplify how teams store, organize, share, approve, version, and govern business-critical documents.

Enterprise UXDocument managementRole-based accessApproval workflowsVersion controlDesign systems
Role
UI/UX Designer
Platform
Desktop & Mobile
Duration
3 Months

The UI/UX design phase took approximately 25 days, followed by product implementation during the remainder of the project timeline.

AsteraDocs dashboard showing quick actions for uploading documents, requesting approval, and sharing files, alongside recent activity, team activity, and storage usage.
Project overview

Not a storage problem. A coordination problem.

Enterprise teams often manage critical documents across fragmented systems — shared drives, email threads, messaging platforms, and outdated document tools. That fragmentation creates duplicate versions, unclear ownership, manual approval processes, poor permission visibility, and weak auditability.

Enterprise document management isn't simply a file-storage problem. It's a coordination problem involving people, permissions, versions, approvals, compliance, ownership, and auditability — all at once.

Key insight · Framing question
How might we make complex document workflows feel simple, without compromising the enterprise control that makes them trustworthy?
What changed · Technical context
AsteraDocs leveraged Strapi as its CMS foundation, simplifying core content-management logic and allowing the product experience to focus on enterprise workflows including approvals, version control, access management, and integrations.
The problem

Five structural gaps in how enterprise teams manage documents

Documents scattered across departments

Files lived across shared drives, email threads, and messaging platforms with no single source of truth.

No structured approval workflows

Approvals happened informally — over chat or email — with no clear record of who approved what, or when.

Poor experience managing roles & access

Granting or auditing access meant depending on IT, with little visibility into who could see or edit what.

Difficult version tracking

Teams struggled to confirm which copy of a document was current, leading to duplicate and conflicting versions.

Limited audit visibility

Compliance and risk teams had no centralized way to review activity, access history, or document lifecycle.

Employees waste time searching. Managers struggle to maintain control. Compliance teams lack visibility. Organizations become dependent on fragmented tools and manual processes.

Goals, organized into strategic pillars
Findability
Reduce time spent searching for documents across departments.
Collaboration
Enable seamless sharing and collaboration across teams.
Control
Improve document access control and strengthen security.
Governance
Support compliance with clear approval trails and audit visibility.
Scalability
Scale cleanly across large organizations, teams, and departments.
My role & contribution

What I directly designed

As the sole UI/UX designer on this project, I owned the process end to end — from research framing through interactive prototype.

UX research & problem framing

Framed the core coordination problem behind enterprise document management — not just file storage, but people, permissions, and process.

Persona definition & user modeling

Defined three role-based archetypes to represent how operational, managerial, and governance users experience the same system differently.

Information architecture

Structured the full navigation model — documents, approvals, version control, team, admin, and integrations — into one coherent hierarchy.

Document upload & metadata design

Designed the file-selection-to-completion upload flow, including metadata and classification steps.

Permission & approval workflow design

Designed role-aware permission states and the request → review → approve/reject workflow.

Version control experience

Designed version listing, history, comparison, and branching views for non-technical users.

Team & admin control design

Designed team/department management and the admin panel — users, roles, activity logs, storage.

Integration experience & interaction design

Took the product from wireframes through high-fidelity UI, a reusable component system, and an interactive prototype, including the third-party integrations experience.

Understanding the users

Three roles, three levels of system complexity

Rather than long persona bios, these are the role-based archetypes that shaped every workflow decision.

Role 01 · Operational user

Operations Executive

Needs
  • Upload documents
  • Organize files
  • Share files
  • Maintain folder structure
  • Archive documents
Pain points
  • Repetitive organization
  • Duplicate versions
  • Limited activity visibility
  • Reliance on email or messaging for sharing
Task-level — simple, frequent actions inside a stable folder structure.
Role 02 · Power user

Department Manager / HR Manager

Needs
  • Manage sensitive documents
  • Control access
  • Track versions
  • Prepare for audits
  • Manage document lifecycle
Pain points
  • Difficulty identifying latest versions
  • Limited renewal alerts
  • Folder and naming conflicts
  • Dependence on IT for permissions
Team-level — access control and lifecycle decisions across a department.
Role 03 · Strategic / governance user

Compliance or Risk Leader

Needs
  • Organization-wide oversight
  • Retention policies
  • Access visibility
  • Audit preparation
  • Risk monitoring
Pain points
  • Fragmented departmental systems
  • Inconsistent classification
  • Limited risk visibility
  • Weak integration with enterprise systems
System-level — oversight and policy across every team and document in the org.
Design principles

Five principles derived from the project

01

Make document state visible

Users should always understand current version, approval status, ownership, and permissions at a glance.

02

Progressive complexity

Common actions stay simple. Advanced controls surface only when a user actually needs them.

03

Permission transparency

Users should always understand who can view, edit, share, or approve a given document.

04

Build trust through feedback

Sensitive actions — delete, share, approve — require confirmation, status feedback, and clear microcopy.

05

Design for enterprise scale

Components and workflows need to hold up across teams, departments, roles, and large document libraries.

Information architecture

Nine modules, one coherent system

The full navigation model, grouped so each area reads as its own module rather than one unreadable tree.

Home
Recent activity
Team activity
Documents
Search & filter
Search folders
Upload files
Recent documents
Upload
File selection
Metadata
Permission management
Completion
Approvals
Pending
Completed
My requests
Version control
Version listing
Version history
Compare versions
Version branching
Version analytics
Team
Team
Departments
Team activity
Analytics
Admin panel
Users
Roles & permissions
Activity logs
Storage management
Integrations
Connected
Browse integrations
Available integrations
API & webhooks
Manage webhooks
Help, support & settings
Help & support
Settings
Core product architecture

Six connected systems, sharing one set of entities

AsteraDocs isn't one flow — it's several connected systems built on a shared data model. That's what makes the product scale instead of sprawl.

Document management
Approval engine
Version control
Team & permissions
Administration
Integrations
Shared entities
UsersDocumentsRolesPermissionsStatusesVersionsActivity
Key workflows

Six workflows, one connected document lifecycle

From upload to approval, version history, permissions, admin control, and integrations.

Workflow 01

Document upload & organization

Uploading a document is simple. Preparing it for enterprise use is not — users need to define context, classification, metadata, access, and ownership before a file becomes a governed enterprise document.

Key insight · Impact
A predictable, repeatable path from raw file to organized, access-controlled document.
Design decision · Design decision
Breaking the process into progressive steps — instead of one dense form — kept the common case fast while still capturing what governance requires.
workflow_01
1
File selection
2
Metadata
3
Permission management
4
Completion
Workflow 02

Document approval

Before AsteraDocs, documents and approval discussions were often fragmented across email, chat, and support tickets, making it hard for teams to maintain visibility into approval progress and decisions. The approval experience brings that into one structured, traceable system — supporting employees submitting documents, managers reviewing them, and admins overseeing the workflow.

Key insight · Impact
Reviewers and requesters both get a clear, current picture of where every document stands.
Design decision · Design decision
Separating “Pending,” “Completed,” and “My requests” into distinct views answers three different questions with one workflow — what needs my attention, what's waiting on someone else, and what's already resolved.
What changed · Usability testing
Usability testing with target users indicated that the overall approval workflow was easy to understand and navigate. Feedback informed minor UI and interaction refinements without requiring fundamental changes to the workflow.
Reviewer capabilities
Reviewing the document and its relevant historyAdding comments or feedbackRequesting changesApproving or rejecting
Workflow 03

Version control

Teams experienced confusion around duplicate document versions and needed clearer visibility into document history and the current version. The experience was designed to make the current document state clear while preserving access to version history, comparison, branching, and analytics.

Key insight · Impact
All five capabilities — listing, history, comparison, branching, and analytics — were designed and implemented.
Design decision · Design decision
Each version surfaces its author, timestamp, file size, and change type at a glance, so identifying the right version doesn't require opening the file.
Workflow 04

Team & permission management

Users belong to teams, departments, and roles. Permissions determine what each person can view, edit, upload, share, approve, or administer — and the design focus was making that logic transparent rather than inventing exact rules beyond what the product defines.

Key insight · Impact
Access decisions become visible and understandable, not a black box managed only by IT.
Design decision · Design decision
Permission transparency mattered more than permission granularity — users needed to see who could do what, more than configure every edge case themselves.
Workflow 05

Admin controls

Administrators need system-level control — roles & permissions, activity logs, storage management — without that complexity leaking into the everyday experience of operational users.

Key insight · Impact
Two distinct experiences from one system: task-oriented for regular users, system-level for admins.
Design decision · Design decision
Role-aware interfaces meant the admin panel could hold real complexity without ever showing up for someone who just needs to upload a file.
Workflow 06

Third-party integrations

Enterprise document systems rarely operate in isolation. The integrations experience supports extensibility — connecting external tools and webhooks — while staying understandable to configure, including handling connection failures gracefully.

Key insight · Impact
A clear separation between discovering, connecting, and managing integrations and their webhooks.
Design decision · Design decision
Treating “available” and “connected” as distinct states — rather than one long list — made an inherently technical area easier to scan. The connected view also surfaces failure states, like an expired API key, rather than hiding them.
From wireframes to final UI

How structure became product

Two representative examples — not every screen, just the workflows where the shift from sketch to system mattered most.

Document upload
Problem

Enterprise uploads need context, not just a file.

Wireframe

Rough single-step form sketch, all fields at once.

Design decision

Split into progressive steps: selection → metadata → permissions → completion.

Final UI

A guided, four-step upload flow with clear progress.

Approval workflow
Problem

Reviewers couldn't tell what needed their attention.

Wireframe

Early sketch mixed pending, completed, and requested items in one list.

Design decision

Separate Pending / Completed / My requests into distinct, filterable views.

Final UI

A tabbed approval workspace with reviewer-level clarity.

Key design decisions

Five tensions that shaped the product

01

Simple actions vs. enterprise complexity

Challenge

Enterprise DMS products are, by nature, full of complex controls.

Decision

Keep primary document actions simple while progressively exposing advanced functionality only when needed.

02

Flexibility vs. permission control

Challenge

Users need to collaborate freely without compromising sensitive information.

Decision

Design role-aware permissions and explicit, visible sharing states rather than implicit access.

03

Latest version vs. full history

Challenge

Most users need the latest document; auditors sometimes need full historical context.

Decision

Prioritize the current version by default while keeping version history one step away, not hidden.

04

User autonomy vs. administrative governance

Challenge

Teams need independence to move fast; organizations need centralized control.

Decision

Separate task-level workflows from administrative controls so neither gets in the other's way.

05

Power vs. usability

Challenge

Advanced enterprise features can overwhelm non-technical, day-to-day users.

Decision

Use progressive disclosure and contextual actions so power is available without being the default view.

Trade-offs explored during the project
ControlSpeed

More permission steps improve governance but increase workflow friction — a tension worth designing around rather than resolving once.

FlexibilityConsistency

Custom folder structures give teams freedom but can reduce organization-wide consistency over time.

VisibilityInformation density

Enterprise dashboards need to be comprehensive without becoming overwhelming — a balance explored throughout the admin and version-control views.

AutomationUser confidence

Automated workflows save time, but users still need visibility into document state to trust the system.

Design system

Modular components, built for consistency and handoff

AsteraDocs uses its own product identity — shown here as reference, not as this page's palette.

Typography — Urbanist
32Document workspace
24Document workspace
18Document workspace
16Document workspace
BoldSemi BoldMedium
Product color system
Primary
#2F3A8F
Accent
#3DA9FC
Text
#6B7280
Background
#F9FAFB
Reusable components
ButtonsInputsFile cardsModalsTagsStatus badgesNavigationTablesPermission controlsApproval statesVersion indicators

Modular components improved consistency, scalability, design speed, and developer handoff across every workflow in the product.

System layer

Behavioral patterns, not just visual ones

The design system isn't only components — it establishes predictable behavior across the whole product.

1 · Status & state system

Document, approval, and version states share one visual language, so a status means the same thing everywhere it appears in the product.

Document statesApproval statesVersion states
2 · Role & permission system

Permission logic is expressed consistently across upload, sharing, and admin surfaces — the same visual pattern for “who can do what,” wherever it shows up.

Role systemPermission system
3 · Feedback & confirmation patterns

Sensitive actions — delete, share, approve — trigger the same confirmation and toast patterns, building predictable trust across the whole system.

Activity feedbackConfirmation patterns
Outcomes & reflections

Qualitative outcomes from the project

Designing for scale & versatility

The system supported different enterprise contexts, including operational documentation, HR workflows, and compliance-related use cases.

Simplifying complex workflows

Permissions, approvals, version tracking, and administrative workflows were structured into clearer, task-based experiences.

Usability validation

Usability testing with target users indicated that non-technical users could understand and navigate core document and approval workflows effectively. Feedback resulted in minor UI and interaction refinements.

System thinking

A structured information architecture, reusable components, and modular workflows supported consistency, prototyping, stakeholder collaboration, and implementation.

What I learned

Enterprise UX requires deep empathy

Understanding multiple user roles — operational, managerial, governance — was essential to building relevant, non-biased workflows for each.

Clear feedback prevents user anxiety

Sensitive actions like deleting, sharing, approving, or managing versions need clear system feedback. Microcopy, toasts, confirmation modals, version labels, and status indicators all build trust.

Modular design pays off

Reusable components — file cards, modals, tag chips, status badges — improved consistency and made developer handoff smoother, while system thinking and modular workflows helped the product scale across different use cases.

AsteraDocs reinforced that enterprise UX isn't about removing complexity entirely — it's about structuring complexity so users can act with confidence.

Next project

FactWeavers

AI-assisted business intelligence platform

View case study
Back to all work