Tufan Calisir

Modernes Web-Handwerk für feine Pasta: Das Projekt pasta-lab.de mit Astro & Storyblok

Smartphone, auf dem eine Website mit einem Bild von frisch zubereiteter Pasta auf einer Gabel angezeigt wird; Text in deutscher Sprache wirbt für PastaLab in Hamburg.

Gutes Essen lebt von der Qualität der Zutaten und der Präzision in der Zubereitung. Was für eine erstklassige Pasta gilt, lässt sich eins zu eins auf das Webdesign übertragen: Eine moderne Restaurant-Website muss nicht nur optisch ansprechen, sondern vor allem durch Schnelligkeit und eine intuitive Bedienung überzeugen.

Pasta im Rampenlicht: Das Projekt pasta-lab.de

Ein Restaurant ohne Webseite? Heutzutage undenkbar. Deshalb habe ich gemeinsam mit dem Geschäftsführer ein Konzept entwickelt, das den modernen Ansatz der italienischen Küche digital widerspiegelt: einfach, präzise und elegant. Das Ziel war eine Seite, die nicht nur durch Klarheit besticht, sondern auch in Sachen Performance keine Kompromisse eingeht.

Das Ergebnis ist eine Symbiose aus Astro.js und Storyblok CMS. Diese Kombination sorgt für eine blitzschnelle User Experience und stellt sicher, dass hungrige Gäste alle wichtigen Informationen ohne Verzögerung finden. Ein digitaler Auftritt, der genau wie eine gute Pasta durch die Qualität seiner Zutaten überzeugt.

Die Herausforderung: Wenn Design auf Hunger trifft

Während die Sanierung des Restaurants vor Ort in vollen Zügen lief, existierte die digitale Präsenz bisher nur als Vision. Die Herausforderung war klar: Wir mussten diese Vision in eine Webseite übersetzen, die den hohen Ansprüchen der neuen Räumlichkeiten gerecht wird.

Es ging nicht nur darum, „einfach online“ zu sein. Im Fokus stand ein Nutzererlebnis, das hungrige Gäste vernünftig abholt, sei es durch aktuelle Informationen rund um das Pasta Lab oder durch eine klare Struktur, die dabei unterstützt, sich bereits online die eigene Pasta-Kreation zusammenzustellen. In einem regen Austausch haben wir diese Anforderungen präzisiert, um eine Lösung zu finden, die genauso frisch und modern ist wie die Küche selbst.

Modernes Web-Handwerk: Warum wir auf Astro.js & Storyblok setzen

Um die Vision einer präzisen und eleganten Seite umzusetzen, brauchten wir ein technologisches Fundament, das keine Kompromisse bei der Geschwindigkeit macht. Die Wahl fiel bewusst auf Astro.js in Kombination mit Storyblok.

Astro erlaubt es uns, eine extrem schlanke Webseite zu bauen, die fast ohne unnötigen Ballast (JavaScript) auskommt. Das Ergebnis? Eine Seite, die sich so leichtfüßig anfühlt wie eine frische Portion Pasta. Storyblok dient dabei als modernes Gehirn im Hintergrund: Es gibt uns die Flexibilität, Inhalte modular aufzubauen, ohne das Design zu gefährden. Für das Pasta Lab bedeutet das: modernste Technik, die man zwar nicht sieht, aber bei jedem Klick spürt.

Content Management ohne Kopfschmerzen: Die Editor-Erfahrung

Ein häufiges Problem bei Restaurant-Webseiten ist die Pflege: Mal ändert sich ein Preis, mal kommt ein neues Gericht auf die Karte und oft ist das mit technischem Aufwand verbunden. Hier setzt Storyblok an.

Durch den visuellen Editor kann das Team vom Pasta Lab Änderungen direkt in einer Live-Vorschau vornehmen. Es ist kein „Blindflug“ mehr im Backend nötig. Ob die aktuelle Wochenkarte oder neue Öffnungszeiten, die Pflege der Seite ist nun so intuitiv, dass sie ganz ohne Kopfschmerzen neben dem Tagesgeschäft erledigt werden kann. Ein Highlight, das zwar im Hintergrund bleibt, aber den Arbeitsalltag massiv erleichtert.

Serviert in Rekordzeit: Performance-Ergebnisse

In der Gastronomie ist Timing alles, das gilt auch für die Ladezeit einer Webseite. Wenn ein Gast mobil nach der Speisekarte sucht, zählen Millisekunden. Dank der Architektur von Astro.js wird die Seite „pre-rendered“ serviert.

Web-Leistungsbericht mit folgenden Kennzahlen: LCP, INP, CLS, FCP und TTFB. Alle Indikatoren sind mit Häkchen versehen, was auf eine erfolgreiche Leistung hinweist.

Das bedeutet für pasta-lab.de: Die Inhalte sind sofort da, sobald der User die Domain aufruft. Keine nervigen Ladebalken, kein Ruckeln. Wir haben die Performance so optimiert, dass die Seite bei Google Bestnoten erzielt. Ein technischer Vorsprung, der nicht nur die User glücklich macht, sondern auch das Ranking in den Suchmaschinen nachhaltig stärkt.

Das Fazit: Eine digitale Visitenkarte, die Lust auf mehr macht

Mit dem neuen Auftritt von pasta-lab.de haben wir mehr geschaffen als nur eine Informationsquelle. Entstanden ist eine digitale Visitenkarte, welche den modernen, hochwertigen und einladenden Spirit des Restaurants perfekt nach außen transportiert.

Dieses Projekt zeigt: Auch wenn eine Webseite keine komplexen Spezialfunktionen benötigt, macht die Qualität der Umsetzung den entscheidenden Unterschied. Durch den Einsatz von Astro.js und Storyblok ist das Pasta Lab nun bestens für die Zukunft aufgestellt. Die Seite überzeugt dabei genauso wie das Essen vor Ort. Modernes Web-Handwerk kann eben richtig Freude bereiten.

Besuche jetzt pasta-lab.de und schau dir das Ergebnis an!

Too Long; Didn't read

  • Die Vision: Ein digitaler Auftritt für das Pasta Lab, der genauso frisch, präzise und elegant ist wie die moderne italienische Küche vor Ort.

  • Die Herausforderung: Eine klare Nutzerführung schaffen, die hungrige Gäste abholt und die eigene Pasta-Kreation bereits online übersichtlich darstellt.

  • Der Tech-Stack: Einsatz von Astro.js für maximale Geschwindigkeit und Storyblok als flexibles Headless-CMS.

  • Die Editor-Erfahrung: Intuitive Content-Pflege per Live-Vorschau – Änderungen an der Speisekarte sind ohne technisches Vorwissen sofort erledigt.

  • Die Performance: „Pre-rendered“ Inhalte sorgen für blitzschnelle Ladezeiten und Bestnoten bei Google, was die Sichtbarkeit und User Experience massiv verbessert.

  • Das Ergebnis: Eine zukunftssichere digitale Visitenkarte, die den einladenden Spirit des Restaurants perfekt widerspiegelt.