GMotion

App

GMotion app is an automotive manufacturer that specializes in producing premium electric cars. The app provides a customization feature for each car, remote start, climate control, vehicle tracking, and locate and reserve charging stations in advance.

Client

GMotion

Services

UX Design

Industries

Automotive

Date

May 2024

Mobile Gmotion Homepage
Mobile Gmotion Homepage
Mobile Gmotion Homepage
Mobiles Floating Gmotion Homepage and Cars Page
Mobiles Floating Gmotion Homepage and Cars Page
Mobiles Floating Gmotion Homepage and Cars Page
Green Car Detail Macro Wheel
Green Car Detail Macro Wheel

Problem

Users require an efficient app to buy, customize and manage their electric cars, providing real-time updates and accessible charging stations to fit their demanding schedules.

GMotion App Screen Mobile
GMotion App Screen Mobile

Solution

Users require an efficient app to buy, customize and manage their electric cars, providing real-time updates and accessible charging stations to fit their demanding schedules.

Design Process

• Conducted a usability study through moderated interviews to gather insights. • Created personas based on user behaviors and needs, representing different target segments. • Mapped the user journey to improve interactions with customization, payment, and vehicle tracking. • Developed low-fi wireframes and prototypes, refining them based on usability testing. • Designed high-fidelity prototypes, incorporating feedback and iterating continuously​

Results

• Applyed real-time pricing updates during customization, enhancing the task success rate and reducing user confusion. • Added charging station details to simplify decision-making, reducing time-on-task for finding stations. • Developed a step-by-step checkout process, lowering the user error rate and improving the System Usability Scale (SUS) score. • Implemented real-time vehicle tracking and remote controls for key functions. • Integrated timely notifications and updates, keeping users informed and engaged with their vehicle status.

Two persons In Front of a Board
Two persons In Front of a Board
Two persons In Front of a Board

Transforming User Research into actionable insights by emphatizing with our target audience.

Transforming User Research into actionable insights by emphatizing with our target audience.

Transforming User Research into actionable insights by emphatizing with our target audience.

UX Research

Users require an efficient app to buy, customize and manage their electric cars, providing real-time updates and accessible charging stations to fit their demanding schedules.

GMotion Logo Green Car Background

User Pain Points 1. Customization Process: Users struggled with understanding the car customization options and associated pricing. 2. Unclear Princing: Users struggled with how prices changed with different customizations. 3. Payment Process: The payment steps were unclear, making it difficult for users to understand the final cost. 4. Charging
Station Display: Users needed more detailed information about availability, cost, and location.

Personas

By analyzing the user behaviors, goals, and pain points, I created personas that represented key segments of our target audience. These personas guided the design process, ensuring that every feature and interaction aligned with the real-world needs of our users.

Young Woman Smiling

Emma Davis

Emma is a software engineer and a tech enthusiast. She lives in Barcelona and works for a big tech startup. She really wants to be at the forefront of innovation, and her lifestyle reflects her commitment to reducing her carbon footprint while enjoying the modern conveniences of electric cars. • Age: 34 years • Education: Bachelor's degree • Hometown: Barcelona, Spain • Family: Single • Occupation: Software Engineer

Goals • Own a vehicle that aligns with her tech-savvy lifestyle and keeps up with the latest trends. • Enhance her driving experience with personalized settings. • Integrate her vehicle into her daily routine with a comprehensive 360º app experience. Frustrations • "I need to easily find reliable charging stations in the city." • "It is difficult to stay informed about the latest updates for the car's software." • "Sometimes I can’t manage my busy work schedule while ensuring that my car is well-maintained."

Personas

By analyzing the user behaviors, goals, and pain points, I created personas that represented key segments of our target audience. These personas guided the design process, ensuring that every feature and interaction aligned with the real-world needs of our users.

Young Woman Smiling
Young Woman Smiling

Emma Davis

Emma is a software engineer and a tech enthusiast. She lives in Barcelona and works for a big tech startup. She really wants to be at the forefront of innovation, and her lifestyle reflects her commitment to reducing her carbon footprint while enjoying the modern conveniences of electric cars. • Age: 34 years • Education: Bachelor's degree • Hometown: Barcelona, Spain • Family: Single • Occupation: Software Engineer

