User Experience Design and Research

Porsche Parking Plus App

Porsche Parking Plus Apps

The Porsche Parking Plus app is a custom parking app for Porsche. I led the design and client communications around design choices, UX, and developer delivery for this project.

PorscheAppLanding_RepeatUser.png

The Problem

Porsche was seeking to build a custom parking app for iOS and Android, and wanted to use the Arrive Network and the proven framework of the ParkWhiz app to so. Porsche had some custom features in mind that they were looking to add, such as vehicle registration and filters specific to Porsche models. The entire project entailed building out white-labeled iOS and Android apps.

Who Was Involved

Porsche: I worked directly with the Manager, Porsche Drive Roll-out and Operations as our key Porche stakeholder, based in Germany. I managed the delivery of all wireframes and annotations, UI design deliverables, and design communications.

Arrive UX and UI Designers: The delivery timeline for functionality approval was extremely tight, another UXer on our team intermittently helped finalize wireframes, annotations, and communications with developers. Additionally, our UI designer set the standard for visual design within the apps. She left our company halfway through the project so I picked up on all remaining designs and completed the final execution of the apps using Porsche’s Design System.

Developers: Arrive contracted a development shop to use Arrive APIs and execute the build. Designs were delivered to developers via Zeplin and were walked through all functionality in Design Reviews.

Product Management: Our Mobile Product Manager assisted in communicating API functionality and specifications for our mobile SDK to the Porsche and third-party development teams.

The Process

We had a kickoff meeting with Porsche, Arrive’s CTO, CEO, and Mobile Project Manager to understand the needs, additional desired features, and expectations for the Porsche app.

porscheWireframeDeliverable.png

Step 1: First, I set off to wireframe and annotate all functionality of the entire app for Porsche Approval. I also included functionality updates within the ParkWhiz UX Backlog that are not yet in the ParkWhiz app, to ensure we were providing the best experience possible to Porsche drivers. We worked through feedback and had several iterations of functionality updates before starting UI work.

Step 2: After Porsche approved the wireframe deliverable, we broke the app into 4 segments to start delivering the final UI to Porsche. These segments included:

  • Home screen, onboarding, sign in/sign up, navigation, and search

  • Facility details, and account pages

  • Checkout and parking passes

  • And a final handoff for all error states and misc items that needed updating as we worked through the project

Step 3: I delivered each of these app segments to our third-party development team in design reviews and worked closely with developers through the build and delivery process.

The Outcome

Porsche_FInal Deliverable.png

Our key stakeholder from Porsche was extremely happy with the design outputs and the speed at which designs were executed, and has sense been promoted within Porsche. Porsche Management gave feedback that we set the design standard for all Porsche apps moving forward. We were told they had a hard time believing that the design specification was completed by an external team, outside of Porsche.

Porsche is now including marketing materials for the Porsche Parking Plus app in new-owner communications. I look forward to seeing app usage pick up!