Together with Florentin Walter (@florentin) I (Tobias Möritz / @tobimori) worked on a relaunch of the optimise-it website. I was responsible for most of the development while Florentin made most of the design work.

They're a German company based in Hamburg, since 2002 they're offering a live chat software (as a service). They became part of STRÖER (Dialog Group) in 2018 and are working together with popular businesses in the DACH area such as Tiroler Versicherung, ARAG SE, Degussa Bank and more.

A huge part of the site relies on the new blocks field and a lot of custom blocks.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/71a7ac75-bc29-40cb-b447-b76fe9c5b3cd/Bildschirmfoto_2021-04-07_um_12.36.44.png

Overview of site

We've tried to make it easy for the client to update the site, content and its flow after our work was done while still relying on the advantages of working with structured content vs. a page builder like Webflow.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/856cd461-8f3a-422c-bb93-119c40016cf0/Bildschirmfoto_2021-04-07_um_12.38.28.png

Panel view with Blocks editor

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7d9f9790-2eb4-40cc-92a4-6d4c15f0ef00/Bildschirmfoto_2021-04-07_um_12.37.24.png

Testimonial block with inline editing

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9a781f7b-c9d3-4b26-aa3a-838f9882a342/Bildschirmfoto_2021-04-07_um_15.31.29.png

Career page with realised content

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/fb4914cb-b422-4bc3-ae5b-bb59abc5ea21/Bildschirmfoto_2021-04-07_um_12.37.15.png

"Why optimise-it?" block with inline editing

More generic pages like the Use Case pages or our customers' blog (although articles were still using blocks for the content) were made with the known structured content setups of Kirby.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/049a2a21-70ca-40d4-9228-eccadf060e76/Bildschirmfoto_2021-04-07_um_12.38.17.png

Use Case Panel Setup

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f7752589-6328-40de-91b3-a71976e5db43/Bildschirmfoto_2021-04-07_um_15.36.11.png

Use Case Overview page

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/cf12e32e-aa2c-45ef-a786-d73a4959fa4f/Bildschirmfoto_2021-04-07_um_15.37.41.png

Use Case subpage

Another notable feature is the kinda multi-lang setup:

On its first visit the user can select if they want to be referred to with the formal "Sie" or the informal "Du". This leverages Kirby's built-in multi-language feature, but with a twist. Instead of using slugs, the language is stored in a cookie that's accessed by Kirby's routing feature which then serves the page in the appropriate language variant.

Discover it yourself:

Any questions? → tobias@moeritz.cc 📩

Das Schweizer Taschenmesser unter den Chat-Lösungen

https://embed.notionlytics.com/s/TmpoaVQyWmlOWFJDYW5sUFNUUlZhRXBzUTNJPQ==