I transformed Cathay's green and orange brand colors into a gradient to enhance visual depth and dynamics. In addition, I ensured colors are purposefully used (e.g., green for main actions, orange for ads and promotions, etc.).

I organized and set up all the text styles in Figma, including various font weights and line heights, to streamline workflow and keep the font use consistent across pages.

For desktop, I allocated space for a sidebar, considering the widest item it would contain; then, I customized the layout with columns, gutters, margins, and breakpoints for each screen size.

To avoid reinventing the wheel and eliminate inconsistency, I developed and documented component sets for buttons, tooltips, date pickers, and all other components.

Boosted brand with unique, custom-designed icons and illustrations.

To maintained consistent financial figures presentation across pages, I defined rules for displaying increases, decreases, and unchanged values.