Goals • Own a vehicle that aligns with her tech-savvy lifestyle and keeps up with the latest trends. • Enhance her driving experience with personalized settings. • Integrate her vehicle into her daily routine with a comprehensive 360º app experience. Frustrations • "I need to easily find reliable charging stations in the city." • "It is difficult to stay informed about the latest updates for the car's software." • "Sometimes I can’t manage my busy work schedule while ensuring that my car is well-maintained."

User Journey

I mapped out the user journey to understand how users would interact with the GMotion app from start to finish. This involved identifying each touchpoint, from initial exploration to purchase. The user journey helped to get critical pain points and patterns from the users.

Gmotion User Flow
Home Screen Mobile GMotion

Wireframes

I creates five options for the homepage, thinking about an easy way to show pictures of the cars and an easy access to the search bar and filters, something relevant for the users.

Paper Wireframes GMotion
Wireframes Checkout Process GMotion
Wireframe Homepage and Details Page GMotion

Prototypes

With our first wireframes and low-fi prototypes I conducted a second user test looking for new findings and insights that were included in the high-fi prototype.

Mobile Details Page Car GMotion
GMotion Mobile Screens Lofi and Hifi
Gmotion Screens
Gmotion Screens with Background Logo

Improvements

1. Simplified Customization: Introduced a customization with real-time price updates. 2. Pricing Display: Designed a dynamic pricing feature that updates as users select different customization options. 3. Step-by-step Payment Process: Simplified the payment by adding steps and provided a clear view of final cost. 4. Map Charging Station: Added a map with the location and status of charging stations.

GMotion Logo car Detail Background Black and White
Mobile Phone GMotion Detail

Mobiles Floating GMotion App

Impact & Conclusions

➜ Increase in the number of users completing the customization process without abandoning the app. ➜ With the pricing module improved, we saw a 20% reduction in drop-offs during the payment process. Participating in this project has been an enriching experience. It has allowed me to work collaboratively with multiple teams, obtain valuable feedback and insights that made both the product and me grow professionally.

Contact

Want to make a real impact? Let's chat!

© 2024 — Agostina Pazzia

  • GET IN TOUCH

User Journey

I mapped out the user journey to understand how users would interact with the GMotion app from start to finish. This involved identifying each touchpoint, from initial exploration to purchase. The user journey helped to get critical pain points and patterns from the users.

Gmotion User Flow
Gmotion User Flow

Prototypes

With our first wireframes and low-fi prototypes I conducted a second user test looking for new findings and insights that were included in the high-fi prototype.

Mobile Details Page Car GMotion
Mobile Details Page Car GMotion
GMotion Mobile Screens Lofi and Hifi
GMotion Mobile Screens Lofi and Hifi
Gmotion Screens
Gmotion Screens
Gmotion Screens with Background Logo
Gmotion Screens with Background Logo

Improvements

1. Simplified Customization: Introduced a customization with real-time price updates. 2. Pricing Display: Designed a dynamic pricing feature that updates as users select different customization options. 3. Step-by-step Payment Process: Simplified the payment by adding steps and provided a clear view of final cost. 4. Map Charging Station: Added a map with the location and status of charging stations.

GMotion Logo car Detail Background Black and White
GMotion Logo car Detail Background Black and White
Mobile Phone GMotion Detail
Mobile Phone GMotion Detail

Mobiles Floating GMotion App
Mobiles Floating GMotion App

Impact & Conclusions

➜ Increase in the number of users completing the customization process without abandoning the app. ➜ With the pricing module improved, we saw a 20% reduction in drop-offs during the payment process. Participating in this project has been an enriching experience. It has allowed me to work collaboratively with multiple teams, obtain valuable feedback and insights that made both the product and me grow professionally.

Contact

Want to make a real impact? Let's chat!

© 2024 — Agostina Pazzia

  • GET IN TOUCH

Contact

Want to make a real impact? Let's chat!

© 2024 — Agostina Pazzia

  • GET IN TOUCH

Green Car Detail Macro Wheel
Green Car Detail Macro Wheel

Problem

Users require an efficient app to buy, customize and manage their electric cars, providing real-time updates and accessible charging stations to fit their demanding schedules.

GMotion App Screen Mobile
GMotion App Screen Mobile

Solution

Simplifyed vehicle customization with real-time pricing, enhancing charging station details (availability, cost, location), and introducing a transparent multi-step checkout. Users can also track their vehicle’s status and control features remotely. Timely notifications and updates improve user engagement and overall convenience.

User Journey

