Before

Before mastering Figma I included only the most basic elements on the landing page. To be fair, the brief asked for a UX design only, UI was not part of the task.

After

The updated version has much more visual appeal, applying UI standards to the design. I can now quickly add colour, pictures and a more coherent style to the elements that would make a prototype more life-like and realistic. I introduced proper standard use of icons as well as spacing by the industry standard of the 8-point grid. 

As colour was not a part of the task, I picked random colours to differentiate between different elements. In hindsight I should of course have opted for a grey-scale design, but hey, hindsight is (always) 20/20.

The design has been upgraded to a coherent colour palette and adheres to a consistent font library. Both are developed based on the brand values: Modern, calm and inspiring. I made the elements more modern by calming the colour palette, making strokes thinner for less obtrusion while they still aid scanability. I tried to change as little of the layout as possible as per the rules of the challenge, although I could not help myself in one regard and put in a step-marker, a much needed element for these screens.

I have very little to say about this screen... I'd say it speaks for itself... :)

I would have loved to properly redesign this whole page, though the comparison is what makes it interesting. I have added softness to the plane designs by working with individual elements and rounding corners. I added detail in the seat states as well as numbering the rows to aid decision-making. The box of selected options seems slightly large in this version but must also be able to accomodate larger bookings with several seats. This size also alignes it with the previous screen of flight options which makes the overall website feel more coherent.