Labs
Eigenes Projekt

it-alien.de – Websites mit italienischer Seele

Unsere Branchenlandingpage für italienische Gastronomie: Gino, der Koch-Alien, ein Pizza-UFO und zwölf Designrichtungen führen vom ersten Eindruck zur Website-Anfrage.

Auf einen Blick

  • Zwölf eigenständige Designvorschauen
  • Animierte SVG-Kulisse mit Gino und Pizza-UFO
  • Festpreis-Angebot mit Euro-Lire-Umschalter
  • Direkter Anfrageweg zu CAZ Labs

Ausgangslage

it-alien.de ist unsere eigene Landingpage für ein klar umrissenes Angebot: Websites für Pizzerien, Trattorien, Osterien und andere Betriebe mit italienischer Küche oder Gastlichkeit. Der Name wird wie „Italien“ gesprochen und liefert zugleich die visuelle Idee. Ein Koch von einem anderen Stern stellt das Angebot vor. Die Seite richtet sich an Gewerbetreibende und nennt einen Festpreis von 999 Euro netto. Sie zeigt, welche gestalterischen Richtungen möglich sind, was zum Leistungspaket gehört und wie Interessierte CAZ Labs erreichen.

Herausforderung

Die Seite verbindet eine bewusst verspielte Inszenierung mit konkreter Orientierung. Zwischen Pizza-UFO, italienischen Überschriften und Kinogestaltung müssen Besucher das Angebot einordnen können: Passt eine Gestaltung zu meinem Lokal, welche Inhalte sind vorgesehen und wie geht es danach weiter? Zugleich soll die Designauswahl die Bandbreite italienischer Gastronomie zeigen. Eine traditionelle Pizzeria, eine moderne Enoteca und eine Gelateria brauchen jeweils eine andere visuelle Sprache.

Unsere Lösung

Die Umsetzung verwendet HTML, CSS und JavaScript. Im Einstieg erscheinen Gino l’Alieno mit Kochmütze, Schnurrbart und Handgeste sowie ein Pizza-UFO über einer gezeichneten Dorfkulisse. Die Figuren und Landschaft bestehen aus SVG; Bewegung, Filmkorn und Typografie greifen die Gestaltung eines Kinoplakats auf. Darunter folgen zwölf direkt vergleichbare Designvorschauen: von karierter Trattoria über die Filmszene „Cinecittà“ bis zu Neonlokal, Kassenbon und rosa Sportzeitung. Eine zusätzliche Karte bietet eine individuelle Richtung an. Der Ablauf wird als Auswählen, Kneten und Servieren erklärt. Die Leistungsliste benennt unter anderem Speisekarte, Öffnungszeiten, Anfahrt, Kontakt und das Bestellformular der angebotenen Restaurant-Website. Die Anfrage führt per E-Mail oder über caz.de zu uns.

Besonderheit

Ein Preisbutton wechselt zwischen Euro und dem Gegenwert in alten Lire. Eine eigene Passage verbindet die Landingpage mit al-dente.ai und dessen KI-Nonna. Die Schriftdateien werden lokal eingebunden. Für unterschiedliche Bildschirmbreiten sind eigene Layoutregeln vorhanden; die CSS-Regeln berücksichtigen außerdem den Wunsch nach reduzierter Bewegung. Die häufigen Fragen verwenden native aufklappbare Elemente. Sichtbare Fokusrahmen unterstützen die Orientierung bei Tastaturbedienung.

Das Ergebnis

Zwölf benannte Designvorschauen machen unterschiedliche Gestaltungsrichtungen für italienische Gastronomie auf einer Seite vergleichbar.
Leistungsumfang, Festpreis, Ablauf und Kontakt sind als eigene Abschnitte direkt über die Navigation erreichbar.
Gino, Pizza-UFO und Kinogestaltung verbinden das Wortspiel des Namens mit einer durchgängigen visuellen Welt.
Die Landingpage bündelt das Website-Angebot und verweist Interessierte direkt an CAZ Labs.
Zwei Website-Designs aus der IT-ALIEN-Galerie: Trattoria classica und Cinecittà

Zwölf Designrichtungen statt Einheitslook: Hier treffen klassische Trattoria und italienisches Kino aufeinander.

Eingesetzte Technik

LandingpageGastronomieWebentwicklungSVG-AnimationHTML & CSS

Ähnliches Projekt im Kopf?

Erzählt uns davon — wir bauen digitale Produkte, die wirklich funktionieren. Ehrlich, schnell und ohne Templates.

Projekt anfragen
it-alien.de – Websites mit italienischer Seele | CAZ Labs