Lennart Novak, Software Developer with a focus on design

### Everything about the trip in one place

mein-schauinsland is the customer portal of the tour operator schauinsland-reisen. After booking, travelers follow their trip there: useful information about it, their travel documents to download, updates and a way to ask questions.

### Designed in Figma

I designed the portal in Figma, from the login to the overview of a booking. There was a portal before, but over the years it had grown old and no longer looked good. A colleague had started on the new one, but there was only a very first draft, so I took it over and designed the rest on my own. The challenge was the sheer amount of information: all of it had to be shown in a way that stays easy to read and easy to find your way around.

I did not draw wireframes first. I started right away in Figma and talked every step through with my colleague: what worked and what did not. Along the way I got much deeper into Figma, from auto layout to variables.

Looking at it today, I no longer find the design that appealing, and I can see its flaws. But that is something you only learn over time, with every bit of experience that comes along.

### A screen for every topic

Besides the overview of a booking, the portal has a screen for every topic of the trip: messages, invoices, the tour guide on site, the hotel, the destination, the transfer and a travel guide. They all share the same frame, the menu of the booking on the left and the content beside it.

### The login

At first the login was part of the portal, and I designed it along with the rest. Later signing in was moved out of the portal into Keycloak. I designed the new login page for it and built it myself as a Keycloak theme: FreeMarker templates (FTL) with plain CSS.