Konzept Relaunch Website & Karte

Todo
al momento.

Ein cinematischer Relaunch für die Nikkei-Sushi-Bar in Sant Agustí. Die Lucali baut sich beim Scrollen aus ihren Zutaten zusammen, die Karte wird vom Textblock zum Bestellwerkzeug.

Don Neko Sushi Bar · Av. Joan Miró 319, Sant AgustíStand 03.11.2026Phase Konzept, vor Umsetzung
DON
NEK
O

01 Befund

Das Produkt ist Spitze. Die Seite zeigt es nicht.

4,9
Google, über 700 Bewertungen
#1
von 69 Japanern in Palma (GastroRanking 9,1)
90+
Gerichte in 17 Kategorien, alle mit 14 Allergenen
Aktuelle Startseite von donneko.es mit Foto der leeren Bar und Textkarte 1 2 3 4
  • 1
    Navigation bricht. Oben rechts überlappen Menü, Sprachwahl und Icons. Erster Eindruck: unfertig.
  • 2
    Der Hero zeigt die leere Bar. Kein Gericht, kein Mensch, kein Grund zu bleiben. Das stärkste Argument, das Essen, kommt erst nach dem Scrollen.
  • 3
    Ein Stockfoto führt. Die Frau mit Rolle wirkt austauschbar und passt nicht zur Low-Key-Fotografie der übrigen Bilder.
  • 4
    Die Karte ist eine Textwand. Über 90 Gerichte als Listen, winzige Allergen-Icons, kaum Bilder, keine Filter für vegan oder glutenfrei.
  • 5
    Es fehlt der Weg zum Kauf. Kein Online-Bestellen, keine Reservierung, keine Öffnungszeiten, keine Bewertungen. Bestellt wird per Telefon „mit Vorlauf“.
  • 6
    Die Geschichte fehlt. Das argentinische Gastgeberpaar, die Nikkei-Küche mit Ceviche und Dulce de leche, die Familienatmosphäre aus den Bewertungen: nichts davon ist zu sehen.
  • +
    Was bleibt: Logo, Farben und Schriften sind solide. Mehrere Fotos sind stark, vor allem die geflämmte Lucali. Darauf bauen wir auf.

Quellen: donneko.es (abgerufen 03.11.2026), Google-Bewertungen über mallorca.com, gastroranking.es, Wanderlog-Bewertungen. Gerichtsanzahl aus der aktuellen Online-Karte gezählt.

02 Marke · verfeinern, nicht neu erfinden

Präzise wie ein Schnitt. Warm wie Gastgeber.

Logo, Creme, Kachelgrau, Orange, Cormorant und Jost bleiben. Wir ersetzen das harte Schwarz durch warmes Sumi-Braun, geben dem Orange eine Geschichte (Aburi, der geflämmte Lachs) und machen die drei Logo-Kacheln zum Gestaltungsraster.

Sumi#15120E · Basis
Pizarra#221F1B · Flächen
Kachel#3A3836 · nur Kachelmotiv
Washi#E9E3D9 · Logo-Creme
Tinta#2B2926 · Text auf Creme
Ceniza#9A9389 · Sekundärtext
Aburi#DD5903 · ein Funke pro Ansicht
Aburi tief#A63F08 · Orange-Text auf Creme
Salmón#E8836B · Signature
Wasabi#8A9A5B · vegan / sin gluten
Lucali

Cormorant Garamond 300/400. Emotion: Display-Zeilen, Gerichtsnamen, Zitate.

Rolls Especiales
21,00

Jost 400/500. Logo-DNA: Navigation, Kategorien, Preise mit Tabellenziffern.

巻き寿司

Shippori Mincho. Japanisch eine Stufe leiser als Latein, vertikal als Randspalte.

Drei Kacheln

DON · NEKO · ねこ寿司 werden zum Raster für Hero, Kategorien und die Druckkarte.

Der Schnitt

Fugen als 1px-Messerlinien. Bilder öffnen sich in Streifen, eine Rolle zerfällt in acht Stücke.

Hanko

Siegel in Aburi-Orange für Signature-Gerichte, Favicon, Take-away-Tüte. Maximal einmal pro Ansicht.

Pfote, keine Katze

Die winkende Maneki-Pfote nur als Linie: Ladeanimation, Hover auf „Pedir“. Kein Maskottchen.

Kontrast geprüft nach WCAG 2.2: Orange auf Creme erreicht nur ca. 3:1 und wird deshalb nie für Text verwendet. Buttons in Orange tragen dunkle Schrift (ca. 4,8:1).

03 Drei Varianten für den Hero

Die Zutaten fliegen zusammen. Aber welche Rolle erzählt es am besten?

