Investor Relations Portal

Client
HKEX
Hong Kong Exchanges
Role
UX/UI Design
Year
2016 - 2017
Goal
Goal

Build a one-stop investor relations platform that connects Hong Kong–listed companies with their stakeholders, enhancing visibility, accessibility, and transparency across the market.

Project Outcomes
Project Outcomes
0
+
IR professionals connected
Across Hong Kong–listed issuers
0
%
New leads generated
Strengthening HKEX’s IR network reach
0
+
Listed companies onboarded
80+ with market cap > $1B
0
+
Unique users
In the first month

🏆 2022 Essential Excellence Awards

Hosted by S&P Global Market Intelligence

The launch of IR Connect established a strong foundation for HKEX’s digital investor relations ecosystem. IR Connect has become a trusted hub connecting issuers and investors, driving greater transparency, accessibility, and engagement across Hong Kong’s capital market.

Key Features
Key Features

A streamlined digital experience that delivers clarity, credibility, and efficiency for IR professionals through data-driven design and purposeful simplicity.

Honest. Minimal. Built for IR professionals.

A clean, trustworthy design that focuses on what truly matters: clarity, usability, and essential insights for investor relations experts.

Design
Deep insights. Clear context.

Analyze security performance with benchmarks, events, and key fundamentals, all in one intuitive chart experience.

Insight
See who holds the market

Visualize top institutional buyers and sellers, ownership breakdowns, and regional distribution to understand investor movement.

Holdings
Compare. Evaluate. Outperform.

Benchmark each security against top competitors or add your own to explore market position and relative performance.

Comparison
Stay ahead of every event

From analyst ratings to upcoming earnings calls, get the critical updates that keep IR professionals one step ahead.

Events
The Hong Kong market, at a glance.

Explore index trends by theme and sector to gain a clear snapshot of Hong Kong’s evolving equity landscape.

Index
Design Process
Design Process

A structured and iterative approach that moved from clear requirement definition to refined visual exploration and production readiness, ensuring every design decision was grounded in real data, usability, and scalability for HKEX’s institutional audience.

01

Requirement Setup & Wireframing

Clarified data entitlements and user requirements from the start.
Early sketches were created for each user tier to align expectations and ensure a solid foundation before moving into design.

02

UI Exploration

Explored multiple design directions through iterative visual studies.
Since HKEX’s existing guides didn’t fully meet executive expectations, we established a new UI concept tailored to their needs and audience.

Discover
03

Production Ready

Defined complete UI specifications and data visualization standards.
As HKEX had limited experience with data-driven interfaces, we developed detailed specs and helped establish their design system foundation.

Production
04

Final Design

Delivered high-fidelity designs ready for development, reflecting a clean and data-forward interface optimized for institutional users.

Design
Ready for more?
or
Learn about Me