Catering by Ilayda · Entwurfsrunde 1 · 28. Oktober 2026
ilycious bites: Logo- und Design-Entwürfe
Vier Logo-Konzepte, drei komplette Design-Richtungen und für jede Richtung eine lauffähige Top-to-Bottom-Animation. Alles ist Vektor und Code, also direkt in die echte Website übertragbar.
Deine Inspiration und was ich daraus gezogen habe
Samt und Handschrift
Roter Samt-Punkt-Print auf Creme, dazu kobaltblaue Handschrift. Taktil, verspielt, wie eine Einladungskarte. Wird zu Richtung A.
Farbkarten auf Material
Cremegelb, Weinrot, Hellblau, Erdbraun, Kaffeebraun. Die Karten liegen auf Fell, Butter, Wolle und Himbeeren. Wird zur Palette und zu Richtung C.
Körniger Guss
Grobkörniger Verlauf von Gold über Oliv zu Himbeere, darauf ein weicher, tropfender Buchstabe. Wird zu Richtung B und zur Animation.
Der Name
Beide Schreibweisen funktionieren. Entscheidend ist, wie man es liest: ohne das zweite i liest jeder sofort „delicious" mit, mit dem zweiten i wird es zum Zungenbrecher. Meine Empfehlung steht rot markiert.
gesprochen „ih-LISH-us"
voller Name
gesprochen „ily-ISH-us"
voller Name
Vier Logo-Konzepte
Jedes Logo gibt es als Wortmarke und als Bildmarke für Profilbild, Favicon und Aufkleber. Alle sind aus Schrift und Vektorformen gebaut, keine Bilddateien.
1 · Handschrift
Direkt aus Bild 1: handgeschriebene Wortmarke in Kobaltblau, darunter „bites" in lockerer Druckschrift. Fühlt sich an wie ein Zettel am Buffet. Persönlich, warm, Ilayda schreibt selbst.
1 · Bildmarke
Ein einzelner Samtpunkt mit dem handgeschriebenen „i". Funktioniert als Sticker auf Boxen, als Profilbild und als Favicon.
2 · Tropfen-i
Aus Bild 3: weiche, bauchige Buchstaben. Der i-Punkt ist ein Tropfen, der von oben herunterfällt und auf dem i landet. Das ist gleichzeitig die Ladeanimation der Website. Mutigste Variante, sehr eigen.
2 · Bildmarke
Nur das i mit dem Tropfen, in Pflaume und Himbeere auf Creme. Eine Form, die man sich merkt und die ohne Text funktioniert.
3 · Farbkarte
Aus Bild 2: das Logo ist eine Farbkarte. Oben der Name in einer eleganten Didone-Schrift, unten Kennzahlen wie auf dem Chip. Jedes Menü bekommt seine eigene Karte in seiner Farbe. Edel, geordnet, gut für gehobene Anlässe.
3 · Als System
So sieht die Karte für ein Angebot aus. Die Website stapelt diese Karten von oben nach unten, siehe Richtung C.
4 · Der Biss
„bites" wörtlich genommen: ein Kreis, aus dem ein Stück herausgebissen ist, mit Krümeln. Innen „ily", außen der volle Name als Stempelring. Passt zu Richtung A und C, sehr gut auf Verpackung, Servietten und als Stempel.
4 · Dunkle Variante
Creme auf Kaffeebraun mit hellblauem Ring. Der Biss bleibt auch klein erkennbar, deshalb eignet er sich als Favicon.
Drei Design-Richtungen
Jede Richtung hat eine Palette, zwei Schriften, einen Seitenaufbau und ihre eigene Top-to-Bottom-Animation. Die Mockups unten laufen echt: „Nochmal abspielen" startet die Animation neu.
Richtung A · Samt und Punkte
Die Punkte fallen von oben herunter und legen sich zum Muster, danach schreibt sich der Name. Die ganze Seite ist eine lange Tischdecke: beim Scrollen gleiten die Punkte langsam weiter, weiße „Teller" (Flächen) liegen darauf und tragen Menüs, Fotos und das Anfrageformular.
- Startseite: Punkte fallen, Name schreibt sich, ein Satz, ein Knopf „Anfrage senden".
- Menüs als „Teller" auf der Tischdecke, mit Preis pro Person.
- Anlässe: Brunch, Geburtstag, Firmenfeier, Hochzeit.
- Über Ilayda mit Foto, dann Anfrageformular, Footer mit Instagram.
Richtung B · Der Guss
Der körnige Verlauf gießt sich von oben über die Seite, dann fällt der i-Punkt als Tropfen auf das Logo. Beim Scrollen läuft der Guss weiter nach unten: jeder Abschnitt hat seine Farbe im Verlauf, Gold für Frühstück, Oliv für Herzhaftes, Himbeere für Süßes. Die Farbe erzählt die Speisefolge.
- Startseite: Guss von oben, Tropfen fällt, ein Satz, ein Knopf.
- Menüs laufen als Farbfolge durch den Verlauf, jedes Gericht als große Schrift mit Foto.
- Galerie mit Körnung über den Fotos, damit alle Bilder zusammengehören.
- Anfrage am unteren Ende des Gusses, dort wo die Farbe wieder hell wird.
Richtung C · Farbkarten
Die Karten werden von oben ausgeteilt und stapeln sich versetzt, genau wie in deinem zweiten Bild. Beim Scrollen bleibt die oberste Karte kleben, die nächste schiebt sich darunter hervor: jede Karte ist ein Menü, ein Anlass oder das Anfrageformular. Hinter den Karten liegen große Foto-Flächen vom Essen.
by Ilayda
- Startseite: Karten werden ausgeteilt, oberste Karte ist das Logo.
- Jedes Menü ist eine Karte mit Kennzahlen (Stücke pro Gast, Vorlauf, Preis).
- Beim Scrollen stapeln sich die Karten, Fotos vom Essen liegen dahinter.
- Letzte Karte ist das Anfrageformular.
Meine Empfehlung
Alle drei Richtungen lassen sich mit jedem Logo kombinieren, aber drei Paare passen besonders gut zusammen.
Am eigenständigsten. Der fallende Tropfen ist Logo, Ladeanimation und Scroll-Idee in einem. Niemand sonst in der Catering-Welt sieht so aus. Risiko: wirkt eher jung und event-lastig als klassisch-fein.
Am wärmsten und persönlichsten. Passt, wenn Ilayda als Person im Vordergrund stehen soll und die Zielgruppe private Feiern sind. Der Biss (Logo 4) gibt ihr zusätzlich eine starke Bildmarke.
Am edelsten. Passt für Firmenkunden und Hochzeiten. Lebt davon, dass gute Fotos vom Essen vorhanden sind, weil die Karten über Fotos liegen.
Wie es weitergeht
- Du wählst Logo und Richtung oder beschreibst, was dir woran gefällt. Ich mache daraus eine zweite Runde mit Feinschliff.
- Danach baue ich die echte Website im Ordner Website als statische Seite (HTML, CSS, etwas JavaScript), ohne Baukasten und ohne laufende Kosten.
- Für GitHub brauche ich den Deploy-Key. Anleitung: in deinem Terminal
ssh-keygen -t ed25519 -C "ilycious-deploy" -f ~/.ssh/ilycious_deployausführen, dann im GitHub-Repo unter Settings → Deploy keys den Inhalt vonilycious_deploy.pubmit Schreibrechten eintragen. - Hosting: Cloudflare Pages ist kostenlos und zieht direkt aus dem GitHub-Repo. Die Domain registrierst du bei Cloudflare, dort kostet eine .de-Domain etwa 7 Euro im Jahr. Komplett kostenlos geht nur eine Unterdomain wie ilycious.pages.dev.