lennzone.com

fruehbucher.de

facts

2024

UI design and frontend

Laravel
Blade
Figma

Holidays, booked early

fruehbucher.de is a small website of schauinsland-reisen for booking holidays. Its old version was due for a fresh start, so it got a new design and a new frontend.

The old start page (Wayback Machine, June 2025)

The new start page

The old start page (Wayback Machine, June 2025)

The new start page

Finding the design

Before the final design I tried other directions. The first draft was playful, with a collage of destinations and bold shapes. The second brought in the purple and petrol that stayed. The final design kept the colors and made room for the search and the offers.

For the gallery of destinations I tried four layouts, inspired by the look of Google Photos.

The final design in Figma

The final design as a frame in Figma: the name in petrol, a purple title box over the beach, a search form with tabs for package holidays, hotels and flights, and below it three cards and the start of the hotel offers.

The first draft in Figma

The first draft as a frame in Figma: the name in bold black capitals, a beach with palm trees behind a serif slogan, a rounded search bar and a row of grey category tiles above green and orange shapes.

The second draft in Figma

The second draft as a frame in Figma: the name in purple, the same beach, a search bar with a purple frame and button, and a row of petrol icons for kinds of holidays above purple and petrol curves.

Four layouts for the destination gallery

A section in Figma with four variants of a gallery of destinations, each a different collage of rounded photos of Dubai, Mallorca, Fuerteventura, Sansibar and Rhodos.

The final design in Figma

The first draft in Figma

From Figma to Blade

I designed the website in Figma and then built its frontend with Laravel and Blade myself. This time I had complete freedom in the design. The one thing that mattered was the colors: they had to meet the contrast requirements of the current WCAG. Everything else was up to me. It was one of my first designs, and I learned a lot about Figma along the way.