Case study - Implementation of a complex web layout in Contao
Project presentation of the implementation of a complex website for the luxury hotel Öschberghof in the Black Forest. We worked as a subcontractor project for an Austrian agency, using their provided design.
- Client
- die praxis / Öschberghof
- Period
- 2021 - 2022
- Service
- Website implementation with Contao CMS
Overview
The Öschberghof is a golf, wellness, and conference hotel in Donaueschingen, located between the Black Forest, Switzerland, and Lake Constance in southern Germany. We implemented the provided web layout as a subcontractor for the Austrian advertising agency die praxis.
The implementation was carried out as requested using the CMS Contao. Below is an excerpt from the feature list:
- Basic Contao LTS installation
- Styling of various standard elements (tabs, accordions, tables, etc.) according to the Figma layout
- Setup of member login
- Form data module in the backend
- Integration of room, package, day, and extra offer modules
- Extension with catalog module (filter function for offers and rooms)
- Header image switcher (videos: YouTube, Vimeo & images)
- Canonical tag
- Hreflang extension (x-default)
- Retain query parameters
- Integration of SEO modules (SEO SERP module)
- Integration of sitemap module with date
- Integration of Open Graph Protocol module
- CSS style editor
- Column set module via Autogrid
- Lazy loading
- Page speed optimization
- Configurable redirects as a module
- Short URLs
- Image upload compression
- Various modern CSS scroll effects
- Integration of external systems (booking form, newsletter, etc.)
- Integration of event calendar
- Integration of menu module
- Parallax effect
- Content slider
- Search function
- Custom Contao backend login with hotel logo
- Integration of Cookiebot & additional Contao Marketing Suite module
- Implementation of rich snippets (Schema.org) for breadcrumb, offers, rooms, hotel info, opening hours, etc.
- W3C compliant
- Image sitemap
- Sharing function (WhatsApp, social media, etc.)
- Responsive design
- Language switcher
- Lightbox
- Integration of weather module
- Application form
- Integration of social wall
- Extension of Contao to include a color picker for headings and buttons
Technologies
- PHP
- Contao
- Figma
- Javascript
- HTML
- CSS
- Javascript
- SEO