Person
My Porsche App

My Porsche App

My Porsche App

UX/UI Technical Case Study

Problem Statement

Problem Statement

Problem Statement

Driving Trust in a High-Stakes Environment.

Prototype: Provide on interview due to content sensitivity.

Role: Freelance Senior Product Designer UX/UI

Platform: Mobile App (iOS & Android, integrated with Porsche Charging & Navigation ecosystem)

Duration: 8 months (January 2020 – August 2020, off and on)

Tools: Figma, Miro, Jira, Usertesting.com, Adobe XD


Porsche faced a critical challenge in redefining the electric vehicle ownership experience by making charging and navigation not only intuitive and transparent but also worthy of the brand’s luxury promise. EV drivers were overwhelmed by fragmented charging networks, confusing provider contracts, and inconsistent cost structures—pain points that risked undermining Porsche’s reputation for precision and performance. The task was to design a seamless digital ecosystem where finding charging stations, managing contracts, and understanding costs could be effortless, while every interaction upheld the elegance and innovation synonymous with Porsche. This wasn’t just about simplifying complex infrastructure; it was about translating Porsche’s design ethos into a confidence-inspiring EV journey that balanced utility with brand precision, ensuring drivers felt the same trust and exhilaration in digital touchpoints as they did behind the wheel.

My Porsche App

My Porsche App - Case Study

The My Porsche App was about translating Porsche’s DNA of precision and performance into a digital experience. In this case study, I take you through my thinking and design process—research, wireframes, design systems, and testing—that delivered a seamless driver-focused app, connecting vehicles, charging, and lifestyle services in one ecosystem.

My Porsche App

My Porsche App - Case Study

The My Porsche App was about translating Porsche’s DNA of precision and performance into a digital experience. In this case study, I take you through my thinking and design process—research, wireframes, design systems, and testing—that delivered a seamless driver-focused app, connecting vehicles, charging, and lifestyle services in one ecosystem.

My Porsche App

My Porsche App - Case Study

The My Porsche App was about translating Porsche’s DNA of precision and performance into a digital experience. In this case study, I take you through my thinking and design process—research, wireframes, design systems, and testing—that delivered a seamless driver-focused app, connecting vehicles, charging, and lifestyle services in one ecosystem.

01 Empathize

01 Empathize

01 Empathize

Empathize - Listening to Drivers Behind the Wheel


To design a digital companion worthy of Porsche, I immersed myself in the owner experience. I interviewed drivers, observed their daily routines, and gathered stories from dealerships about common frustrations with existing tools.


Themes quickly surfaced: EV owners worried about charging visibility on long trips, while traditional drivers craved better personalization and seamless remote control of their vehicles. Quotes like “I shouldn’t have to guess where my next charge is” and “The app should feel as refined as the car” shaped the foundation of every design decision.

Journey Map

Understanding Porsche Drivers

Through interviews with Porsche owners and EV enthusiasts, I uncovered unique ownership challenges—charging accessibility, trip planning, and performance expectations that informed a driver-first design perspective.

Journey Map

Understanding Porsche Drivers

Through interviews with Porsche owners and EV enthusiasts, I uncovered unique ownership challenges—charging accessibility, trip planning, and performance expectations that informed a driver-first design perspective.

Journey Map

Understanding Porsche Drivers

Through interviews with Porsche owners and EV enthusiasts, I uncovered unique ownership challenges—charging accessibility, trip planning, and performance expectations that informed a driver-first design perspective.

Empathy Towards Customers + Dealers

Porsche Dealership Interaction

By studying both Porsche customers and dealership teams, I gained insights into buying motivations, service expectations, and brand loyalty—key factors that shaped solutions balancing premium experiences with practical needs.

Empathy Towards Customers + Dealers

Porsche Dealership Interaction

By studying both Porsche customers and dealership teams, I gained insights into buying motivations, service expectations, and brand loyalty—key factors that shaped solutions balancing premium experiences with practical needs.

Empathy Towards Customers + Dealers

Porsche Dealership Interaction

By studying both Porsche customers and dealership teams, I gained insights into buying motivations, service expectations, and brand loyalty—key factors that shaped solutions balancing premium experiences with practical needs.

