ROLE:
Product Designer (User Interviews, User Research, Prototyping, UI Design, Design System)
TOOLS:
Figma, Loti, Blender, Adobe CS
TEAM:
Ana Kleinmann, Zoran Tepša, Josip Žitković, William Kurniawan, Sinisa Plevnik, Maximilian Bartl, Dorota Mleczko
TIMELINE:
9 months (MVP)
Context
Europcar is a leading international car rental company based in Europe. Besides the need to improve the way users interact with their existing services, they wanted to offer additional mobility solutions for their business and leisure customers. We worked in three cross-functional teams on three main domains of the app for the MVP: Booking, Car-sharing and Account+Registration.
Product
Besides their original app, EMG wanted to develop a new Europcar Mobility App (iOS, Android) that would simplify all the features of the main app while also adding new services and mobility options. This new app is currently available in Germany and serves as a test ground to eventually replace the main app globally.
Challenge
Simplify traditional booking process and include all booking features from the Europcar’s web version that are not available in their existing app. Add more mobility options, and improve cross-functional collab between teams at Volkswagen FS and Europcar Mobility Group. Design system wasn’t maintained properly which resulted in development inconsistencies. We needed a white-label design system that would primarily align with the existing Europcar brand.
Solutions and Impact
➡️ Worked with research team to gather user data that helped product management and stakeholders plan and refine Booking domain services and features in line with business plan.
➡️ Streamlined search for location and date/time and reorganized the display of essential vehicle information which improved booking flow efficiency.
➡️ Based on user testing results, implemented an interactive map for easier overview of the selected vehicle price offered by different stations resulting in a 10% increase in conversion during user testing.
➡️ Consolidated design components from previous projects creating foundation for white-label design system to support multi-brand theming.
➡️ Grouped scattered components in one Figma file which became source of truth that improved collaboration between designers and developers.
➡️ We collaborated with engineers to ensure token alignment with code resulting in faster feature creation for MVP and future updates.
Figma Prototype ⤵️
Or open the prototype in Figma.
Process
🔬 Discovery
🔬 We conducted several workshops with stakeholders to explore the project’s nature and identify its key MVP features and align on business goals.
🔬 We identified 5 Key Personas: Leisure, Business, Eco-Conscious, Urban Commuters, Tech-Savy
🔬 I analyzed booking flows in leading travel and mobility apps to identify industry best practices.
🔬 We analyzed user research and developed a roadmap as a foundation for delegating workflows.
💭 Ideation
💭 Explored wireframes and low-fidelity prototypes for car offers and station selection.
💭 Worked with developers on identifying potential technical constraints with Europcar API.
💭 Ran design critiques with cross-functional teams to gather early feedback.
💭 Sprints were set in line with our roadmap, and we started to create prototypes to explore usability.
🗂️ Design System
🗂️ Audited components to identify redundancies.
🗂️ Documented and maintained a unified system, boosting team efficiency.
👷 Prototyping & Testing
👷 Created high-fidelity prototypes for usability testing, focusing on reducing cognitive load.
👷 Conducted in-person user testing interviews.
👷 Iterated designs based on testing insights.
👩💻 Implementation
👩💻 Collaborated with developers during the design handoff to ensure pixel-perfect execution.
👩💻 Monitored implementation to align with the design system guidelines.
Sample from our color system with new naming convention.
UX Research Key Insights
Confusion in Station Selection
Users struggled to find stations based on availability and location.
Cognitive Overload in Booking Flow
Excessive steps led to drop-offs.
Design System Gaps
Developers faced delays due to inconsistent component documentation.
Strengths
Well-known and trusted brand in the car rental industry, large network of rental locations, diverse fleet.
Weaknesses
Competition and emerging mobility service providers, technological challenges, user adoption.
Vehicle categories screen
Takeaways
✅ What Worked
✅ Proactive communication with stakeholders and teams is crucial for balancing user needs and business objectives.
✅ The iterative design process fostered collaboration, resulting in actionable user insights.
A well-maintained design system significantly improves scalability and team efficiency.
🔴 Challenges
🔴 Aligning design solutions with tight MVP deadlines while addressing user pain points.
🔴 Due to business priorities and development constraints we had to release the MVP without a critical features.
Conclusion
This project highlights my ability to balance user-centric design and business goals, ensuring impactful results within a collaborative, cross-functional environment. The Europcar Mobility App now offers a streamlined and scalable Booking Domain experience that aligns with user needs and organizational strategy.