Volotea
✈ Optimizing Volotea’s Digital Experience and UI Design.
Introduction
Enhancing the digital experience for both mobile and desktop users. Focus on UI consistency, design system migration, and usability improvements, ensuring a seamless journey for travelers booking and managing flights.
Challenges & Goals
Volotea’s digital platforms required:
⚠ A design system update – Migrating from Sketch to Figma
⚠ UI consistency – Unifying legacy and new design libraries
⚠ Better usability – Enhancing the booking flow and interface clarity
The goal was to modernize the UI, ensure visual coherence, and improve the overall user experience while maintaining brand identity.
Key Contributions & Process
🎨 UI Review & Design Optimization
🔹 Conducted detailed evaluations of existing designs, ensuring consistency across mobile and desktop
🔹 Improved visual hierarchy, spacing, and typography to enhance readability
🔹 Ensured designs met aesthetic and functional quality standards
🖌️ UI Design & Prototyping
🔹 Created high-fidelity mockups for new interface components
🔹 Developed interactive prototypes for testing and validation
🔹 Collaborated closely with developers to maintain design accuracy
📦 Design System Migration (Sketch → Figma)
🔹 Led the final phase of migrating Volotea’s design system to Figma
🔹 Optimized components, symbols, and reusable assets for better efficiency
🔹 Ensured a smooth transition while maintaining consistency with legacy designs
📚 UI Library Management
🔹 Maintained two design libraries (legacy & new) for smooth adoption
🔹 Organized components and style guidelines to improve scalability
🔹 Ensured alignment between the design system and brand identity
User-Centered Improvements ✈️
Key UI improvements enhanced user engagement and booking flow efficiency:
✅ Simplified navigation – Improved menu structure & user journey
✅ Clearer CTA buttons – Enhancing conversion rates
✅ Mobile-first optimizations – Ensuring a seamless multi-device experience
Results & Impact 📊
The design optimizations led to measurable improvements:
🔹 Faster booking process – Reduced steps & improved clarity
🔹 Increased consistency – Unified brand elements across all platforms
🔹 Efficient design system – Streamlined workflows for designers & developers
Key Learnings & Reflections 🎯
This project reinforced the importance of:
🔹 Design consistency – A structured UI library speeds up development
🔹 Collaboration – Close work with UX, devs & stakeholders is crucial
🔹 Adaptability – Migrating a design system requires balancing legacy & new assets
Conclusion
Improve the UI consistency, usability, and efficiency of their digital platforms. By modernizing the design system and refining the booking experience, contribution to a seamless and intuitive travel experience for users across devices.
