meppi color logomeppi white logo

Mission critical websites that literally, keep the lights on...

Mission critical websites that literally, keep the lights on...

Scroll for More

Dotfusion lead the redesign and replatforming of two North American Mitsubishi Websites, Mitsuibishi Electric Canada and Mitsubishi Power Products, USA

Platforms/Stack

React Js

Node Js

Agility CMS

Salesforce

Disciplines

Requirements gathering
System architecture
UX/UI design research
Front/Back end development
Digital strategy
Quality assurance

Deliverables

Technical requirements documentation
Wireframes
Clickable prototype
Styled component libraries
Advanced PDF to HTML export
Salesforce integration
Custom PIM integration
Jamstack development
Content migration

While Mitsubishi keeps your public transportation cool in the summer and power grids operational all year round, Dotfusion powers their digital experience

Mitsubishi is a product manufacturer who's devices provide essential human infrastructure uptime. Dotfusion collaborated with Mitsubishi leadership in Canada and the United States to ensure a contemporary design matched a world-class implementation on AgilityCMS. The successfull launch of both Websites included complex integrations with Salesforce.com, a one-of-its-kind Giant Display configurator/BtoB lead generator and a comprehensive presentation of Mitsubishi's national product lines in both Canada and the US.

Wireframes

Meppi Wire 1
Meppi Wire 2
Meppi Wire 3
Meppi Wire 4
Meppi Wire 5
Meppi Wire 6

UI / UX

meppi full page
Meppi overlay image 1
Meppi overlay image 2
Meppi overlay image 3
Meppi overlay image 4
Meppi overlay image 5
Meppi overlay image 6

Technology

For a site that needed landing pages and integrations with Salesforce, we chose to use Agility CMS in headless mode with a universal ReactJS application powered by ExpressJS. This architecture enabled us to create various experiences outside the template / design constraints of the main site while maintaining a clear content structure.

Strategy

Mitsubishi choose Dotfusion for our experience in leading large digital implementations and massive content migrations. Our capabilities as Salesforce.com and AgilityCMS partners ensured on time, on budget delivery and endless posibility for future optimizations ultimately resulting in increased sales for the organization

Design

We redesigned the navigation with a focus on improving user flow to find products quicker and more efficiently. We solved this by dividing the navigation into 3 levels that allow the user to first select the market that supports their search, then industry, then products related to that industry. By doing so we reduced the number of click and filtering blocks previous users encountered in half, allowing for a clearer path to relevent content and product details.

Meppi mobile screen 1
Meppi mobile screen 2
Meppi mobile screen 3
meppi color logo

I can’t wait to tell everyone how amazing you all are

Tim Kovach

Tim Kovach Marketing Communications Manager at Mitsubishi Electric Power Products, Inc.

bg gradient

Tell Us What's
On Your Mind