David Gross Senior Manager, UX/UI
← All work

Macrovue

Breaking down barriers to international share trading

Designing the UX for an online investment application for DIY investors, and the UI for its website and mobile concept.

  • Branding
  • UX
  • UI
Breaking down barriers to international share trading
Role
UX/UI Designer - research through to visual design
Scope
User flows, wireframes, high-fidelity UI, website & mobile
Platform
Desktop, tablet and mobile
Result
Blueprint handed to developers across web and mobile

The challenge

Design the UX for an online investment application

Macrovue is the world's first global thematic investment platform for Australians, built for do-it-yourself investors looking for a new way to invest. My challenge was to simplify the user experience so that investing in global trends felt easy and intuitive.

The design process

  • User flows

    Facilitated workshops with the CEO and COO to map the user journey, then translated insights and data into clear user flows.

  • Wireframes

    Created wireframes to validate and prioritise user flows while clarifying technical requirements.

  • High-fidelity mockups

    Designed high-fidelity mockups and interactions that brought the experience to life while reflecting the brand identity.

Early ideation exploring concepts for the Macrovue investment platform.
Sketches translating ideation into early screen concepts.
Wireframes refining the sketched concepts into structured screens.
From ideation, to sketching, to wireframes

Research

Understanding the users and business goals

We kicked off the project with interviews to define application goals - gathering insights on users, their investment tools, and competitor solutions.

This led to the key question: how might we improve the online experience for DIY investors, enabling them to easily customise and diversify their share portfolios?

Information architecture mapping the structure of the Macrovue platform.

Wireframes

From sketches to wireframe mockups

I created wireframes for desktop and tablet screens. Through this process I was able to design user flows, navigation, and interactions. The wireframes were annotated for clarity and technical detail.

Wireframes for desktop and tablet, annotated with technical detail.

Prototype

Visual design

I created the visual designs for the website and mobile apps, ensuring consistency across platforms. These designs were then handed over to developers as the blueprint for implementation.

Visual design for the Macrovue website.
Further visual design for the Macrovue website and mobile app.
Additional visual design screens for the Macrovue website and mobile app.