02 Research

02 Research

02 Research

Research - Benchmarking Luxury and EV Experiences


I studied how other luxury automakers approached their digital ecosystems, from Tesla’s charging-first app design to BMW and Audi’s focus on personalization. Beyond automotive, I also looked at fintech and travel apps that excel at clarity, trust, and real-time feedback.


Research revealed gaps unique to Porsche: fragmented visibility into charging networks, inconsistent experiences across vehicles, and limited personalization options. Synthesizing these findings, I identified opportunities to create a more unified, driver-focused experience—one that combined Porsche’s performance DNA with the evolving needs of EV adoption.

Mobile Phone Carrier Competitors

Outperforming the Competition with Seamless Rewards

The Tesla app integrates referral rewards directly into the user experience, allowing drivers to earn credits and redeem perks effortlessly. By gamifying engagement, Tesla keeps customers invested in the brand ecosystem while driving new sales.

Mobile Phone Carrier Competitors

Outperforming the Competition with Seamless Rewards

The Tesla app integrates referral rewards directly into the user experience, allowing drivers to earn credits and redeem perks effortlessly. By gamifying engagement, Tesla keeps customers invested in the brand ecosystem while driving new sales.

Mobile Phone Carrier Competitors

Outperforming the Competition with Seamless Rewards

The Tesla app integrates referral rewards directly into the user experience, allowing drivers to earn credits and redeem perks effortlessly. By gamifying engagement, Tesla keeps customers invested in the brand ecosystem while driving new sales.

Synchrony Visa Application

Testing the My Porsche App with Real Customers

Real-world testing brought the My Porsche App to life, letting drivers monitor charging, mileage, and remote features from their phone. By capturing authentic user feedback, the app was refined into a premium experience that reflects Porsche’s DNA of precision and performance.

Synchrony Visa Application

Testing the My Porsche App with Real Customers

Real-world testing brought the My Porsche App to life, letting drivers monitor charging, mileage, and remote features from their phone. By capturing authentic user feedback, the app was refined into a premium experience that reflects Porsche’s DNA of precision and performance.

Synchrony Visa Application

Testing the My Porsche App with Real Customers

Real-world testing brought the My Porsche App to life, letting drivers monitor charging, mileage, and remote features from their phone. By capturing authentic user feedback, the app was refined into a premium experience that reflects Porsche’s DNA of precision and performance.

03: Analysis & Planning

03: Analysis & Planning

03: Analysis & Planning

Analysis & Planning - Turning Insights into a Roadmap


After research, I clustered insights into themes using affinity mapping. Charging visibility, remote access, and personalization consistently ranked as the most urgent needs for Porsche owners. These became the backbone of our design priorities.


I built journey maps to visualize how owners discovered, connected, and relied on the app in daily driving. Workshops with stakeholders aligned business goals with user expectations, producing a phased roadmap: launch with charging and vehicle controls, then expand into deeper personalization and Porsche ecosystem services.

User-Research

Mapping the My Porsche App User Journey

I mapped the journey from awareness and onboarding through personalization and remote control. This framework revealed critical touchpoints where users expected seamless connectivity. It guided design decisions that reduced friction and reinforced Porsche’s premium brand.

User-Research

Mapping the My Porsche App User Journey

I mapped the journey from awareness and onboarding through personalization and remote control. This framework revealed critical touchpoints where users expected seamless connectivity. It guided design decisions that reduced friction and reinforced Porsche’s premium brand.

User-Research

Mapping the My Porsche App User Journey

I mapped the journey from awareness and onboarding through personalization and remote control. This framework revealed critical touchpoints where users expected seamless connectivity. It guided design decisions that reduced friction and reinforced Porsche’s premium brand.

Synchrony-App

Identifying Stakeholder Influence and Priorities

I mapped how teams, stakeholders, and users influenced product decisions. The analysis balanced customer needs with organizational goals and compliance. It ensured UX recommendations were both technically feasible and scalable long term.

Synchrony-App

Identifying Stakeholder Influence and Priorities

