Concept Website & menu relaunch

Todo
al momento.

A cinematic relaunch for the Nikkei sushi bar in Sant Agustí. The Lucali assembles itself from its ingredients as you scroll, and the menu turns from a wall of text into an ordering tool.

Don Neko Sushi Bar · Av. Joan Miró 319, Sant AgustíVersion 03.11.2026Stage Concept, pre-build
DON
NEK
O

01 Findings

The food is outstanding. The website doesn’t show it.

4.9
Google, 700+ reviews
#1
of 69 Japanese restaurants in Palma (GastroRanking 9.1)
90+
dishes in 17 categories, all tagged for the 14 allergens
Current donneko.es homepage with a photo of the empty bar and a text-only menu 1 2 3 4
  • 1
    The navigation breaks. Top right, the menu, language picker and icons overlap. First impression: unfinished.
  • 2
    The hero shows an empty bar. No dish, no people, no reason to stay. The strongest argument, the food, only appears after scrolling.
  • 3
    A stock photo leads. The woman holding a roll feels generic and clashes with the low-key photography elsewhere.
  • 4
    The menu is a wall of text. Over 90 dishes in lists, tiny allergen icons, hardly any photos, no vegan or gluten-free filters.
  • 5
    There is no path to purchase. No online ordering, no booking, no opening hours, no reviews. Orders go by phone, “in advance”.
  • 6
    The story is missing. The Argentinian couple behind the bar, the Nikkei cooking with ceviche and dulce de leche, the family feel the reviews praise: none of it is visible.
  • +
    What stays: the logo, colours and typefaces are solid. Several photos are strong, above all the flame-seared Lucali. We build on that.

Sources: donneko.es (accessed 03.11.2026), Google reviews via mallorca.com, gastroranking.es, Wanderlog reviews. Dish count taken from the current online menu.

02 Brand · refine, don’t reinvent

Precise as a cut. Warm as a good host.

The logo, cream, tile grey, orange, Cormorant and Jost all stay. We swap hard black for a warm sumi brown, give the orange a story (aburi, the flame-seared salmon) and turn the three logo tiles into the design grid.

Sumi#15120E · Base
Pizarra#221F1B · Surfaces
Tile#3A3836 · tile motif only
Washi#E9E3D9 · Logo cream
Tinta#2B2926 · Text on cream
Ceniza#9A9389 · Secondary text
Aburi#DD5903 · one spark per view
Aburi deep#A63F08 · orange text on cream
Salmón#E8836B · Signature
Wasabi#8A9A5B · vegan / gluten-free
Lucali

Cormorant Garamond 300/400. Emotion: display lines, dish names, quotes.

Rolls Especiales
21,00

Jost 400/500. Logo DNA: navigation, categories, prices in tabular figures.

巻き寿司

Shippori Mincho. Japanese one step quieter than Latin, set vertically as a margin column.

Three tiles

DON · NEKO · ねこ寿司 become the grid for the hero, the categories and the printed menu.

The cut

Gaps as 1px knife lines. Images open in strips; a roll falls into eight pieces.

Hanko

A seal in aburi orange for signature dishes, the favicon and the takeaway bag. Once per view at most.

A paw, not a cat

The beckoning maneki paw as a single line: loading animation, hover on “Pedir”. No mascot.

Contrast checked against WCAG 2.2: orange on cream reaches only about 3:1, so it is never used for text. Orange buttons carry dark text (about 4.8:1).

03 Three hero options

The ingredients fly together. But which roll tells it best?

All three use the same technique as our recent projects: an AI-generated film is split into frames that play in step with the scroll. The hero stays pinned until the roll is finished, then releases the page.

Recommended
Option A

Explosión

