Back to all work

UI/UX Design · DigitalSpace

One portal for all DKSH products

DKSH ran multiple digital products: ConnectCustomer, Discover, Labshop, ConnectClient, ConnectPlus, EchoPlus, EasyOrder, and ConnectPatient, each with its own URL and login. DigitalSpace unifies them into a single login, a central hub, and role-based dashboards that show every user what matters most.

Role
Senior UX/UI Designer
Users
External clients, customers, sales reps, patients
Outcome
Unified experience, higher adoption
DigitalSpace unified portal

Problems

Built around systems, not user tasks

Users faced significant friction across multiple touchpoints, and the root cause was structural.

01

Too Many Systems

Multiple URLs and logins created cognitive overload.

02

Inconsistent UI

Different navigation patterns across each product.

03

Lost Users

Users didn't know what to do after login.

Goals

Business goals meet user goals

Biz

Increase Adoption

Grow usage of digital products and reduce support and manual work.

User

One Login

Log in once, see important information immediately, complete tasks faster.

Research

What people actually needed

Methods: stakeholder interviews, user interviews, an online survey, and a competitor review.

01

Tasks First

Users want to see tasks first, not data.

02

Role-Based

Dashboards must adapt to who's using them.

03

Speed Over Reports

Quick actions matter more than reports: sales reps work under time pressure.

Personas & Journeys

Three roles, three different needs

I built detailed personas for external clients, customers, and internal sales reps to map their unique goals, pain points, and journeys before and after DigitalSpace.

Procurement Manager

Alex Tan, Enterprise Client

Goals: Track orders, check balances and invoices, request quotations quickly.
Before: Login → search product → compare → order → track in another system.
After: Login → dashboard → quick reorder → track order.
"I can log in once and know my account status in 10 seconds."

Pharmacy Officer

Deevon, Customer

Goals: Reorder products fast, track deliveries, check availability.
Before: Login → check emails → open multiple systems → create order.
After: Login → dashboard shows tasks → quick order → done.
"I can reorder in less than 2 minutes."

Sales Representative

Daniel Wong, Internal Sales

Goals: Create orders quickly, check stock, manage accounts.
Before: Receive order reference → search email for URL → login to wrong system → try again.
After: Login → dashboard shows order status → take action.
"I know what to do first when I log in."

Discovery & Research

Five products, one confused user

DigitalSpace exists because people were drowning in logins. Research mapped who actually crosses product boundaries in a day, and how DigitalSpace sits at the centre of everything else.

Note on confidentiality: these are internal enterprise platforms. Due to company data policy, full working files, raw research data, and complete dashboards can't be published here. The previews below use illustrative, non-production data to represent the structure, format, and thinking behind each deliverable.

Persona: Nurul Aisyah

Research
Nurul AisyahMulti-Product Power User,OperationsUses 3+ products dailySwitches devices oftenValues single login

Represents the power user who moves between EasyOrder, ConnectClient, and expense tools throughout the day.

Persona: Ben Foo

Research
Ben FooNew Employee (first 90 days)Learning product landscapeNeeds guided onboardingComfort with tech

Just joined and doesn't yet know which of the eight products does what. DigitalSpace is his front door.

Persona: Ravi Chandran

Research
Ravi ChandranIT Helpdesk AgentResolves access issues dailyManages permission requestsComfort with tech

Fields the login and access tickets that DigitalSpace is designed to prevent in the first place.

Persona: Michelle Tan

Research
Michelle TanDepartment HeadReviews team dashboards weeklyDelegates access approvalsComfort with tech

Wants one place to see what her team is working on across products, without chasing five separate reports.

Proto Persona: New Employee

Research
New Employee (proto)ASSUMPTION-BASED · LOW FIDELITYNeed: find the right productwithout asking ITFrustration: not knowing whichlogin belongs to which tool

Assumption persona used to frame the onboarding experience before new-hire interviews.

Proto Persona: Cross-Department Manager

