Informative landing pages transformation

Enhancing user satisfaction and increasing the productivity of Vueling's digital team.

Decrease in negative ratings

Streamlined development process

Improved team collaboration

Overview

Vueling, a Spanish low-cost airline, has embarked on an initiative to improve the digital user experience of its informative landing pages within its website. This project aims to enhance user satisfaction and streamline the digital team’s workflow by creating a comprehensive design guide.

Prioritizing user experience

A positive UX is crucial for retaining customers and driving growth. In pursuit of this goal, we have undertaken a series of actions to enhance the landing page experience:

Streamlining navigation: The pages were redesigned to ensure that users can easily find the information they need without getting lost.
Improving content clarity: The content of every page was carefully crafted to be concise, informative, and easy to understand. This involved using clear language, avoiding jargon, and providing concise summaries of key information.
Optimizing visual appeal: All pages were given a fresh and modern look that aligns with Vueling's branding. High-quality images, eye-catching layouts, and a consistent color palette were employed to create a visually appealing and engaging user experience.

Enhancing digital team productivity

To complement the efforts to improve the pages UX, we established a design guide to enhance the digital team’s productivity (designers, ux writers and layout experts). This guide serves as a centralized repository of design principles, best practices, and reusable components.

Establishing design principles: The design guide outlines Vueling's core design principles, such as visual hierarchy, typography, and color usage. This provides a consistent framework for the digital team to adhere to, ensuring that all landing pages maintain a cohesive and brand-aligned style.
Defining reusable components: The guide identifies and defines reusable design components, such as buttons, modules, and call-to-action elements. This enables the digital team to quickly assemble landing pages from pre-built components, saving time and effort.
Establishing coding standards: The guide sets coding standards for the digital team to follow, ensuring that landing page code is well-structured, maintainable, and compliant with Vueling's technical guidelines.

Curious about this project?

It’s confidential, so let me know if you’d like to learn more.

Passenger list

Acquiring and assigning extras

An ordering experience

AMELIA

Spark