Die Speisenuebersicht auf arabisk.at mit Aufnahmen der syrischen Gerichte

Webentwicklung

Zurück zum ProjektArabisk

Ein Lokal, eine Seite, fünf Sprachen

Weil die Gäste des Arabisk aus vielen Ländern kommen, lässt sich die gesamte Seite auf Englisch, Französisch, Italienisch und Arabisch umschalten.

arabisk.at

Ein Lokal, eine Seite, fünf Sprachen

Das Arabisk kocht syrisch in der Dreiheiligenstraße in Innsbruck, und seine Gäste kommen aus vielen Ländern. Die Website musste beides tragen: alles über Küche, Haus und Öffnungszeiten auf einer einzigen Seite, und das in der Sprache, die der Gast liest.

Vier Blickwinkel auf dieselbe Seite

Video folgt
  • Eine Seite, die das ganze Lokal trägt Statisch ausgeliefertes HTML ohne Redaktionssystem, aufgebaut als eine durchgehende Startseite: Hero, Küche, Werte, Geschichte mit Video, Spezialitäten, häufige Fragen, Reservierung und Anfahrt. Dazu Impressum, Datenschutz und zwei Landingpages. Selbst gehostete Schriften, Zwei-Klick-Einbindung für Karte und Video, ein Sprachumschalter für fünf Sprachen und ein mobiles Burger-Menü mit erreichbarer Sprachwahl.

    Esc
  • Sauber ausgezeichnet für die Suche Genau eine H1, eine durchgehende Kette aus elf H2 und ein Alt-Text auf allen 26 Bildern, dekorative Ornamente korrekt ausgenommen. Canonical, Open Graph mit Titel, Bild und österreichischem Locale, robots.txt und Sitemap sind gesetzt und zeigen aufeinander. Dazu zwei eigene Landingpages auf die Suchbegriffe arabisches Restaurant Innsbruck und syrisches Restaurant Innsbruck.

    Esc
  • Antworten, die ein KI-System zitieren kann Restaurant-, WebSite- und FAQPage-Schema mit Postanschrift, Geokoordinaten, Telefon, E-Mail, Küchenarten, Preisniveau, Link zur Speisekarte und sechs Öffnungszeitregeln, die auch die geteilten Mittags- und Abendzeiten abbilden. Was das Lokal ist, wo es liegt, wann es offen hat und wie man es erreicht, steht zusätzlich als Fließtext in der Seite, nicht in einem Bild.

    Esc
  • Vom Telefon bis zum großen Bildschirm Die Seite läuft von 375 Pixel Breite bis zum Desktop ohne horizontales Scrollen. Das Burger-Menü öffnet die Linkliste und hält den Sprachumschalter erreichbar, die Spezialitäten klappen von vier Spalten auf eine, der Willkommensbereich von zwei auf eine, und die Überschrift skaliert von 56 auf 32 Pixel. Ein Skip-Link und ARIA-Beschriftungen an Navigation und Karte gehören dazu.

    Esc
  1. Statisch ausgeliefert, ohne CMS

    Fünf Bausteine, aus denen die Website des Arabisk besteht.

    Die Seite besteht aus handgeschriebenem HTML, CSS und JavaScript und braucht kein Redaktionssystem im Hintergrund. Das spart Wartungsoberfläche und Plugin-Abhängigkeiten: der Server liefert fertige Dateien aus. Die Schriften liegen selbst gehostet mit font-display swap und Unicode-Range-Splits, damit kein externer Dienst mitlädt.

  2. Tischanfrage mit Rückfallebene

    Das Resmio-Widget sitzt im Reservierungsblock und nimmt Datum und Uhrzeit entgegen. Falls der Dienst nicht antwortet, tauscht die Seite ihn gegen einen Block mit Telefon- und E-Mail-Button, sodass die Anfrage nie an einer fremden Einbindung hängen bleibt. Daneben stehen Telefonnummer, E-Mail-Adresse und die Öffnungszeiten Tag für Tag.

  3. Fünf Sprachen im Browser

    Deutsch, Englisch, Französisch, Italienisch und Arabisch liegen als Wörterbücher mit je rund hundert Einträgen vor. Der Umschalter in der Navigation tauscht die Texte über data-i18n-Attribute aus, ohne dass ein Neuladen nötig wird, und speichert die Wahl im Browser. Für Arabisch schaltet die Seite auf rechtsläufige Leserichtung und spiegelt das Layout.

  4. Öffnungsstatus über der Navigation

    Über der Navigation liegt eine goldene Leiste, die aus dem hinterlegten Wochenplan den aktuellen Öffnungsstatus berechnet und als Satz ausgibt. Darunter läuft eine schmale Info-Zeile mit Adresse, klickbarer Telefonnummer und den Zeiten der ganzen Woche, sodass die häufigste Frage schon über dem ersten Bild beantwortet ist.

  5. Einwilligung und Rechtstexte

    Google Maps und das YouTube-Video sind als Zwei-Klick-Lösung eingebunden: Vor der Karte liegt ein Platzhalter mit der Adresse und der Schaltfläche zum Laden, das Video startet erst nach Klick, und das Einwilligungsbanner fragt einmal. Impressum nach ECG und Mediengesetz sowie eine Datenschutzerklärung nach DSGVO stehen als eigene Seiten, samt Abschnitten zu Hosting, Reservierungsdienst und beiden Einbettungen.

Was wir für Arabisk machen

1 von 8 Leistungen umgesetzt

  • Website

    Eine statisch ausgelieferte Website für das syrische Restaurant Arabisk in Innsbruck: eine Startseite, die Küche, Geschichte, Öffnungszeiten und die Tischanfrage in fünf Sprachen trägt.

    Diese Seite

Nicht Teil dieses Projekts, aber Teil unseres Angebots.

  • Marketing & Strategie

  • Social Media

  • Fotoproduktion

  • Videoproduktion

  • Grafik & Branding

  • Virtueller Rundgang

  • Employer Branding