Alle drei nutzen dieselbe Technik wie bei den letzten Projekten: Ein KI-Film wird in Einzelbilder zerlegt und läuft im Takt des Scrollens. Der Hero bleibt stehen, bis die Rolle fertig ist, dann gibt er die Seite frei.

Empfehlung
Variante A

Explosión

Die Lucali schwebt als Explosionszeichnung im Dunkel und setzt sich Schicht für Schicht zusammen. Die Flamme vollendet sie, das Messer zeigt den Querschnitt.

  1. 0–10 %Ein Sesamkorn im Lichtkegel. „Todo al momento.“
  2. 10–25 %Nori, Reis, Gambas, Mango, Philadelphia, Lachs schweben gestaffelt
  3. 25–40 %Reis legt sich auf Nori, Füllung sinkt in die Mitte
  4. 40–55 %Bambusmatte rollt. „Hecho a mano.“
  5. 55–70 %Lachsscheiben legen sich wie Schuppen auf
  6. 70–82 %Flamme fährt über den Lachs, Rauchfaden
  7. 82–92 %Schnitt in acht Stücke, Querschnitt zur Kamera
  8. 92–100 %Money Shot auf Schiefer. „Lucali.“ + Bestellen
Wow
●●●●●
Story
●●●●●
KI-Risiko
●●●●●
Variante B

Dos orillas

Argentinische Zutaten von links, japanische von rechts, warmes und kühles Licht. Sie treffen sich in der Mitte zur Buenos Aires Roll. Daneben ein Glas Malbec.

  1. 0–12 %Geteiltes Licht. „Dos orillas. Una mesa.“
  2. 12–42 %Avocado, Gambas, Limette treffen Reis, Nori, Lachs
  3. 42–72 %Rollen, Lachsmantel legt sich wie ein Tuch
  4. 72–100 %Süße Soja, Schnitt, Money Shot mit Malbec
Wow
●●●●●
Story
●●●●●
KI-Risiko
●●●●●
Variante C

Corte

Die Kamera fliegt durch das Innere der Maneki, vorbei an Reiskörnern und Avocado, unter einem Gewölbe aus rotem Thun, und tritt aus dem Querschnitt heraus. Maneki ist die Glückskatze: passt zu Neko.

  1. 0–25 %Makro zwischen Reiskörnern. „Mira dentro.“
  2. 25–55 %Gambas wie goldene Landschaft, roter Thun als Gewölbe
  3. 55–85 %Kamera zieht zurück, die ganze Rolle wird sichtbar
  4. 85–100 %Acht Stücke im Bogen. „Maneki. Trae suerte.“
Wow
●●●●●
Story
●●●●●
KI-Risiko
●●●●●

Empfehlung: A. Sie liegt am nächsten an deiner Idee und hat mit Flamme und Schnitt zwei echte Höhepunkte. Die Lucali ist schon heute das stärkste Foto des Hauses. Die Geschichte aus B wandert in die Gastgeber-Sektion weiter unten.

Bilder in den Karten: vorhandene Fotos von donneko.es als Stimmungsreferenz. Die Hero-Filme werden neu erzeugt.

04 Bewegungsprototyp Variante A

Scroll einmal durch.

Gezeichnete Platzhalter statt Film, damit Ablauf und Timing jetzt schon spürbar sind. In der Umsetzung liegt hier der fotoreale Film mit 130 Einzelbildern.

Nori · Arroz · Salmón
Todo al momento.
Sieben Zutaten schweben im Dunkel. Jede bekommt ihr eigenes Licht.
PedirVer la carta
Scroll 0 %
TechnikCanvas zeichnet je nach Scrollposition das passende Einzelbild. Mobil 90 Bilder in Hochformat, Desktop 130 im Querformat.
LadezeitDas Endbild lädt zuerst und ist sofort sichtbar. Die übrigen Bilder laden im Hintergrund nach: mobil höchstens 2 MB, Desktop 4,5 MB.
Ruhige FassungWer „Bewegung reduzieren“ eingestellt hat oder ohne JavaScript surft, sieht direkt das fertige Bild mit Titel und Button.

05 Wireframes Startseite

Neun Sektionen, ein roter Faden: vom Schnitt zur Bestellung.

Graustufen mit echten Proportionen. Orange markiert die Bewegungsmomente. Rechts daneben die Mobilfassung; dort führt ab Ende des Heros eine feste Leiste mit Pedir, Reservar und Llamar.

Don Neko
Carta · Signatures · Nosotros · Visítanos
Signature
Lucali.
Scroll-Film 400vh, sticky
Lucali.
01 · Hero

Die Rolle entsteht

Zutaten fliegen zusammen, Flamme, Schnitt, Money Shot. Text in drei Etappen links, am Ende ein einziger Button.

