UX/UI · Design System · A/B Testing

Baleària

Baleària's whole digital sales ecosystem, renewed after years without updates, with better conversion across every channel.

RoleDesign Manager · UX · UI
Team4 people
Duration1.5 years
PlatformPublic website for mobile and desktop, and app for iOS and Android.
ProjectDeveloped at O2O Digital Strategy
The challenge

Renewing Baleària's digital sales ecosystem

Baleària's digital sales ecosystem had gone many years without an update and had conversion problems. While the mobile apps were constantly evolving, the website had fallen behind, so it became the core of the project, with major challenges in design, logistics and development. The goal was to renew everything, website and apps, so that buying a ticket would be easier on any channel.

My role

Design team manager

As Design Manager I led a team of four people, myself included, in a role that combined managing the team with UX and UI design. Over the year and a half the change took, my job was to coordinate the team across the website and the apps, and to keep the design aligned with Baleària's business goals.

Roadmap

Prioritising the backlog

The project involved a vast number of processes to digitise and several platforms to update and integrate. Together with the Project Manager, the design team split the work into batches, estimated each phase and defined the delivery roadmap. That let us move forward in phases without losing sight of the whole, and each delivery reached development on time.

Sprint plan: proposal, UI kit, search, home, passengers, map and destinations
Mobile design

Mobile first

One of Baleària's priorities was to improve the website's mobile conversion: it had detected significant user drop-off at critical steps, such as choosing the origin and destination. So we approached the redesign from a strict mobile-first perspective, simplifying every step of the purchase process. To support it we designed Baleària's own design system from scratch, shared by the website and the apps.

Mobile screens: quick ticket search, confirmation dialog and booking management
Mobile screens: destination search, route map and date selection
Desktop

The website on desktop

While the mobile designs were being developed, part of the team worked in parallel on the desktop version of the website. That way we ensured visual and functional consistency across every screen size. Since both versions started from the same design system, they were built with the same pieces.

Desktop website pages: home, destination search, my bookings and route map
A/B tests

Improving with data after the launch

After the launch of the website and the apps we kept improving them for quite some time with A/B tests. We tested the modules for joining the loyalty programme, the search modules and several points of the booking process. The method was always the same: we framed a hypothesis, released the variants openly, collected the data and, if the result beat the original version, implemented the change.

A/B test results reports with conversion rates and heatmaps
Results

What we achieved

  • Better conversion across every channel.
  • Faster transfer of users between platforms.
  • More sign-ups to the loyalty programme.

Gerardo
Daglio — Design Manager

Design Manager. I lead multidisciplinary teams in a role that combines management, design and research. 20+ years building digital products.

Turntable

About me

Gerardo Daglio, portrait

People . Product . AI

Design

I'm a Design Manager with more than 20 years in product design. At O2O Digital Strategy I lead a multidisciplinary team of 15 people across design, research and more.

I stabilised the design team and reduced turnover, made design and development work together in a faster, more dynamic way, and made research the foundation of every project. My role combines leading the team with design and research work.

Essentials

  1. 01 A Mustang guitar A Mustang
  2. 02 A notebook A notebook
  3. 03 A drum kit A drum kit
  4. 04 A pair of Converse sneakers A pair of Converse

Cases

Brands I have worked with

  • Decathlon
  • BBVA
  • Manchester City
  • Centre Obert d’Arquitectura
  • Trasmediterránea
  • Carrefour
  • McDonald’s
  • National Express
  • Adeslas
  • FC Barcelona
  • ONCE
  • Baleària
  • Vivaz
  • Grant Thornton
  • Gmp
  • Ametller Origen
  • Alsa
  • Meliá Hotels International

Disciplines

  • AI is the core engine of how I design. I bring its capabilities and tools into the whole process, from research and analysis to prototyping and iteration, to get further, faster. And I design with AI as a destination: products that converse, that live inside assistants and agents, and that adapt to each person.

GAIN
HIGH
MEDIUM
LOW
GAIN
HIGH
MEDIUM
LOW
GAIN
HIGH
MEDIUM
LOW

My process

Problem analysis

    Work process
    Problem analysisMS
    Project proposalMS
    ResearchMS
    Idea & conceptMS
    DesignMS
    Testing & iterationMS
    AI designMS

    Experience

    2018— NOWO2O Digital Strategy

    Design Manager

    O2O Digital StrategyLeading a multidisciplinary team of 15 (design, research and more). Reduced turnover, brought design and development closer together and made research the base of every project. A role that combines team management with design and research.

    2012O2O Digital Strategy

    PRODUCT DESIGNER — O2O Digital Strategy, 2012–2018

    O2O Digital Strategy · 2012 — 2018

    Designing digital experiences, from concept to final graphic material.

    2011TELEFÓNICA

    PRODUCT DESIGNER — Telefónica, 2011–2012

    Telefónica · 2011 — 2012

    Mobile apps · Prototyping · Web design

    2010BBVA

    UX/UI DESIGNER — BBVA, 2010–2011

    BBVA · 2010 — 2011

    Web design · HTML, CSS & JS · Internal management platform

    2009DIPRO SL

    UX/UI DESIGNER — Dipro SL, 2009–2010

    Dipro SL · 2009 — 2010

    Web design · HTML, CSS & JS · Flash & ActionScript 2.0

    Education

    Illustrated vintage boombox
    • Product Management

      Crehana
    • UX Research & Strategy

      EDIT. Disruptive Digital Education
    • Master’s in Advertising Creativity

      Escuela Trazos
    • Fine and Visual Arts

      Escuela Nacional de Bellas Artes
    Illustrated guitar amplifier

    Contact — LET’S ROCK!

    G.DAGLIO — Designing to the end of the world