The Lucali floats in the dark as an exploded view and assembles layer by layer. The flame finishes it, the knife reveals the cross-section.

  1. 0–10 %A single sesame seed in a beam of light. “Todo al momento.”
  2. 10–25 %Nori, rice, prawns, mango, Philadelphia and salmon float in tiers
  3. 25–40 %Rice settles on the nori, the filling sinks to the centre
  4. 40–55 %The bamboo mat rolls. “Hecho a mano.”
  5. 55–70 %Salmon slices layer on like scales
  6. 70–82 %The flame sweeps the salmon, a wisp of smoke
  7. 82–92 %Cut into eight pieces, cross-section to camera
  8. 92–100 %Money shot on slate. “Lucali.” + Order
Wow
●●●●●
Story
●●●●●
AI risk
●●●●●
Option B

Dos orillas

Argentinian ingredients from the left, Japanese from the right, warm and cool light. They meet in the middle as the Buenos Aires Roll. Beside it, a glass of Malbec.

  1. 0–12 %Split light. “Dos orillas. Una mesa.”
  2. 12–42 %Avocado, prawns and lime meet rice, nori and salmon
  3. 42–72 %Rolling; the salmon wrap drapes like cloth
  4. 72–100 %Sweet soy, the cut, money shot with Malbec
Wow
●●●●●
Story
●●●●●
AI risk
●●●●●
Option C

Corte

The camera flies through the inside of the Maneki, past grains of rice and avocado, under a vault of red tuna, and exits through the cross-section. Maneki is the lucky cat: a natural fit for Neko.

  1. 0–25 %Macro between grains of rice. “Mira dentro.”
  2. 25–55 %Prawns as a golden landscape, red tuna as a vault
  3. 55–85 %The camera pulls back; the whole roll comes into view
  4. 85–100 %Eight pieces in an arc. “Maneki. Trae suerte.”
Wow
●●●●●
Story
●●●●●
AI risk
●●●●●

Recommendation: A. It is closest to your idea and has two real peaks: the flame and the cut. The Lucali is already the restaurant’s strongest photo. The story from B moves to the hosts section further down.

Card images: existing photos from donneko.es as a mood reference. The hero films will be newly generated.

04 Motion prototype, option A

Scroll all the way through.

Drawn placeholders instead of film, so the sequence and timing can be felt now. In the build, the photoreal 130-frame film sits here.

Nori · Arroz · Salmón
Todo al momento.
Seven ingredients float in the dark. Each gets its own light.
PedirVer la carta
Scroll 0 %
TechniqueA canvas draws the matching frame for each scroll position. Mobile: 90 portrait frames. Desktop: 130 landscape.
Load timeThe final frame loads first and is visible at once. The rest load in the background: 2 MB max on mobile, 4.5 MB on desktop.
Calm versionAnyone with “Reduce motion” enabled, or browsing without JavaScript, sees the finished image with title and button straight away.

05 Homepage wireframes

Nine sections, one thread: from the cut to the order.

Greyscale at true proportions. Orange marks the motion moments. To the right, the mobile version: from the end of the hero, a fixed bar with Pedir, Reservar and Llamar.

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

The roll takes shape

Ingredients fly together, flame, cut, money shot. Text in three stages on the left, a single button at the end.

Motion: scroll film, progress line on the right, “Desliza” cue
Manifiesto
Elaborado
al momento.
4,9
#1
100 %
Words enter one by one
Elaborado
al momento.
4,9
#1
100 %
02 · Manifesto

Why it tastes this good

One line of attitude: everything made fresh to order, ingredients swappable, gluten-free soy. Three numbers as proof.

Motion: kinetic type, “momento” gets a flame trail as its underline
Signatures
Lucali · 21,00
pinned, scroll moves sideways
Signatures
03 · Signatures

Six rolls to fall for

Lucali, Buenos Aires, Maneki, Osaka, Foie, Avocado Kuro. Large image, name, one line of ingredients, price, a plus to order.

Motion: tap or hover opens the cross-section in a circle
Los anfitriones
De Buenos Aires
a Sant Agustí.
An iris opens the portrait
De Buenos Aires
a Sant Agustí.
04 · Hosts

The faces behind the bar

The Argentinian couple, with Nikkei cooking as the bridge. Three dishes as proof: Ceviche Nikkei, Tiradito, mousse with dulce de leche.

