HomeWorkAboutContact
← Back to work
Product DesignGMDSoft

GMDSoft Portal Revamp

Redesign of the Customer and Admin portals for GMDSoft's digital forensics platform. Multiple admin roles, a rich customer portal, and 100+ screens across two interconnected systems.

3 min read
Tools
Procreate · Figma
Year
2024 – 2025
Role
Product Designer
Status
Shipped
The Brief

GMDSoft is a South Korean digital forensics company whose flagship MD-Series is used by law enforcement agencies, government investigation teams, and eDiscovery firms worldwide to extract and analyze evidence from encrypted and deleted mobile data. Their existing portals had accumulated years of technical and UX debt: an outdated visual language, inefficient navigation, and workflows that didn't reflect how either side of the business worked.

The engagement came through Hatmaker Studio. The scope covered two portals: an Admin Portal with six distinct internal roles (Super Admin, Front-team, QA, Business, Communications, and Marketing), each needing a scoped dashboard and a different view of the same underlying system; and a Customer Portal serving forensic investigators, government investigation teams, and corporate audit firms.

The priorities were clear: redevelop the older version, automate more and email less, launch a new dashboard with analytics, integrate an external CRM, and make it colorful. They knew what was wrong. The shape of the solution was what we were there to define.

In Context
Overview
Overview
Scope & Strategy
Scope & Strategy
Login — 2FA
Login — 2FA
Reset Password
Reset Password
Expired Link
Expired Link
Super Admin — Users
Super Admin — Users
Products
Products
Column Selector
Column Selector
Customer Approvals
Customer Approvals
Customer Groups
Customer Groups
Customer View
Customer View
Customer Products — Side Panel
Customer Products — Side Panel
License Management
License Management
License Details — Side Panel
License Details — Side Panel
Deployment Management
Deployment Management
Packages — Side Panel
Packages — Side Panel
Mail Delivery
Mail Delivery
Mail Groups
Mail Groups
Portal FAQs
Portal FAQs
CP — Scope & Strategy
CP — Scope & Strategy
Sign Up — Email Check
Sign Up — Email Check
Sign Up — Essential Details
Sign Up — Essential Details
Sign Up — More Details
Sign Up — More Details
Sign Up — Declined State
Sign Up — Declined State
Login — Loading State
Login — Loading State
Dashboard — License Summary
Dashboard — License Summary
Dashboard — Profile
Dashboard — Profile
License Renewal
License Renewal
Products — Release Notes
Products — Release Notes
Support — My Tickets
Support — My Tickets
Help — FAQs
Help — FAQs

The Admin Portal: role-based navigation, data-dense tables, and side panel interactions across 300+ screens.

1 / 31
Decisions
01
IA before screens

The design work started with translating various discovery documents into user stories, mapping every feature, page and component across both portals, and building the information architecture. Getting the navigation hierarchy right at that stage meant every screen that followed had a clear home.

02
Automations

Rather than coupling notifications to creation actions, automations are configured independently from dedicated Notifications and What's New tabs — admins set triggers for new releases on their own schedule, without adding steps to every creation flow.

03
Role-locked dashboards, not a filtered single view

With six roles covering genuinely different responsibilities, a single filtered view would still surface functions most admins have no reason to see. Role-locked dashboards mean each admin type only ever sees what's theirs — the Super Admin sees everything; every other role sees only their scope.

04
Nested views and side panels over navigation

Complex data relationships, like Customer Groups drilling into individual customers and their owned products, are handled through nested views and side panels rather than separate pages. Admins stay oriented in the hierarchy without losing context mid-task.

05
A login screen that does two jobs

The login screen had more space than it needed for just a form. The redesign used that space deliberately: a dedicated panel for highlighting latest releases and portal features, turning an underused screen into a light marketing touchpoint.

06
Column selector for screen real estate

Admin Portal tables are data-heavy with a lot of columns across different workflows. Rather than forcing all admins into the same cluttered view or building separate table variants per role, a collapsible side panel lets each admin choose which columns to show.

What Worked
01

Six admin roles, each with a scoped dashboard derived from the same underlying system

03

Communications covers mail groups, bulk sends, draft management, mail templates, delivery tracking, and automations that trigger notifications and What's New posts on new releases

05

Progressive disclosure via tabs, multi-step forms, and collapsible panels applied across license management, product pages, customer management, deployment, communications, and portal management

07

Customer login redesigned with 2FA, language selection, password recovery, and a marketing panel for surfacing product updates

02

Side panels for contextual detail across both portals: license info, customer data, and package specs on the admin side; FAQs, tickets, release notes, and download details on the customer side

04

Collapsible column selector side panel for the Admin Portal's data tables: each admin chooses which columns to display, keeping the default view clean

06

110+ screens and a full component library: forms, side panels, navigation bars, cards, and pop-ups across the light-themed Customer Portal and dark-themed Admin Portal

Got a project in mind?

I'm available for new projects.

Start a conversation →
← Previous
Moodify
Case study→Live ↗
Next →
Landing Page Builder
Case study→