Aus statischen Seiten wird eine lebendige Präsentation: Durch die Integration von Slider Revolution, interaktiven Tumult-Hype-Animationen sowie Lottie-Animationen können wir umfangreiche und webgerechte Animationen integrieren. Begeistern Sie Ihre Besucher mit Animationen, die abgespielt werden, wenn sie im Viewport sichtbar werden oder die Nutzenden durch die Website scrollen.

Eine gezielte Micro-Choreografie trägt dazu bei, die User Experience zu verbessern und Inhalte auf ansprechende Weise zu vermitteln. Wir legen Wert auf ein Design, das nicht nur ästhetisch ansprechend ist, sondern auch intuitiv und funktional.

Das exklusiv von Machbar entwickelte Machbar Grid-System erleichtert die Inhaltspflege im TYPO3-Backend und die variable Ausgabe im Frontend auf Basis des Bootstrap CSS Frameworks, welches ein responsives Spaltenlayout erzeugt.

Der Vorteil: Statt lediglich vorher festgelegte und limitierte Layout-Varianten nutzen zu können, kann das Redaktionsteam im Backend beliebige Layoutvarianten innerhalb des Grid-Systems realisieren. Dafür bietet unser Grid-System bereits im Backend eine Vorschau des Layouts und der Anordnung einzelner Elemente. Elemente lassen sich beliebig per Drag&Drop anordnen und manipulieren – sogar pro Breakpoint – sowie ein- oder ausblenden. Da die Basiswerte für Abstände, Schriftgrößen und Farben zentral hinterlegt sind, geschieht dies trotz der umfangreichen Gestaltungsmöglichkeiten innerhalb des festgelegten Corporate Design.

flowchart LR

A["Inhalte pflegen"] --> B["TYPO3"]

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

C --> D["Struktur"]
C --> E["Inhalt"]

D --> D1["Zeilen"]
D --> D2["Spalten"]
D --> D3["Abstände"]

E --> E1["Text"]
E --> E2["Bild"]
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"]

Wir legen die Seiten und innerhalb dieser Seiten die einzelnen Inhaltselemente an, die anschließend mit Inhalt gefüllt werden können. Dabei bewerten wir die Bilder und Texte, strukturieren gegebenenfalls um und vereinfachen, wenn möglich. Bilder werden bearbeitet, eventuell durch Stock-Bilder ergänzt und ebenfalls verschlagwortet. Die Bilder werden für die verschiedenen Breakpoints der Seite optimiert eingepflegt.

Verschiedene Inhalte können für verschiedene Breakpoints an unterschiedlichen Stellen innerhalb des Seiten-Layouts angezeigt werden. Machbar identifiziert auf Basis der Vorgaben des Auftraggebers sowie unter Verwendung des Google Keyword-Tools sinnvolle Keyword-Kombinationen, die dann mit der notwendigen Häufigkeit in Headlines und Texten integriert werden. Ebenfalls Bestandteil der Leistung ist die Erstellung des Google Snippets für jede Einzelseite.

Barrierefreiheit betrifft weit mehr als einzelne technische Anpassungen. Sie beginnt bei Gestaltung und Corporate Design, setzt sich in der Entwicklung fort und reicht bis zur redaktionellen Pflege einer Website.