I mapped how teams, stakeholders, and users influenced product decisions. The analysis balanced customer needs with organizational goals and compliance. It ensured UX recommendations were both technically feasible and scalable long term.

Synchrony-App

Identifying Stakeholder Influence and Priorities

I mapped how teams, stakeholders, and users influenced product decisions. The analysis balanced customer needs with organizational goals and compliance. It ensured UX recommendations were both technically feasible and scalable long term.

04: Wireframing

04: Wireframing

04: Wireframing

Wireframing - Sketching the Road Ahead


I translated key owner needs into low-fidelity wireframes, sketching out dashboards, charging flows, and remote vehicle controls. Working in grayscale kept the focus on layout, hierarchy, and clarity rather than Porsche’s brand aesthetics.


These wireframes helped validate assumptions early. Owners and stakeholders could react to simplified flows—checking charging status, unlocking doors, or planning a trip—before design polish was added. This step reduced risk and gave everyone confidence in the direction before we moved into high-fidelity design.

VVC Architecture

Wireframing the My Porsche App Experience

I translated research insights into low-fidelity wireframes to visualize user flows. These early sketches clarified navigation, personalization, and remote control features. They allowed rapid iteration, aligning stakeholders before moving into high-fidelity design.

VVC Architecture

Wireframing the My Porsche App Experience

I translated research insights into low-fidelity wireframes to visualize user flows. These early sketches clarified navigation, personalization, and remote control features. They allowed rapid iteration, aligning stakeholders before moving into high-fidelity design.

VVC Architecture

Wireframing the My Porsche App Experience

I translated research insights into low-fidelity wireframes to visualize user flows. These early sketches clarified navigation, personalization, and remote control features. They allowed rapid iteration, aligning stakeholders before moving into high-fidelity design.

05: Design Systems

05: Design Systems

05: Design Systems

Design Systems - Translating Porsche DNA into Digital


Building on Porsche’s heritage of precision and performance, I created a design system that extended the brand’s DNA into every pixel of the app. Typography mirrored Porsche’s clean instrument clusters, while the color palette balanced performance red accents with understated neutrals.


Reusable components—charging modules, vehicle control cards, and notification patterns—ensured consistency across features. By codifying these patterns in Figma, the system accelerated collaboration with engineers and gave Porsche a scalable digital language that could evolve across future apps, in-vehicle interfaces, and Apple CarPlay.

Porsche Design System Typography

Typography in the Porsche Design System

Porsche typography reflects precision, clarity, and timeless design rooted in the brand’s DNA. We established a hierarchy that balanced bold headlines with clean, legible body text. Consistent use of type created a unified voice across app, web, and in-vehicle experiences.

Porsche Design System Typography

Typography in the Porsche Design System

Porsche typography reflects precision, clarity, and timeless design rooted in the brand’s DNA. We established a hierarchy that balanced bold headlines with clean, legible body text. Consistent use of type created a unified voice across app, web, and in-vehicle experiences.

Porsche Design System Typography

Typography in the Porsche Design System

Porsche typography reflects precision, clarity, and timeless design rooted in the brand’s DNA. We established a hierarchy that balanced bold headlines with clean, legible body text. Consistent use of type created a unified voice across app, web, and in-vehicle experiences.

Porsche Design System Color

Colors in the Porsche Design System

he color palette draws from Porsche’s heritage, led by black, white, red, and gold. Greys and metallics provided depth and flexibility across digital and physical touchpoints. Accents like Acid Green and Frozen Blue highlighted innovation in electric and performance models.

Porsche Design System Color

Colors in the Porsche Design System

he color palette draws from Porsche’s heritage, led by black, white, red, and gold. Greys and metallics provided depth and flexibility across digital and physical touchpoints. Accents like Acid Green and Frozen Blue highlighted innovation in electric and performance models.

Porsche Design System Color

Colors in the Porsche Design System

he color palette draws from Porsche’s heritage, led by black, white, red, and gold. Greys and metallics provided depth and flexibility across digital and physical touchpoints. Accents like Acid Green and Frozen Blue highlighted innovation in electric and performance models.

06: Design

