Product Design
Markets Research Experience for Australian Bank
International
Fintech
August 2023 - December 2023
Goals
Improve the market research experience for Australian retail investors.
Make it clear, easy to use, and responsive. We are also building flexible modules that work across different CommSec channels and platforms.
Existing designs will be analyzed and modified, using relevant data, to ensure they are ready for development.
Key Features
From global indices to Australia-specific insights, each feature was designed to visualize, compare, and connect market data, bridging global trends with local perspectives through a unified research experience.
World indices
Track Global Markets At A Glance
Visualizing the performance of major global markets helps users compare trends and assess economic conditions across regions. It also serves as a gateway to deeper index insights.
sector performance
Find the Leaders Behind Every Sector
A dynamic heatmap and a top-movers view show how different sectors are performing. This helps users spot new trends and investment opportunities without feeling overloaded with information.
market event calendar
Stay Ahead of Every Market Moment
A unified calendar highlights key events, including earnings, IPOs, and macroeconomic data, allowing users to scan, filter, and plan for current and upcoming market movements.
CURRENCIES & COMMODITIES & BONDS
Read the Global Pulse in One Glance
Gain real-time insights into currencies, commodities, and bonds, comparing Australian and global markets to help users interpret economic signals and identify shifts across regions.
completely felxible
Designed to Adapt, Built to Perform
UI is designed and built to work well on any device, regardless of screen size or color theme. By following MUI’s component system, we ensured it remains consistent and performs well across all views of financial data.
Design Process
We use a step-by-step design process that starts with research and definition, moves through exploration, and ends with delivery. This approach helps us turn insights into practical solutions.
01
Discover
Here is text about the thing and the other things and the other things here.
02
Define
Here is text about the thing and the other things and the other things here.
03
Explore
Here is text about the thing and the other things and the other things here.
04
Deliver
Here is text about the thing and the other things and the other things here.
Challenges
Every challenge was an opportunity to scale — here's how I approached it.
Unclear Scope & Platform Direction
The CommSec and CBA ecosystem included multiple websites and native apps, but the project scope was undefined. The goal was to design flexible modules that could live across all platforms seamlessly.
Solved Via
DefinE Through a Creative Brief
Created a detailed creative brief to clarify project goals and structure, enabling the design of adaptable, modular components that fit any platform context.
No Established UI System
CommSec’s new UI system was still under development, with no clear visual or structural standards to follow at the start of the project.
Solved Via
Alignment Through MUI system
Collaborated closely with CommSec’s design team, studied their MUI-based foundation, and customized our system for full alignment with their upcoming UI design standards.
First project back from leave
I was just back from paternity leave and was working alongisde with a first time leader.
Solved Via
Serving as close support and maintainingworking rapport
Consulted with my manager for his advice and maintained a doggedly positive attitude towards maintaining a working relationship. Brushed up on Figma skills that grew rusty during my leave.
Outcomes
This project strengthened our partnership with CBA CommSec, Australia’s largest online broking organization and a leader in the financial industry. By working closely with their product and design teams, we supported CommSec’s expansion beyond Australia and helped deliver accurate, real-time global market data for securities, commodities, and foreign exchange.
The development of the Markets and Research Apps for CommSec initiated our company-wide initiative to create and expand our internal Markets app library. As a result, financial institutions worldwide now utilize Markets Apps from Communify, inspired by this project.
Jeremy Hamann
Markets Research Experience for Australian Bank
Product Design
International
Fintech
August - December 2023
Goals
Improve the market research experience for Australian retail investors.
Make it clear, easy to use, and responsive. We are also building flexible modules that work across different CommSec channels and platforms.
Existing designs will be analyzed and modified, using relevant data, to ensure they are ready for development.
Key Features
From global indices to Australia-specific insights, each feature was designed to visualize, compare, and connect market data, bridging global trends with local perspectives through a unified research experience.
World indices
Track Global Markets At A Glance
Visualizing the performance of major global markets helps users compare trends and assess economic conditions across regions. It also serves as a gateway to deeper index insights.
sector performance
Find the Leaders Behind Every Sector
A dynamic heatmap and a top-movers view show how different sectors are performing. This helps users spot new trends and investment opportunities without feeling overloaded with information.
market event calendar
Stay Ahead of Every Market Moment
A unified calendar highlights key events, including earnings, IPOs, and macroeconomic data, allowing users to scan, filter, and plan for current and upcoming market movements.
CURRENCIES & COMMODITIES & BONDS
Read the Global Pulse in One Glance
Gain real-time insights into currencies, commodities, and bonds, comparing Australian and global markets to help users interpret economic signals and identify shifts across regions.
completely felxible
Designed to Adapt, Built to Perform
UI is designed and built to work well on any device, regardless of screen size or color theme. By following MUI’s component system, we ensured it remains consistent and performs well across all views of financial data.
Design Process
We use a step-by-step design process that starts with research and definition, moves through exploration, and ends with delivery. This approach helps us turn insights into practical solutions.
01
Discover
Analyzed the existing platform and built proof-of-concept designs, while researching competitor experiences to uncover opportunities for improvement.
02
Define
Collaborated closely with the client through a creative brief exercise to define project goals, challenges, dependencies, and scope with clarity and alignment.
03
Explore
Developed wireframes and multiple UI directions aligned with defined goals, refining the concept through data-driven iterations and progressive detailing.
04
Deliver
Executed full design exploration and interactive prototypes, delivering final layouts, documentation, and implementation-ready assets for handoff.
Challenges
Every challenge was an opportunity to scale — here's how I approached it.
Unclear Scope & Platform Direction
The CommSec and CBA ecosystem included multiple websites and native apps, but the project scope was undefined. The goal was to design flexible modules that could live across all platforms seamlessly.
Solved Via
DefinE Through a Creative Brief
Created a detailed creative brief to clarify project goals and structure, enabling the design of adaptable, modular components that fit any platform context.
No Established UI System
CommSec’s new UI system was still under development, with no clear visual or structural standards to follow at the start of the project.
Solved Via
Alignment Through MUI system
Collaborated closely with CommSec’s design team, studied their MUI-based foundation, and customized our system for full alignment with their upcoming UI design standards.
First project back from leave
I was just back from paternity leave and was working alongisde with a first time leader.
Solved Via
Serving as close support and maintainingworking rapport
Consulted with my manager for his advice and maintained a doggedly positive attitude towards maintaining a working relationship. Brushed up on Figma skills that grew rusty during my leave.
Outcomes
This project strengthened our partnership with CBA CommSec, Australia’s largest online broking organization and a leader in the financial industry. By working closely with their product and design teams, we supported CommSec’s expansion beyond Australia and helped deliver accurate, real-time global market data for securities, commodities, and foreign exchange.
The development of the Markets and Research Apps for CommSec initiated our company-wide initiative to create and expand our internal Markets app library. As a result, financial institutions worldwide now utilize Markets Apps from Communify, inspired by this project.
Jeremy Hamann
Markets Research Experience for Australian Bank
Product Design
International
Fintech
August - December 2023
Goals
Improve the market research experience for Australian retail investors.
Make it clear, easy to use, and responsive. We are also building flexible modules that work across different CommSec channels and platforms.
Existing designs will be analyzed and modified, using relevant data, to ensure they are ready for development.
Key Features
From global indices to Australia-specific insights, each feature was designed to visualize, compare, and connect market data, bridging global trends with local perspectives through a unified research experience.
World indices
Track Global Markets At A Glance
Visualizing the performance of major global markets helps users compare trends and assess economic conditions across regions. It also serves as a gateway to deeper index insights.
sector performance
Find the Leaders Behind Every Sector
A dynamic heatmap and a top-movers view show how different sectors are performing. This helps users spot new trends and investment opportunities without feeling overloaded with information.
market event calendar
Stay Ahead of Every Market Moment
A unified calendar highlights key events, including earnings, IPOs, and macroeconomic data, allowing users to scan, filter, and plan for current and upcoming market movements.
CURRENCIES & COMMODITIES & BONDS
Read the Global Pulse in One Glance
Gain real-time insights into currencies, commodities, and bonds, comparing Australian and global markets to help users interpret economic signals and identify shifts across regions.
completely flexible
Designed to Adapt, Built to Perform
UI is designed and built to work well on any device, regardless of screen size or color theme. By following MUI’s component system, we ensured it remains consistent and performs well across all views of financial data.
Design Process
We use a step-by-step design process that starts with research and definition, moves through exploration, and ends with delivery. This approach helps us turn insights into practical solutions.
01
Discover
Analyzed the existing platform and built proof-of-concept designs, while researching competitor experiences to uncover opportunities for improvement.
02
Define
Collaborated closely with the client through a creative brief exercise to define project goals, challenges, dependencies, and scope with clarity and alignment.
03
Explore
Developed wireframes and multiple UI directions aligned with defined goals, refining the concept through data-driven iterations and progressive detailing.
04
Deliver
Executed full design exploration and interactive prototypes, delivering final layouts, documentation, and implementation-ready assets for handoff.
Challenges
Every challenge was an opportunity to scale — here's how I approached it.
Unclear Scope & Platform Direction
The CommSec and CBA ecosystem included multiple websites and native apps, but the project scope was undefined. The goal was to design flexible modules that could live across all platforms seamlessly.
Solved Via
DefinE Through a Creative Brief
Created a detailed creative brief to clarify project goals and structure, enabling the design of adaptable, modular components that fit any platform context.
No Established UI System
CommSec’s new UI system was still under development, with no clear visual or structural standards to follow at the start of the project.
Solved Via
Alignment Through MUI system
Collaborated closely with CommSec’s design team, studied their MUI-based foundation, and customized our system for full alignment with their upcoming UI design standards.
First project back from leave
I was just back from paternity leave and was working alongside with a first time leader. I needed to refresh my design skills. My co-designer struggled to manage our project.
Solved Via
Serving as close support and maintainingworking rapport
Consulted with my manager for his advice and maintained a doggedly positive attitude towards maintaining a working relationship. Brushed up on Figma skills that grew rusty during my leave.
Outcomes
This project strengthened our partnership with CBA CommSec, Australia’s largest online broking organization and a leader in the financial industry. By working closely with their product and design teams, we supported CommSec’s expansion beyond Australia and helped deliver accurate, real-time global market data for securities, commodities, and foreign exchange.
The development of the Markets and Research Apps for CommSec initiated our company-wide initiative to create and expand our internal Markets app library. As a result, financial institutions worldwide now utilize Markets Apps from Communify, inspired by this project.
