Back to all work

UI/UX Design · ConnectClient

Admin platform UI rebrand, inside SAP Fiori's constraints

ConnectClient is an internal admin and back-office platform built on SAP Fiori. The existing UI wasn't user-friendly and didn't follow DKSH branding. The goal: improve usability and visual consistency while working entirely within SAP Fiori's system constraints.

Role
Senior UX/UI Designer
Constraints
Built on SAP Fiori, CSS-only customization
Focus
UI RebrandUsabilityPrototypingStakeholder Alignment
ConnectClient platform overview

Key Issues

Three problems, one enterprise system

01

Inconsistent Branding

Visual elements didn't align with DKSH brand guidelines.

02

Confusing Navigation

Users struggled to find key features and workflows.

03

Poor Visual Hierarchy

Important information got lost in cluttered layouts.

Focus Group

Validating usability issues with internal users

I conducted a focus group with internal users to validate usability issues before proposing changes. Two insights stood out: dense layouts felt overwhelming, and clear hierarchy directly improved user confidence, while consistent branding increased trust in the platform.

Design Approach

Working within the system, not against it

Clean Layouts

Simplified interfaces with better spacing and organization.

Strong Visual Hierarchy

Clear prioritization of information and actions.

DKSH Brand Alignment

Consistent colors, typography, and design language.

No Structural Changes

Delivered entirely within SAP Fiori's system constraints.

Before & After

Login & homepage

Why This Matters

This project shows my ability to improve usability in real enterprise systems with tight constraints. Working within SAP Fiori's limitations, I delivered meaningful UX improvements: clearer UI, consistent enterprise branding, and positive stakeholder feedback, that enhanced daily workflows for internal users while maintaining system integrity.