06: Design

06: Design

Design - Brining Porsche Precision to Digital


With the system foundation in place, I elevated wireframes into high-fidelity designs that embodied Porsche’s craftsmanship. Dashboards emphasized speed and clarity, while charging screens highlighted range confidence with bold typography, intuitive iconography, and real-time feedback.


Every interaction reinforced Porsche’s premium DNA—smooth transitions mirrored the feeling of driving, while clean layouts minimized distraction. Whether unlocking doors remotely, checking charging status, or personalizing preferences, the app delivered an experience as refined and performance-driven as the vehicles themselves.

Verizon-Sales-Flow

High-Fidelity Wireframes for the My Porsche App

I transformed low-fi sketches into polished high-fidelity wireframes that matched Porsche’s brand. These screens showcased precise layouts, color, and typography for realistic stakeholder review. They bridged strategy and design, ensuring alignment before moving into interactive prototypes.

Verizon-Sales-Flow

High-Fidelity Wireframes for the My Porsche App

I transformed low-fi sketches into polished high-fidelity wireframes that matched Porsche’s brand. These screens showcased precise layouts, color, and typography for realistic stakeholder review. They bridged strategy and design, ensuring alignment before moving into interactive prototypes.

Verizon-Sales-Flow

High-Fidelity Wireframes for the My Porsche App

I transformed low-fi sketches into polished high-fidelity wireframes that matched Porsche’s brand. These screens showcased precise layouts, color, and typography for realistic stakeholder review. They bridged strategy and design, ensuring alignment before moving into interactive prototypes.

Verizon-Sales-Flow

High-Fidelity Wireframes for the My Porsche App

I transformed low-fi sketches into polished high-fidelity wireframes that matched Porsche’s brand. These screens showcased precise layouts, color, and typography for realistic stakeholder review. They bridged strategy and design, ensuring alignment before moving into interactive prototypes.

07: Prototyping

07: Prototyping

07: Prototyping

Prototyping - Driving the Experience Before Launch

I built interactive Figma prototypes that allowed stakeholders and Porsche owners to explore key flows—unlocking a vehicle, monitoring charging status, and customizing in-car settings—in real time.


Running simulations in a driving environment gave users the true effect of controlling the vehicle through the app. These prototypes revealed friction points early, from unclear charging visuals to hidden personalization features, enabling rapid iteration before costly development. Prototyping ensured the app felt powerful, intuitive, and distinctly Porsche before it ever went live.

VVC Landing

Prototyping the My Porsche App

Using Figma, I built a highly interactive prototype that brought the app experience to life. This allowed users and stakeholders to explore real flows, navigation, and feature interactions. It accelerated feedback, aligning design decisions before investing in development.

VVC Landing

Prototyping the My Porsche App

Using Figma, I built a highly interactive prototype that brought the app experience to life. This allowed users and stakeholders to explore real flows, navigation, and feature interactions. It accelerated feedback, aligning design decisions before investing in development.

VVC Landing

Prototyping the My Porsche App

Using Figma, I built a highly interactive prototype that brought the app experience to life. This allowed users and stakeholders to explore real flows, navigation, and feature interactions. It accelerated feedback, aligning design decisions before investing in development.

08: Testing

08: Testing

08: Testing

Testing - Validating With Porsche Owners

I conducted usability sessions with Porsche owners to validate flows and features in real-world contexts. Their feedback revealed pain points around navigation, charging visibility, and the clarity of personalization controls.


By running tests in both moderated sessions and simulated driving environments, I observed how users interacted under realistic conditions. Iterating on their insights refined the app into a seamless, driver-focused experience—one that reinforced confidence, reduced distraction, and elevated the connection between driver and vehicle.

User Interviews Mapping

Testing the My Porsche App with Real Drivers

I conducted usability sessions with Porsche owners to validate key flows and features. Testing revealed pain points with navigation, charging visibility, and remote interactions. Iterating on these insights refined the app into a seamless, driver-focused experience that upheld Porsche’s premium standards.

User Interviews Mapping

Testing the My Porsche App with Real Drivers