Research
Cross-Department Manager (proto)ASSUMPTION-BASED · LOW FIDELITYNeed: see a unified view ofteam activity across productsFrustration: every product hasits own separate reporting

Assumption persona framing the management view before cross-department interviews were arranged.

Proto Persona: IT Security Lead

Research
IT Security Lead (proto)ASSUMPTION-BASED · LOW FIDELITYNeed: enforce a consistentaccess policy across allFrustration: each productmanages permissions

Used to frame governance requirements ahead of an IT security stakeholder review.

Proto Persona: Contractor / Temp Staff

Research
Contractor / Temp Staff (proto)ASSUMPTION-BASED · LOW FIDELITYNeed: get limited accessquickly without fullFrustration: provisioningtakes days across separate

Assumption persona representing short-term staff, pending contractor-access research.

Empathy Map

Research
SAYS"Why do I have fivebookmarks for onecompany?"THINKS"There has to be oneplace for all of this"DOESKeeps a personalspreadsheet of loginlinksFEELSOverwhelmed switchingbetween tools

Synthesized from interviews with 14 employees across 4 departments.

Stakeholder Map

Research
ProductEmployeeIT SecurityProduct OwnersHR OnboardingHelpdeskLeadershipDirectInfluencing

Maps the day-to-day users of DigitalSpace against the teams governing access and onboarding.

Ecosystem Map

Research
EasyOrderConnectClientExpense ClaimPM SalesForceSSO IdentityProviderDigitalSpace

Shows DigitalSpace as the unified shell connecting every other enterprise product via single sign-on.

Affinity Diagram

Research
ACCESS"Too manypasswords""Session timeoutsdiffer"NAVIGATION"Hard to find theright app""No unified search"PERSONALIZATION"Same view foreveryone""Can't pinfavorites"

Raw research notes clustered into themes during a synthesis workshop, surfacing the patterns behind user pain points.

Dashboard Content Priority Matrix

Not everything can be P0

P0 (must have: used every day), P1 (important: used often), P2 (nice to have). Only P0 content appears above the fold; P1 stays visible but secondary; P2 lives inside modules.

P0

External Client

Order status & tracking, account summary, request quotation: clients check delivery status daily and need it for finance decisions.

P0

Customer

Quick reorder, order tracking, product catalog: high-frequency, high-anxiety tasks that drive repeat behavior.

P0

Internal Sales Rep

Quick order creation, customer list & accounts, tasks/follow-ups: revenue-driving actions used daily.

Journey & Flow

Designing a shell that gets out of the way

The hardest part of a unifying portal is making it feel invisible. I mapped the login-to-task journey and the information architecture needed to hold every product without adding a layer of friction.

Journey Map

Journey
Open portalAuthenticateLand on dashboardSwitch productComplete task4.4

End-to-end emotional curve across the daily login journey, from first touch to task completion, mapped against satisfaction (1–5).

Service Blueprint

Journey
FrontstageBackstageSupport Systems

Frontstage actions, backstage operations, and supporting systems mapped against each other to expose handoff gaps.

User Flow

Journey
Open portalSSO loginMFA neededVerifyDashboardLaunchproduct

Primary task flow through the product, including key decision points and drop-off risk areas.

Information Architecture

Journey
DigitalSpaceDashboardMy AppsNotificationsAppsEasyOrderConnectClientExpenseSettingsProfileSecurity

Navigation and content hierarchy used to structure menus, dashboards, and permissions.

UX Strategy

Core design principles

01

One Login, One Entry Point

A single global header with search, notifications, and profile.

02

Task-First Dashboard

Quick actions for common tasks; complex features hidden inside modules.

03

Modular Products

Each product behaves as a module, sharing components across a scalable design system.

Why This Project Matters

This project demonstrates my ability to lead UX from research to UI: designing complex enterprise systems, balancing business goals with user needs, and building scalable, modular platforms that hold up as the product portfolio grows.