Pular para o conteúdo
Menu
← Trabalhos

Hakone

Landing page para um sushibar no Bairro Alto. Linguagem de cartaz de estrada, com faixas preto, creme e papel de arroz, letras serifadas gigantes que sangram para fora do ecrã e o nigiri ao centro, sem moldura.

Ver o site no ar Ver a estrutura ↓

Segmento
Sushibar
Entrega
Landing page
Origem
Projeto conceito
Ano
2026
Tecnologia
Astro, Tailwind CSS, GSAP

Projeto conceito: o negócio é fictício, criado para explorar o segmento. O design e o código são reais.

O desafio

Um sushibar de balcão vive da confiança no peixe e da experiência de se sentar à frente do chef. A Hakone precisava de uma página com atitude de marca, longe do cliché vermelho e dourado, e que levasse direto à reserva do balcão.

A solução

  • Cartaz de estrada. Faixas de cor a toda a largura, encostadas sem espaço entre elas: preto, creme e papel de arroz. A costura entre cores é o próprio layout.
  • Letras gigantes. Serifado em maiúsculas com entrelinha 0.8, a sangrar para fora do ecrã. Ao rolar, cada linha desliza para o seu lado, como um painel a passar na estrada.
  • O produto é o herói. O nigiri fica ao centro, sobre o preto, sem cartão nem sombra, e aproxima-se a rodar com o scroll.
  • Peixe rastreável. Origem, arte de pesca e lote em letra de talão, impressos linha a linha.
  • Letreiros e selos. Faixas em papel de arroz que correm sem parar e aceleram com o scroll, e um selo circular que gira devagar.
  • Só pílulas. Os botões são a única forma arredondada e invertem sempre contra a secção: creme sobre preto, preto sobre creme.
  • Logótipo original. A marca enviada foi recortada em alta resolução, em preto e em creme.
  • Reserva pelo WhatsApp. Dia, hora, pessoas e balcão ou mesa, numa mensagem pronta. Contactos genéricos de Lisboa.

O que um restaurante real ganharia

  • Reservas de balcão com dia, hora e alergias já indicadas.
  • Uma marca que se distingue de todos os sushis da cidade.
  • Confiança no produto antes de o cliente chegar.

A estrutura

A landing numa folha

  1. Ver o site no ar ↗

Role dentro da moldura: é o site real, a correr dentro da Babrand.

Próximo trabalho

Quer um projeto assim para o seu negócio?

Vamos conversar ↗