Motion: a round crop, like a roll’s cross-section, opens on scroll
La carta
La carta
05 · Menu

Entry by category

Eight image tiles lead to the full menu. Quick filters vegano and sin gluten right above.

Motion: tiles open in vertical cut strips
Para llevar o en mesa.
● Abierto · hasta 23:30
Pedir
Reservar
Para llevar
o en mesa.
06 · Pedir & Reservar

From appetite to order

Pick a pickup time instead of calling; book a table with party size, date and time. Both run through Don Neko’s existing restaurant software, with the phone as a fallback.

Live status: Abierto / Cerrado from the same opening hours
4,9
#1
4.0 counts up to 4.9
4,9
#1
07 · Opiniones

Numbers, not stars

Google 4.9 and #1 on GastroRanking, set large; below, short real quotes: omakase, wine pairing, family.

Motion: quotes on a slow ticker that pauses on hover
Visítanos
Visítanos
08 · Visítanos

Finding us

Address, phone, opening hours with today highlighted; the map loads only on click. Notes on parking and buses.

09 · Footer

Essentials and wayfinding

Logo, social, allergen notice, Neko Pokes, legal notice, ES · EN · DE.

06 The menu, rethought

From wall of text to tool.

Its own page, /carta, which is also the QR target at the table. Dishes, prices and allergens come from the restaurant software Don Neko already uses. Change a price once and it changes everywhere.

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

ListCategories in a bar with scroll-spy, photo cards for Especiales, compact rows for the classics.

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 €

Dish detailLarge cross-section, ingredients from inside out, allergens as readable words, a note for requests.

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

FiltersFour groups, combinable. The match count updates live in the button.

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

Poke builderBase, three toppings, protein, sauce. The bowl fills step by step, and allergens are tracked as you go.

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

Print Table menu

Three columns, three tiles.

DON for starters and ceviche, NEKO for the rolls, ねこ寿司 for tempura, vegan, niguiri and combinados. One image per column, signatures with a hanko stamp, allergens as numbers 1–14 with a key at the foot. Prices without the euro sign, figures aligned exactly. The QR code opens the full menu in the phone’s language.

Allergen numbers in the draft are placeholders in EU order; the final mapping comes from the menu data.

07 Imagery

Hands, not models. Slate, not white plates.

Soft light from the top left, warm brown-black instead of dead black, three fixed angles: macro cross-section, top-down, 45 degrees. Argentina only as a quiet trace: a glass of Malbec at the edge of frame, dulce de leche with dessert.

Keep

Lucali with chopsticks. The reference for light and colour in every new shot.

Keep

Lucali on slate. Strong depth; reference for the hero film.

Retouch

Ceviche. Shift the background to a slate tone, reduce the sesame.

Retouch

Roll with sake. Remove the third-party bottle label, calm the left side.

Replace

Tamago. Resolution too low, chopsticks in front of the subject.

Replace

Vegan maki. Cool light, glass bowl, stock-photo feel.

Replace

Poke. Daylight and garden don’t fit the low-key world.

Remove

Stock photo. A generic face; contradicts “hands, not models”.

New shots, all from the real menu

Generated dishes are checked against the real plate before publishing: ingredients, plating, portion size. Guests should get what they see.

08 Delivery

Four steps to launch.

Step 1

Foundation

Colours, typefaces, grid. Integration with the restaurant software for menu, opening hours, ordering and booking.

Step 2

Menu

/carta with categories, filters, detail view and poke builder. The biggest win, independent of the hero.

Step 3

Homepage

Sections 02 to 09, initially with the final frame in the hero. Generate, retouch and check images.

Step 4

Hero film

Three film segments with fixed start and end frames, split into frames, tested on every device, go-live.

≤ 2.0 s
until the hero image is up on a phone
≤ 2 MB
hero film on mobile, loads after the first frame
3
languages: Español, English, Deutsch
1
data source for menu, prices, allergens, hours

What you decide now

Still to confirm with Don Neko: definitive opening hours (listings contradict each other), delivery or pickup only, the hosts’ approval of names and story, a proofread of the Japanese category names.