Volkswagen Dealer & Corporate Portal Revamp – Liferay DXP

One of the key challenges faced by the business was effectively managing the volume of cars within the allocation pool and ensuring their prompt reallocation. The existing system faced difficulties in efficiently handling the returned car allocations, leading to delays and inefficiencies in the subsequent allocation cycles. To address this challenge, Volkswagen decided to upgrade its current portal from Life Ray 6 to 7.

Volkswagen partnered DMI with to redesign their current portal and upgrade its interface from Liferay DXP version 6 to version 7


After engaging with stakeholders and conducting user interviews, a deep understanding of the pain points experienced by the users was gained, revealing aspects that the business had not previously considered.By actively involving stakeholders and gathering insights from the users themselves, valuable perspectives were obtained regarding the existing challenges and limitations of the system.

Based on this analysis I proposed a full scale make-over of the entire entire product. The client recognised the magnitude of the required changes, and the design scope was expanded from the initial 2-week timeframe to a more realistic 12-week timeline.

Screenshot 2019-08-13 at 8.21.16 PM

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


PROCESS

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

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


EXISTING FLOW SYSTEM DIAGRAM


USER PERSONA


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 MAP

Screenshot 2019-08-13 at 10.54.53 PM

CUSTOMER JOURNEY MAP

Expectations & Analysis
Clarity of Information, Timely updates the logistic process, Transparency in the process

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

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.


CORPORATE APP MAP

Screenshot 2019-08-13 at 10.59.15 PM

DEALER APP MAP

Screenshot 2019-08-13 at 11.00.41 PM

DELIVERABLES

WIREFRAMES

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

001.Corporate_Dashboard
005e.MBO Allocation History Copy
Screenshot 2019-08-13 at 11.02.26 PM

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


DESIGN SYSTEM

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