Volkswagen Dealer & Corporate Portal Revamp – Liferay DXP

Volkswagen

Volkswagen came to DMI with a request to redesign their current portal and upgrade its interface from Liferay DXP version 6 to version 7. The estimated time for this task was decided to be 2 weeks.


After meeting the stakeholders and interviewing the users, we were able to identify the pain points.

Based on this analysis we proposed a full scale make-over of the entire system and the design scope of the project was changed from 2 weeks to 12 weeks.

Screenshot 2019-08-13 at 8.21.16 PM

IT’S CHEAPER TO THROW AWAY A POST-IT

“Changing requirements are 100x more expensive during the end of a software project than the beginning.” – IEEE Report, 2014.


 OUR APPROACH

Screenshot 2019-08-13 at 8.28.33 PM

Assimilation, evaluation and analyzation of user problems to provide conducive solutions.

How it works?

  • Evaluate what users value through quantitative and qualitative analysis.
  • Assess user pain points.
  • Provide design interventions that tackle the user problems head-on.

PROCESS

Screenshot 2019-08-13 at 8.37.33 PM

Screenshot 2019-08-13 at 8.38.59 PM.png

UNDERSTAND

IDENTIFY THE PROBLEM

To carefully asses the problems, we took various steps, which included:

  • White-boarding with the stakeholders.
  • Understanding the Existing system flow.
  • Interviews with the stakeholders.
  • Understanding the customer journey.
  • Creating user personas.
  • Assimilating user pain points.

WORKSHOP TO UNDERSTAND FLOW

Screenshot 2019-08-13 at 8.42.56 PM

White boarding sessions with the stakeholders to understand the workings of the current system.


EXISTING FLOW SYSTEM DIAGRAM

Screenshot 2019-08-13 at 8.47.35 PM


USER PERSONAS

Screenshot 2019-08-13 at 8.49.42 PM

Screenshot 2019-08-13 at 8.49.58 PM


STAGE DELIVERABLES

After the assessment and analyzation of the user needs and a concrete understanding of the existing system, we were able to identify the pain points which the users encounter while interacting with the current system.

To broaden our understanding, we created a Customer Journey map and an Empathy map.

EMPATHY MAPPING

Screenshot 2019-08-13 at 10.54.53 PM


CUSTOMER JOURNEY MAP

Screenshot 2019-08-13 at 10.56.13 PM


CONCEPT

FIND THE RIGHT SOLUTION

We could identify the pain points and the needs of the user after the Understanding stage. Then we proposed that we need a solution that would:

  • Create a unified Dashboard.
  • Cater to the Dealers needs and wants.
  • Provide a way in which the Corporation could monitor and regulate the Dealers.
  • Dealers and Corporation require Analytics to better understand the data.

IDEATION WORKSHOP WITH STAKEHOLDERS

Screenshot 2019-08-13 at 10.57.49 PM


CORPORATE APP MAP

Screenshot 2019-08-13 at 10.59.15 PM


DEALER APP MAP

Screenshot 2019-08-13 at 11.00.41 PM


STAGE DELIVERABLES

After ideating with the stakeholders and finalising the app maps.

Wireframes were created to embody the design ideas in an interface.

WIREFRAMES

Screenshot 2019-08-13 at 11.02.26 PM

PROTOTYPE LINK: https://projects.invisionapp.com/share/H4SB9MMGMEK#/screens


DEFINE

FIND THE RIGHT SOLUTION

After analysis of all the pain points assimilated after the stakeholder interviews. Firstly we proposed ideas that would help in improving the synchronisation between the Corporation and the Dealers.

Secondly, we proposed the creation of a DASHBOARD for different logistic functions namely Factory Suggested Order and Market Based Order (i.e. MBO and FSO) which would further enhance the ease and efficiency of the interface as well as enhance the user experience.

Lastly, we added a count-down and a well defined to do list which would help keep the Dealers as well as the Corporation notified of the various logistical processes.

RULES

Screenshot 2019-08-13 at 11.05.00 PM

STAGE DELIVERABLES

The initial wireframes were further worked on and improved as per the user needs and wants so as to deliver a perfect product.

The stage deliverable for this stage was the Visual Design (VD).

VISUAL MOCKUP

Screenshot 2019-08-13 at 11.07.48 PM

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

Create a website or blog at WordPress.com

Up ↑

%d bloggers like this: