Home
Elevating Digital Trust and Clarity for KFH Private
Elevating Digital Trust and Clarity for KFH Private
Elevating Digital Trust and Clarity for KFH Private
6 min est. read
Overview
KFH Private's existing platform looked like a slightly different version of their main public website. Different colors, different imagery, but the same structure and feeling. For a private banking division serving high value clients, that wasn't good enough.
I led the visual and interaction direction to transform it into something that felt luxurious, confident, and built specifically for a private banking audience.
KFH Private's existing platform looked like a slightly different version of their main public website. Different colors, different imagery, but the same structure and feeling. For a private banking division serving high value clients, that wasn't good enough.
I led the visual and interaction direction to transform it into something that felt luxurious, confident, and built specifically for a private banking audience.
My Role
Lead Designer
Responsibilities
Bilingual Experience Redesign
Timeline
Q1 2025
Outcomes
Outcomes
Client Validated
Client Validated
The KFH team described the improvements as "radical and appreciated," directly confirming alignment between design intent and business expectations.
The KFH team described the improvements as "radical and appreciated," directly confirming alignment between design intent and business expectations.
Trust at First Touch
Trust at First Touch
Refined hierarchy, typography, and interaction patterns elevated the platform to match the premium expectations of high value banking clients.
Refined hierarchy, typography, and interaction patterns elevated the platform to match the premium expectations of high value banking clients.
Billingual Parity
Billingual Parity
English and Arabic experiences built from the same system, giving both markets equal quality without compromise.
English and Arabic experiences built from the same system, giving both markets equal quality without compromise.
The Challenge
The existing experience was described by stakeholders as "outdated, rigid, and missing the feel of prestige." KFH Private looked too similar to KFH's public website. Private banking clients expect to feel like they're somewhere exclusive the moment they land. The existing experience communicated nothing that a standard retail banking website wouldn't.
The existing experience was described by stakeholders as "outdated, rigid, and missing the feel of prestige." KFH Private looked too similar to KFH's public website. Private banking clients expect to feel like they're somewhere exclusive the moment they land. The existing experience communicated nothing that a standard retail banking website wouldn't.
Approach
A Clear Visual Direction:
Full bleed imagery and video. Hero sections blending into the background. Subtle parallax effects. Generous white space. Nothing that draws attention to itself unnecessarily. The goal was an experience that felt expensive without trying to look expensive.
Subtle Glows as Section Dividers:
The client wanted clear differentiation between sections. Dividers and color blocks didn't feel premium enough. Subtle glows in KFH's brand color solved it. Separation without visual noise.
An Interactive Journey for Approval:
Rather than static screens I built a fully interactive Figma prototype so the client could feel how it worked rather than imagine it. Parallax effects, transitions, hover states all working together. It took a week and the team loved it immediately.
Navigating a Management Change:
The client gave verbal approval then management changed during Ramadan. We presented again to senior leadership including the KFH Private CEO who questioned the placeholder copy and imagery. Rather than push back on scope I updated the content to close the project cleanly. The CEO approved.
Bilingual From the Start:
Every surface delivered in English and Arabic with full RTL support.
A Clear Visual Direction:
Full bleed imagery and video. Hero sections blending into the background. Subtle parallax effects. Generous white space. Nothing that draws attention to itself unnecessarily. The goal was an experience that felt expensive without trying to look expensive.
Subtle Glows as Section Dividers:
The client wanted clear differentiation between sections. Dividers and color blocks didn't feel premium enough. Subtle glows in KFH's brand color solved it. Separation without visual noise.
An Interactive Journey for Approval:
Rather than static screens I built a fully interactive Figma prototype so the client could feel how it worked rather than imagine it. Parallax effects, transitions, hover states all working together. It took a week and the team loved it immediately.
Navigating a Management Change:
The client gave verbal approval then management changed during Ramadan. We presented again to senior leadership including the KFH Private CEO who questioned the placeholder copy and imagery. Rather than push back on scope I updated the content to close the project cleanly. The CEO approved.
Bilingual From the Start:
Every surface delivered in English and Arabic with full RTL support.
“the improvements are radical and appreciated”
-Client Feedback, Direct Quote
-Client Feedback, Direct Quote
Interactive Journey
Outcomes
The redesign was described as "radical and appreciated" by the KFH team at first glance, directly confirming the work landed where it needed to. English and Arabic audiences received equal quality experiences built from the same system. The platform moved from feeling like a standard banking website to signaling the exclusivity and prestige that KFH Private's high value clients expect.
The redesign was described as "radical and appreciated" by the KFH team at first glance, directly confirming the work landed where it needed to. English and Arabic audiences received equal quality experiences built from the same system. The platform moved from feeling like a standard banking website to signaling the exclusivity and prestige that KFH Private's high value clients expect.
Learnings
The difference between premium and standard is often restraint. Removing visual noise communicated luxury more effectively than adding complexity would have.
Presenting an interactive prototype changed the quality of feedback. The client could feel what they were approving rather than imagine it.
Sometimes the professional move is to solve the problem in front of you rather than defend what was originally agreed.
The difference between premium and standard is often restraint. Removing visual noise communicated luxury more effectively than adding complexity would have.
Presenting an interactive prototype changed the quality of feedback. The client could feel what they were approving rather than imagine it.
Sometimes the professional move is to solve the problem in front of you rather than defend what was originally agreed.