Redesign of Ryanair App
About
I have received recently a new task at my school where I study UX/UI design. I had to redesign an existing app. In this case we should have paid attention more to UI, than UX, but we were also free to change something in UX if needed. I choose Ryanair, because I am a regular customer of them.
Role
UX Researcher
UI Designer
Year
2023
UX Research
Redesigning is typically about improving the overall functionality, usability, aesthetics or other qualities, so I needed to find some app where I see space for design changes.
After a quick research of apps that I know, I chose the Ryanair App, because I use it pretty often in my life and I always thought that it should be refreshed and I felt I have lack of some functions.
I started the research of the app with conducting a Heuristic analysis.
Heuristic analysis
I followed all the rules and made notes if something was not correct. Before I did this, I had looked at the app and it seemed that everything is okay. But after applying all of the Heuristic rules, I could find small mistakes which I tried to fix with my redesign.
-
First things that I decided to do is to add a new feature. From experience of people that I interviewed I found out that in the most cases people are not ready to buy tickets stright away, they need time to think it over. In Ryanair app you see on your Home Page the button: ”Book a flight”, that means that after choosing a flight you go already to payment, you can’t save your route and compare it with other options (another date, city etc).
-
Colours: I decided to change these bothersome yellow and blue. We had freedom in our actions, so we could also change the logo and brand colours as well.
-
I also changed the logic of home page and applied some changes at elements and icons.
Moodboard
The mood board includes a range of blue shades, from light and airy blues to deeper, more saturated tones. The overall feel of the board is warm and cozy.
Visual elements on the mood board include photos of airplanes, the sky, tickets, baggage, and activities that belong to travel. The overall mood is focused on pleasure and discovering new destinations.
Work Sans font, with its clean lines and simple shapes, complements the overall design aesthetic of the app. The use of a bold, attention-grabbing font for headlines helps to emphasize important information and calls to action.
Before/After
In these screens, you are able to see how I added more style into the design and combined colours in a more delicate manner. During my interviews, it became apparent that almost 75% of respondents associated RyanAir with being cheap and affordable but not reliable and trustworthy enough.
With the help of a new colour palette, I aimed to create better impression about the brand at least using the app and give a feeling of security and consistency.
In general blue is favoured by so many people. Blue calls to mind feelings of calmness and relaxation. It is often described as peaceful, tranquil, secure, and orderly. But the old blue was too deep and contrasted unpleasantly with bright yellow.
Overview
In the end I had 24 screens of the User Flow, because there were a lot of small details and I needed to create new screen after any tiny change.
This is a few screens of my version of Ryanair app.
On the last picture you can see how looks the button of saving you trip (the heart icon in the top of the screen). It doesn’t interrupt people from buying tickets, but helps them to save the current flight with all details. It also doesn’t mean that prices and the tickets will be saved for you. It’s only about dtrafts, so here there is no conflict with marketing side.
It was a great experience! I hope one day Ryanair contacts me :)