Motion: Scroll-Film, Fortschrittslinie rechts, „Desliza“-Hinweis
Manifiesto
Elaborado
al momento.
4,9
#1
100 %
Wörter laufen einzeln ein
Elaborado
al momento.
4,9
#1
100 %
02 · Manifest

Warum es schmeckt

Ein Satz Haltung: alles frisch auf Bestellung, Zutaten tauschbar, glutenfreie Soja. Drei Zahlen als Beleg.

Motion: kinetische Schrift, „momento“ bekommt eine Flammenspur als Unterstrich
Signatures
Lucali · 21,00
gepinnt, Scroll schiebt horizontal
Signatures
03 · Signatures

Sechs Rollen zum Verlieben

Lucali, Buenos Aires, Maneki, Osaka, Foie, Avocado Kuro. Großes Bild, Name, eine Zeile Zutaten, Preis, Plus zum Bestellen.

Motion: Tippen oder Hover öffnet kreisrund den Querschnitt
Los anfitriones
De Buenos Aires
a Sant Agustí.
Iris öffnet das Porträt
De Buenos Aires
a Sant Agustí.
04 · Gastgeber

Das Gesicht hinter der Bar

Das Ehepaar aus Argentinien, Nikkei-Küche als Brücke. Drei Gerichte als Belege: Ceviche Nikkei, Tiradito, Mousse mit Dulce de leche.

Motion: runder Ausschnitt wie ein Rollen-Querschnitt öffnet sich beim Scrollen
La carta
La carta
05 · Karte

Einstieg in Kategorien

Acht Bildkacheln führen auf die volle Karte. Schnellfilter vegano und sin gluten direkt darüber.

Motion: Kacheln öffnen sich in vertikalen Schnittstreifen
Para llevar o en mesa.
● Abierto · hasta 23:30
Pedir
Reservar
Para llevar
o en mesa.
06 · Pedir & Reservar

Vom Appetit zur Bestellung

Abholzeit wählen statt anrufen, Tisch mit Personen, Datum, Uhrzeit. Beides über die bestehende Restaurantsoftware von Don Neko, Telefon bleibt als Ausweg.

Status live: Abierto / Cerrado aus denselben Öffnungszeiten
4,9
#1
4,0 zählt auf 4,9
4,9
#1
07 · Opiniones

Zahlen statt Sterne

Google 4,9 und Platz 1 bei GastroRanking groß, darunter kurze echte Zitate: Omakase, Weinbegleitung, Familie.

Motion: Zitate als ruhiges Laufband, stoppt bei Hover
Visítanos
Visítanos
08 · Visítanos

Hinfinden

Adresse, Telefon, Öffnungszeiten mit heute hervorgehoben, Karte lädt erst auf Klick. Hinweis zu Parken und Bus.

09 · Footer

Pflicht und Wiederfinden

Logo, Social, Allergen-Hinweis, Neko Pokes, Impressum, ES · EN · DE.

06 Die Karte neu gedacht

Von der Textwand zum Werkzeug.

Eigene Seite /carta, auch als QR-Ziel am Tisch. Gerichte, Preise und Allergene kommen aus der Restaurantsoftware, die Don Neko schon nutzt. Wer den Preis ändert, ändert ihn überall.

La carta● Abierto · hasta 23:30
SignaturesEspecialesClásicosTempuraVegan

Rolls Especiales

巻き · x8
Lucali 猫21,00Gambas, mango, philadelphia · salmón flambeado
Buenos AiresGambas, aguacate, philadelphia · salmón18,50+
OsakaGambas, pepino, jengibre · atún rojo19,75+
FoieFoie gras · salmón flambeado, frutos rojos22,50+
Ver pedido · 2
Reservar
Llamar

ListeKategorien als Leiste mit Scroll-Spy, Bildkarten für Especiales, kompakte Zeilen für Klassiker.

La carta● Abierto
Lucali 21,00
x8 · flambeado · Signature Don Neko
Dentro: gambas, mango, philadelphia. Fuera: salmón flambeado, crujiente de boniato, teriyaki.
GlutenLácteosCrustáceosPescadoSoja
¿Lo quieres a tu manera? Cambiamos ingredientes al momento.
Añadir · 21,00 €

Gericht im DetailQuerschnitt groß, Zutaten innen nach außen, Allergene als lesbare Wörter, Wunsch-Notiz.

Filtrar✕
Dieta
VeganoVegetarianoSin gluten posible
Preparación
CrudoFlambeadoTempura caliente
Picante
Sin picantePicante
Sin alérgeno
CrustáceosLácteosSésamoHuevoCacahuetesMostaza+8
Ver 9 platos

FilterVier Gruppen, kombinierbar. Die Trefferzahl steht live im Button.

Crea tu poke2 / 4
Proteína
Salmón
Salmón crujiente
Atún
Gambas
Tofu
Hummus
Siguiente · 18,50 €