I conducted usability sessions with Porsche owners to validate key flows and features. Testing revealed pain points with navigation, charging visibility, and remote interactions. Iterating on these insights refined the app into a seamless, driver-focused experience that upheld Porsche’s premium standards.

User Interviews Mapping

Testing the My Porsche App with Real Drivers

I conducted usability sessions with Porsche owners to validate key flows and features. Testing revealed pain points with navigation, charging visibility, and remote interactions. Iterating on these insights refined the app into a seamless, driver-focused experience that upheld Porsche’s premium standards.

Verizon Visa Card Low-Fi Wireframes

Validating Design Through User Testing

I tested the interactive Figma prototype with Porsche drivers in a simulated environment. This setup gave users the real-time effect of controlling the vehicle directly from the app. Feedback uncovered improvements in navigation, charging visibility, and remote features.

Verizon Visa Card Low-Fi Wireframes

Validating Design Through User Testing

I tested the interactive Figma prototype with Porsche drivers in a simulated environment. This setup gave users the real-time effect of controlling the vehicle directly from the app. Feedback uncovered improvements in navigation, charging visibility, and remote features.

Verizon Visa Card Low-Fi Wireframes

Validating Design Through User Testing

I tested the interactive Figma prototype with Porsche drivers in a simulated environment. This setup gave users the real-time effect of controlling the vehicle directly from the app. Feedback uncovered improvements in navigation, charging visibility, and remote features.

09: Launch

09: Launch

09: Launch

Launch - Driving into the Hands of Owners

After months of design, prototyping, and testing, the experience was ready to make its debut. Working alongside developers and product managers, I helped transition the prototypes into production-ready designs, ensuring that every detail — from button states to map interactions — was faithfully implemented.


The launch was a milestone for Porsche, as the My Porsche ecosystem expanded to include payments, navigation, vehicle management, and CarPlay integration in one seamless experience. Customers could now register, manage accounts, locate charging stations, and interact with their vehicle with the same elegance they expect when driving one.

User Research 2

Launching the My Porsche App

The launch marked the transition from prototype to a fully realized digital product. By aligning design, engineering, and business goals, we delivered a seamless app experience. The release empowered drivers with real-time control, reinforcing Porsche’s premium brand promise.

User Research 2

Launching the My Porsche App

The launch marked the transition from prototype to a fully realized digital product. By aligning design, engineering, and business goals, we delivered a seamless app experience. The release empowered drivers with real-time control, reinforcing Porsche’s premium brand promise.

User Research 2

Launching the My Porsche App

The launch marked the transition from prototype to a fully realized digital product. By aligning design, engineering, and business goals, we delivered a seamless app experience. The release empowered drivers with real-time control, reinforcing Porsche’s premium brand promise.

10: Iterate

10: Iterate

10: Iterate

Iterate - Refining the Digital Porsche Experience

Post-launch, I monitored analytics and gathered continuous feedback from Porsche owners. Patterns revealed opportunities to enhance charging route planning, improve personalization options, and simplify remote vehicle controls.


Through iterative updates, I refined navigation flows, optimized performance for EV drivers, and introduced richer customization features. Iteration became an ongoing process of learning and adapting and ensuring the app not only met current needs but evolved with Porsche’s digital vision and the future of mobility.

My Porsche App

Iterating on the My Porsche App

Post-launch feedback and analytics revealed opportunities to further refine the experience. We prioritized updates to enhance navigation, charging insights, and remote control features. Continuous iteration kept the app evolving, ensuring it stayed aligned with Porsche’s premium standards.

My Porsche App

Iterating on the My Porsche App

Post-launch feedback and analytics revealed opportunities to further refine the experience. We prioritized updates to enhance navigation, charging insights, and remote control features. Continuous iteration kept the app evolving, ensuring it stayed aligned with Porsche’s premium standards.

My Porsche App

Iterating on the My Porsche App

Post-launch feedback and analytics revealed opportunities to further refine the experience. We prioritized updates to enhance navigation, charging insights, and remote control features. Continuous iteration kept the app evolving, ensuring it stayed aligned with Porsche’s premium standards.

More Works

More Works

More Works