einfachbacken.de | Multisite

Matthias Müller

Project link

https://www.einfachbacken.de/

Projektbeschreibung:

Einfach Backen! Die besten Backrezepte mit Gelinggarantie. Ausgestattet mit einer großen Küche testen die Backprofis Anna-Lena und Siggi regelmäßig neue Kreationen. Für die Veröffentlichung der Rezepte wurde von drunomics eine mobile-friendly Website auf Basis der Drupal 8 Distribution Thunder erstellt.

Ziele:

Das Team von einfachbacken.de möchte gelingsichere Rezepte und Wissen teilen, um gemeinsam die Anlaufstelle Nummer eins für Hobbybäcker zu werden. Um dieses Ziel zu erreichen wird eine umfangreiche Sammlung an einfachen und schnellen Rezepten, die jeder nachbacken kann, veröffentlicht. Die technische Umsetzung erfolgt mit der Drupal 8 Distribution Thunder, wobei  die Workflows für Redaktion und Marketing optimiert werden:

• Redakteure verfügen über Listen mit Filtern, um Daten schnell und einfach zu finden.
• Marketing-User arbeiten mit einem Workflow zum Erstellen von Advertorial-Kampagnen.
• SEO Optimierung mittels optimierter Meta-Tags mit Fallback-Logik

Ergebnisse:

Die Website einfachbacken.de wurde von Start weg mit einer großen Zahl an Rezepten gefüllt. Die Erstellung mittels Paragraphen unterstützt die redaktionelle Gestaltung von:

• simplen Backrezepten
• Schritt für Schritt Anleitungen
• hilfreichen Tipps
• Rezeptvariationen

Technische Umsetzung:

Aus technischer Sicht wurde das Hauptaugenmerk auf die Performance gelegt:

• Erstellung der Website nach der Devise mobile-first. Optimierung der Geschwindigkeit und Performance für Mobilgeräte erstellt.
• Sitespeed.io-Tests analysieren die Seitenladegeschwindigkeit nach jeder Änderung, sodass die Website kontinuierlich auf Performance optimiert wird.
• Bilder sind für Responsive Breakpoints optimiert. Redakteure können verschiedene Bilder hochladen, die für Tablet oder Mobiltelefon mit einer Fall-back-Logik optimiert sind.
• Vue.js-Frontend statt jQuery!
• Spezifische Caching-Routinen, speziell für das Mega-Menü mit Vorschaubildern.
• Automatisch vorgeschlagene Phrasen (erscheinen nach den ersten 3 Buchstaben im Suchfeld) werden schnell geladen und liefern immer zumindest ein Ergebnis.

Sinnvolles automatisches Scrollen: z.B. lädt die Suchseite bei einem mobilen Breakpoint automatisch die nächste Seite. In der Desktop-Version ist allerdings noch ein Klick.