The Ask

What the client was expecting to accomplish

Client wanted to improve the user experience in the mall's Parking App. The app was a crucial part of their business as it generates revenue for the mall, but sometimes could create frictions with customers. Sometimes, paying for your ticket could be a very unpleasant experience, specially on rush hours where lines were longer. The ask was to digitalize the experience, so users could pay for the ticket on the go.

Project Overview

What defined success to my UX Work

Understanding the Live System

The whole experience was going to be integrated with a live app, which could represent a business risk. As a third party team of contractors, we needed to make sure we understood the system's behaviour and that we could integrate new features and functionality without disrupting the current experience.

Crafting the User Interface

One of my main responsibilities in this project, was to craft the UI. However, one of my greater challenges was ensuring that the App could be white labeled for other businesses in the JCPM group. As a designer, I had to account for both challenges: making this App unique for one brand and a template to the others.

Stakeholders Relationship

We had a group of 3 major stakeholders from the JCPM group, that we worked closely during this contract. 2 of them were heavily involved in the product conception and design phases and our relationship with them was key for success. I still maintain a great relationship with those stakeholders until this day.

Parking Experience

Crafting a New Parking Experience

The parking experience should be an easy process for all users, and shouldn't take more than 2 minutes to complete. Users should open the app to digitalize their physical parking card (using a QRCode) and be able to see the fares, duration of their stay and the final price to be paid. Users could also add their credit/debit cards to pay for the parking online.

Crafting a Prototype

Creating an Experience on Figma

To present the whole experience to the stakeholders and also test the timings, I crafted a Figma Prototype to present the user flows. First, users would add their physical card to the app and then we would simulate features like adding a card, paying for the parking, generating a receipt and filling a quick satisfaction research.

Adding New Features

Advertising promotions for the mall

During the design process, we understood that we could use some of the spacing to create an advertisement tool for customers in the parking app. To make this happen, I had to craft a BackOffice login for JCPM to upload those banners with link outs to the mall's website. After sketching a quick user flow based on the desirable experience, I started designing. Some screens below contain the the ad uploading process and the ad management tool.

What I've learned?

Project Retrospective

Working with the JCPM team was nothing but a pleasure. I had fun during this entire project, taking every opportunity to learn and incorporate feedback from the stakeholders. I had a great opportunity to improve my user interface, presentation and prototyping skills.

Icon Arrow top