I mapped out the user journey to understand how users would interact with the GMotion app from start to finish. This involved identifying each touchpoint, from initial exploration to purchase. The user journey helped to get critical pain points and patterns from the users.

Gmotion User Flow
Gmotion User Flow

Improvements

1. Simplified Customization: Introduced a customization with real-time price updates. 2. Pricing Display: Designed a dynamic pricing feature that updates as users select different customization options. 3. Step-by-step Payment Process: Simplified the payment by adding steps and provided a clear view of final cost. 4. Map Charging Station: Added a map with the location and status of charging stations.

GMotion Logo car Detail Background Black and White
GMotion Logo car Detail Background Black and White
Mobile Phone GMotion Detail
Mobile Phone GMotion Detail

Mobiles Floating GMotion App
Mobiles Floating GMotion App

Impact & Conclusions

➜ Increase in the number of users completing the customization process without abandoning the app. ➜ With the pricing module improved, we saw a 20% reduction in drop-offs during the payment process. Participating in this project has been an enriching experience. It has allowed me to work collaboratively with multiple teams, obtain valuable feedback and insights that made both the product and me grow professionally.

Contact

Want to make a real impact? Let's chat!

© 2024 — Agostina Pazzia

Contact

Want to make a real impact? Let's chat!

© 2024 — Agostina Pazzia

Paper Wireframes GMotion
Wireframes Checkout Process GMotion
Wireframe Homepage and Details Page GMotion
Paper Wireframes GMotion
Paper Wireframes GMotion
Wireframes Checkout Process GMotion
Wireframes Checkout Process GMotion
Wireframe Homepage and Details Page GMotion
Wireframe Homepage and Details Page GMotion
Home Screen Mobile GMotion
Home Screen Mobile GMotion

Wireframes

I creates five options for the homepage, thinking about an easy way to show pictures of the cars and an easy access to the search bar and filters, something relevant for the users.

Paper Wireframes GMotion
Paper Wireframes GMotion
Wireframes Checkout Process GMotion
Wireframes Checkout Process GMotion
Wireframe Homepage and Details Page GMotion
Wireframe Homepage and Details Page GMotion
Home Screen Mobile GMotion
Home Screen Mobile GMotion

Wireframes

I creates five options for the homepage, thinking about an easy way to show pictures of the cars and an easy access to the search bar and filters, something relevant for the users.

UX Research

Users require an efficient app to buy, customize and manage their electric cars, providing real-time updates and accessible charging stations to fit their demanding schedules.

GMotion Logo Green Car Background
GMotion Logo Green Car Background

User Pain Points 1. Customization Process: Users struggled with understanding the car customization options and associated pricing. 2. Unclear Princing: Users struggled with how prices changed with different customizations. 3. Payment Process: The payment steps were unclear, making it difficult for users to understand the final cost. 4. Charging
Station Display: Users needed more detailed information about availability, cost, and location.

UX Research

Users require an efficient app to buy, customize and manage their electric cars, providing real-time updates and accessible charging stations to fit their demanding schedules.

GMotion Logo Green Car Background
GMotion Logo Green Car Background

User Pain Points 1. Customization Process: Users struggled with understanding the car customization options and associated pricing. 2. Unclear Princing: Users struggled with how prices changed with different customizations. 3. Payment Process: The payment steps were unclear, making it difficult for users to understand the final cost. 4. Charging
Station Display: Users needed more detailed information about availability, cost, and location.

Personas

By analyzing the user behaviors, goals, and pain points, I created personas that represented key segments of our target audience. These personas guided the design process, ensuring that every feature and interaction aligned with the real-world needs of our users.

Young Woman Smiling
Young Woman Smiling

Emma Davis

Emma is a software engineer and a tech enthusiast. She lives in Barcelona and works for a big tech startup. She really wants to be at the forefront of innovation, and her lifestyle reflects her commitment to reducing her carbon footprint while enjoying the modern conveniences of electric cars. • Age: 34 years • Education: Bachelor's degree • Hometown: Barcelona, Spain • Family: Single • Occupation: Software Engineer

Goals • Own a vehicle that aligns with her tech-savvy lifestyle and keeps up with the latest trends. • Enhance her driving experience with personalized settings. • Integrate her vehicle into her daily routine with a comprehensive 360º app experience. Frustrations • "I need to easily find reliable charging stations in the city." • "It is difficult to stay informed about the latest updates for the car's software." • "Sometimes I can’t manage my busy work schedule while ensuring that my car is well-maintained."