Static pages become dynamic presentations: by integrating Slider Revolution, interactive Tumult Hype animations, and Lottie animations, we can incorporate extensive, web-optimised animations. Engage your visitors with animations that play when they become visible in the viewport or as users scroll through the website.

Targeted micro-choreography helps enhance the user experience and convey content in an engaging way. We prioritise design that is not only aesthetically pleasing but also intuitive and functional.

The Machbar grid system, developed exclusively by Machbar, simplifies content management in the TYPO3 backend and enables flexible output in the frontend based on the Bootstrap CSS Framework, which creates a responsive column layout.

The advantage: instead of being limited to predefined layout variations, the editorial team can implement any layout variant within the grid system in the backend. Our grid system already provides a preview of the layout and the arrangement of individual elements in the backend. Elements can be freely arranged and manipulated via drag & drop – even per breakpoint – as well as shown or hidden. Since the base values for spacing, font sizes, and colours are centrally stored, this occurs within the defined corporate design, despite the extensive design possibilities.

flowchart TB

A["Manage content"] --> B["TYPO3"]

B --> C["Machbar Grid-System"]

C --> D["Structure"]
C --> E["Content"]

D --> D1["Rows"]
D --> D2["Columns"]
D --> D3["Spacing"]

E --> E1["Text"]
E --> E2["Image"]
E --> E3["Video"]

D1 --> F["Responsive Frontend"]
D2 --> F
D3 --> F
E1 --> F
E2 --> F
E3 --> F

F --> G["Desktop"]
F --> H["Tablet"]
F --> I["Mobile"]

We create pages and their content elements, which are then populated. We evaluate images and texts, restructuring and simplifying where appropriate. Images are edited, supplemented with stock photos if necessary, and tagged. They are then optimised and integrated for various page breakpoints. Different content can be displayed at various points within the page layout for different breakpoints. Based on client specifications and using the Google Keyword Tool, Machbar identifies relevant keyword combinations, integrating them into headlines and texts with appropriate frequency. Our service also includes creating Google snippets for each individual page.

Accessibility goes far beyond individual technical adjustments. It begins with design and corporate identity, continues through development, and extends to the editorial maintenance of a website.