View more projects
Mazda Dealer Portal
Mazda is a Japanese automaker, formally known as Mazda Motor Corporation, that was founded in 1920.
Industry
Automotive & Logistics
My role
Timeline:
UI Designer
6 Months (2024 - present)
Objective:
Problem Statement:
Create an online portal on HubSpot CMS where dealers can have a centralized, secure way to access resources, surveys, and bulletins.
Dealers lack a centralized, secure portal for resources, surveys, and communications, while corporate staff face scattered tools and no unified intranet.
Project Goal:
User Research: Journey Map
Deliver a centralized, access-controlled Mazda portal that improves dealer efficiency, customer feedback visibility, and corporate communication through a seamless HubSpot-integrated experience.
Brainstorming and wireframing
The Wireframes were provided by the Brand strategist of the MO Agency team.
View more projects
Research method: Competitor Analysis
Competitor analysis reveals that while leading automotive brands like Toyota and BMW use dealer portals to centralise assets, bulletins, and marketing materials, and corporate intranets typically run on tools like SharePoint, Workplace, or HubSpot CMS templates, these solutions often lack localised dashboards and employee engagement features. Survey dashboards, usually powered by third-party platforms such as Qualitrics or Medallia, are also costly and generic.
This creates a strong opportunity for Mazda to stand out with a HubSpot-native portal that unifies data models, standardises content libraries, and delivers personalised dealer dashboards, while also offering a community-focused intranet with human-centric features, all in a cost-efficient, fully integrated system.
The Mazda intranet and dealer portal were designed to be both functional and engaging, highlighting key content like promotions and launches. Early Balsamiq wireframes helped balance user-focused features with practical constraints, testing layouts and content hierarchy for optimal engagement.
High-fidelity designs
The design process for the Mazda portal has been highly iterative, shaped by multiple rounds of client feedback. Early changes focused on simplifying bulletin listings, applying standardized naming conventions, adapting article pages for press releases, and updating navigation labels. Subsequent iterations introduced clearer category structures, subcategories, and search enhancements, while survey dashboards were refined to include coloured dials, aligned naming conventions, and updated global brand-compliant colour palettes.
Later feedback led to splitting survey views for Sales and Service, adding comparative graphs between dealer and national scores, and adjusting visualisation styles - line graphs for dealers with contrasting colours and bar graphs for HQ. Each stage of iteration ensured closer alignment with Mazda’s requirements, balancing usability, consistency, and brand integrity across the portal experience.
Thanks for stopping by, Let’s connect
View more projects
Mazda Dealer Portal
Mazda is a Japanese automaker, formally known as Mazda Motor Corporation, that was founded in 1920.
Industry
Automotive & Logistics
My role
Timeline:
UI Designer
6 Months (2024 - present)
Industry
Automotive & Logistics
My role
Timeline:
UI Designer
6 Months (2024 - present)
Objective:
Problem Statement:
Project Goal:
Research method: Competitor Analysis
High-fidelity designs
Brainstorming and wireframing
User Research: Journey Map
Specific Objectives:
Create an online portal on HubSpot CMS where dealers can have a centralized, secure way to access resources, surveys, and bulletins.
Dealers lack a centralized, secure portal for resources, surveys, and communications, while corporate staff face scattered tools and no unified intranet.
Deliver a centralized, access-controlled Mazda portal that improves dealer efficiency, customer feedback visibility, and corporate communication through a seamless HubSpot-integrated experience.
Competitor analysis reveals that while leading automotive brands like Toyota and BMW use dealer portals to centralise assets, bulletins, and marketing materials, and corporate intranets typically run on tools like SharePoint, Workplace, or HubSpot CMS templates, these solutions often lack localised dashboards and employee engagement features. Survey dashboards, usually powered by third-party platforms such as Qualitrics or Medallia, are also costly and generic.
This creates a strong opportunity for Mazda to stand out with a HubSpot-native portal that unifies data models, standardises content libraries, and delivers personalised dealer dashboards, while also offering a community-focused intranet with human-centric features - all in a cost-efficient, fully integrated system.
The design process for the Mazda portal has been highly iterative, shaped by multiple rounds of client feedback. Early changes focused on simplifying bulletin listings, applying standardized naming conventions, adapting article pages for press releases, and updating navigation labels. Subsequent iterations introduced clearer category structures, subcategories, and search enhancements, while survey dashboards were refined to include coloured dials, aligned naming conventions, and updated global brand-compliant colour palettes.
Later feedback led to splitting survey views for Sales and Service, adding comparative graphs between dealer and national scores, and adjusting visualisation styles - line graphs for dealers with contrasting colours and bar graphs for HQ. Each stage of iteration ensured closer alignment with Mazda’s requirements, balancing usability, consistency, and brand integrity across the portal experience.
The Mazda intranet and dealer portal were designed to be both functional and engaging, highlighting key content like promotions and launches. Early Balsamiq wireframes helped balance user-focused features with practical constraints, testing layouts and content hierarchy for optimal engagement.
The Wireframes were provided by the Brand strategist of the MO Agency team.
View more projects
View more projects
Mazda Dealer Portal
Mazda is a Japanese automaker, formally known as Mazda Motor Corporation, that was founded in 1920.
Industry
Automotive & Logistics
My role
Timeline:
UI Designer
6 Months (2024 - present)
Objective:
Problem Statement:
Project Goal:
Research method: Competitor Analysis
High-fidelity designs
Brainstorming and wireframing
User Research: Journey Map
Specific Objectives:
Create an online portal on HubSpot CMS where dealers can have a centralized, secure way to access resources, surveys, and bulletins.
Dealers lack a centralized, secure portal for resources, surveys, and communications, while corporate staff face scattered tools and no unified intranet.
Deliver a centralized, access-controlled Mazda portal that improves dealer efficiency, customer feedback visibility, and corporate communication through a seamless HubSpot-integrated experience.
Competitor analysis reveals that while leading automotive brands like Toyota and BMW use dealer portals to centralise assets, bulletins, and marketing materials, and corporate intranets typically run on tools like SharePoint, Workplace, or HubSpot CMS templates, these solutions often lack localised dashboards and employee engagement features. Survey dashboards, usually powered by third-party platforms such as Qualitrics or Medallia, are also costly and generic.
This creates a strong opportunity for Mazda to stand out with a HubSpot-native portal that unifies data models, standardises content libraries, and delivers personalised dealer dashboards, while also offering a community-focused intranet with human-centric features, all in a cost-efficient, fully integrated system.
The design process for the Mazda portal has been highly iterative, shaped by multiple rounds of client feedback. Early changes focused on simplifying bulletin listings, applying standardized naming conventions, adapting article pages for press releases, and updating navigation labels. Subsequent iterations introduced clearer category structures, subcategories, and search enhancements, while survey dashboards were refined to include coloured dials, aligned naming conventions, and updated global brand-compliant colour palettes.
Later feedback led to splitting survey views for Sales and Service, adding comparative graphs between dealer and national scores, and adjusting visualisation styles - line graphs for dealers with contrasting colours and bar graphs for HQ. Each stage of iteration ensured closer alignment with Mazda’s requirements, balancing usability, consistency, and brand integrity across the portal experience.
The Mazda intranet and dealer portal were designed to be both functional and engaging, highlighting key content like promotions and launches. Early Balsamiq wireframes helped balance user-focused features with practical constraints, testing layouts and content hierarchy for optimal engagement.
The Wireframes were provided by the Brand strategist of the MO Agency team.