UX Continuity for OCBC Corporate Web Revamp
Re-establishing Design Direction and Coherence Amidst Project Disruption.
Role
UX/UI Designer
Agency/ Client
The Union, OCBC
Project Type
Design System
The Challenge
From Fog to Form
As part of a large-scale digital revamp, OCBC Group undertook a transformation across several corporate websites (OSPL, GBC, Business Banking units).
I was integrated into the project during a critical juncture, where the original design team's departure had resulted in a lack of formal documentation and design continuity
The core challenge
How might we restore clarity and direction in a digital transformation project that has lost its design leadership?
The Solution, Design Approach
Leveraging Design Thinking to Audit and Rebuild UI Consistency
Adapted design thinking methods by auditing legacy Sketch files and internal documents to uncover design rationale, identify UI inconsistencies, and address content flow gaps.
My Role
UX Design Lead, Project Recovery & Fulfilment
Took ownership as UX designer during a critical gap in OCBC’s corporate website redesign. Partnered with PMs, developers, and clients to realign goals and restore design direction. Streamlined information architecture and page flows to deliver a cohesive, scalable experience. Drove project momentum and strengthened cross-functional collaboration while navigating uncertainty.
Contributions
UI & UX Design
Design System Implementation
Information Architecture (IA)
Design Direction Re-establishment
Cross-functional Alignment
Design Quality Assurance (QA) / Design Audit
Stakeholder Management
Financial Services Design
Discovery & Research
Identify the "Broken Parts"
Once I gained clarity on the required deliverables and inherited the existing design system, I conducted a gap analysis within my scope and applied targeted UX refinements to ensure cohesion, usability, and alignment with the broader site.
Design & Iterate
Building Forward, Not Just Fixing
01.
Structuring for Clarity:Sitemap Audit & Redesign Kickoff
Identified gaps in the legacy sitemap and proposed a restructured IA aligned with OCBC’s design system to improve navigation clarity and content discoverability.
02.
Aligning People, Unblocking Progress
Partnered with OCBC stakeholders, PMs, and developers to turn strategy into clear design decisions. Unblocked ambiguity, aligned priorities, and kept momentum across teams.
03.
Design System Adaptation
Reorganised fragmented content into modular, scalable sections that improved user comprehension and supported responsive design.
04.
Elevating the Visual System
Designed clear and meaningful visuals, including icons and section graphics , to enhance content structure and guide users smoothly through the site.
Tackling User Experiences
Case Study: Simplifying Complex Financial Content for Share Financing
The Challenge
How might we simplify dense "Margin Call" content for clear and accurate user comprehension?
Approach: Designing for Readability in Financial Content
My approach focused on identifying and reducing cognitive overload in the "How Margin Call Works" section, particularly around the complex financial formula.
Thinking Beyond the Pixel
To address user confusion and support business accuracy, I created two content versions:
Simplified: A brief explanation to ease cognitive load.
Detailed: A clearer, structured version that made technical information more digestible.
What We Learned & Recommended
The team chose the detailed version for its clarity and accuracy. That is critical in financial definition.
Recommendation is made to the client to surface the formula upfront to frame the rest of the explanation, helping users grasp the key concept faster and with more confidence.
Impact
Reflection
This engagement reinforced the value of adaptability and clear communication in enterprise environments. Designing without prior team continuity required not only independent execution but also confident client facilitation around product direction and user needs. It deepened my ability to navigate ambiguity, structure design around strategic business goals, and support delivery teams with actionable, user-centred solutions.