Poke-BaukastenBase, drei Beilagen, Protein, Sauce. Die Bowl füllt sich Schritt für Schritt, Allergene rechnen mit.

Don · Entrantes
Tuna Taco9,00Tartar de atún bluefin, alga, huevas de trucha4 · 7 · 11 · 13 · 14
Gambas Dinamita12,25Panko, salsa dinamita picante1 · 2 · 3 · 4 · 11
Hot Geishas4,00Croqueta de salmón, aguacate, queso1 · 3 · 4 · 7 · 11
Ceviches
Nikkei25,25Salmón, leche de tigre, boniato1 · 3 · 4 · 9
Neko · Especiales
Lucali 猫21,00Gambas, mango, philadelphia · salmón flambeado1 · 2 · 4 · 6 · 7
Buenos Aires18,50Gambas, aguacate · salmón, soja dulce1 · 2 · 4 · 6 · 7 · 11
Maneki20,25Gambas, aguacate · atún rojo, wakame2 · 4 · 11
ねこ寿司 · Tempura
Goku18,50Salmón, aguacate, naranja y teriyaki1 · 3 · 4 · 6 · 7
Ebi Mango17,50Langostinos, salsa casera de mango1 · 2 · 3 · 11
Vegan
Bio Mexican ● VEGANO15,00Tofu, guacamole casero6 · 11
QR
Carta completa, alérgenos e idiomas

Druck Tischkarte

Drei Spalten, drei Kacheln.

DON für Vorspeisen und Ceviche, NEKO für die Rolls, ねこ寿司 für Tempura, Vegan, Niguiri und Combinados. Ein Bild pro Spalte, Signature mit Hanko-Stempel, Allergene als Nummern 1–14 mit Legende im Fuß. Preise ohne Eurozeichen, Ziffern exakt untereinander. Der QR-Code führt auf die volle Karte in der Sprache des Handys.

Allergen-Nummern im Entwurf sind Platzhalter nach EU-Reihenfolge; die endgültige Zuordnung kommt aus den Karten-Daten.

07 Bildwelt

Hände statt Models. Schiefer statt weißer Teller.

Ein weiches Licht von links oben, warmes Braunschwarz statt totem Schwarz, drei feste Perspektiven: Makro-Querschnitt, Draufsicht, 45 Grad. Argentinien nur als leise Spur: ein Glas Malbec am Bildrand, Dulce de leche beim Dessert.

Behalten

Lucali an Stäbchen. Leitbild für Licht und Farbe aller neuen Aufnahmen.

Behalten

Lucali auf Schiefer. Starke Tiefe, Referenz für den Hero-Film.

Retusche

Ceviche. Untergrund auf Schiefer-Ton anheben, Sesam reduzieren.

Retusche

Roll mit Sake. Fremdes Flaschenetikett entfernen, linke Bildseite beruhigen.

Ersetzen

Tamago. Zu niedrige Auflösung, Stäbchen vor dem Motiv.

Ersetzen

Vegan-Maki. Kühles Licht, Glasschale, Stock-Anmutung.

Ersetzen

Poke. Tageslicht und Garten passen nicht in die Low-Key-Welt.

Entfernen

Stockfoto. Austauschbares Gesicht, widerspricht „Hände statt Models“.

Neue Aufnahmen, alle von der echten Karte

Generierte Gerichte werden vor Veröffentlichung mit dem echten Teller abgeglichen: Zutaten, Anrichteweise, Portionsgröße. Die Gäste sollen bekommen, was sie sehen.

08 Umsetzung

Vier Schritte bis zum Launch.

Schritt 1

Fundament

Farben, Schriften, Raster. Anbindung an die Restaurantsoftware für Karte, Öffnungszeiten, Bestellung, Reservierung.

Schritt 2

Karte

/carta mit Kategorien, Filtern, Detail-Ansicht und Poke-Baukasten. Größter Nutzen, unabhängig vom Hero.

Schritt 3

Startseite

Sektionen 02 bis 09, zunächst mit dem Endbild im Hero. Bilder erzeugen, retuschieren, abgleichen.

Schritt 4

Hero-Film

Drei Filmteile mit festen Start- und Endbildern, Zerlegung in Einzelbilder, Prüfung auf allen Geräten, Livegang.

≤ 2,0 s
bis das Hero-Bild auf dem Handy steht
≤ 2 MB
Hero-Film mobil, lädt nach dem ersten Bild
3
Sprachen: Español, English, Deutsch
1
Datenquelle für Karte, Preise, Allergene, Zeiten

Was du jetzt entscheidest

Noch zu klären mit Don Neko: verbindliche Öffnungszeiten (Portale widersprechen sich), Lieferung oder nur Abholung, Freigabe der Gastgeber für Namen und Geschichte, Gegenlesen der japanischen Kategorienamen.