APP
Mitre 10
TRADE
Creating a distinct digital experience for Mitre 10's Trade customers
ROLE
Creative Lead / UX/UI Designer
ORGANISATION
Mitre 10 - Metcash
CHANNELS
Web / Mobile / eDM / Social / CRM
THE CHALLENGE
Mitre 10 needed a dedicated Trade experience that could support the different needs of tradies while still feeling connected to the broader Mitre 10 brand.
The challenge was to establish a distinct Trade visual identity and design system that could work across the app, Trade Online and supporting customer touchpoints.
WHAT I LED
Developed the visual direction for the Trade experience, design UI and key user flows for the app, created a Trade-specific iconography system, designed login and account experiences, designed Cash Discount and Trade Account functionality, Extended the visual system across Trade Online, applied the design across eDM, social and POS, worked within the existing Mitre 10 brand while creating clear differentiation for Trade
OUTCOME
The project established a distinct visual and digital experience for Mitre 10 Trade, while maintaining a clear connection to the wider Mitre 10 brand. The resulting design system created consistency across the app, Trade Online and supporting marketing and retail touchpoints.
ESTABLISHING THE
TRADE IDENTITY
BUILDING A VISUAL LANGUAGE FOR TRADE
The challenge wasn't to create an entirely separate brand, but to make Trade feel recognisably Mitre 10 while clearly speaking to a professional customer.
I developed supporting visual elements, including a Trade-specific iconography system, to help distinguish key Trade features and services from the DIY experience.
DESIGNING THE
APP EXPERIENCE
DESIGNING AROUND DIFFERENT TRADE NEEDS
The app needed to support different types of Trade customers and the services available to them.
I designed key flows and interfaces across:
Login, Cash Discount, Trade Account, Quotes, Trade Assist
The login experience was also designed to introduce key customer benefits early in the journey, while account areas provided access to discounts, transactions, invoices and additional Trade functionality.
LOGIN SEQUENCE
The newly designed Trade App features a login sequence, promoting key customer benefits.
DESIGNING FOR
DIFFERENT CUSTOMER TYPES
DESIGNING AROUND DIFFERENT TRADE NEEDS
The experience needed to accommodate different levels of Trade customers.
CASH DISCOUNT
Access to discounts, transactions and invoices for standard Trade customers.
TRADE DISCOUNT
Additional functionality for larger Trade customers, including Quote Builder and Trade Assist.
CASH DISCOUNT
TRADE ACCOUNT
CREATING A CONNECTED
TRADE EXPERIENCE
EXTENDING THE EXPERIENCE BEYOND THE APP
The Trade visual language was extended beyond the app into Trade Online, eDM, social and POS.
I designed supporting touchpoints to ensure customers encountered a consistent Trade identity wherever they interacted with Mitre 10.
LANDING PAGE
LOGIN PAGE
DASHBOARD
POSTER (CASH DISCOUNT)
POSTER (TRADE ACCOUNT)
