Web app mobileConceito
Maris Cardápio de restaurante
Um cardápio mobile bilíngue para um café à beira-mar — rápido em qualquer celular, editável pelo dono, sem app para instalar.
Por dentro do projeto
O cardápio, na mesa.
Mockup em moldura de celular, um QR na mesa e os selos de alérgenos que a cozinha realmente usa.
Visão geral
Maris é um conceito para um café à beira-mar em Çeşme: hospitalidade calorosa, uma cozinha enxuta e um cardápio impresso difícil de manter atualizado. O briefing: aposentar o plastificado, manter o aconchego.
O briefing
- Problema
- Um cardápio impresso que já está desatualizado no dia em que é plastificado.
- Restrição
- Precisa abrir em qualquer celular em menos de um segundo, sob sol forte, sem app.
- Solução
- Um cardápio mobile de rolagem única que o dono edita pelo celular, aberto por um código em cada mesa.
Um cardápio no celular só justifica o seu lugar se for mais rápido do que entregar um cardápio na mão. Isso significa: abrir em menos de um segundo em um celular sem nada em cache, nunca esperar a rede ao tocar em uma categoria e continuar legível sob o sol do meio-dia, debaixo de um guarda-sol.
Desenhamos o cardápio como uma única rolagem, com botões de categoria fixos no topo, fotos generosas e selos de alérgenos que ficam no próprio item, em vez de escondidos em uma legenda. As linhas bilíngues alternam sem recarregar — o mesmo item em turco e em inglês, nunca duas versões fora de sincronia.
Por trás da tela, o dono edita preços e estoque pelo celular, na cozinha. Cada mesa ganha o seu próprio QR impresso, com o identificador da mesa embutido — útil mais adiante, se o briefing crescer para pedidos.
Sobre este conceito
Este é um projeto conceitual para um cliente fictício. Ele mostra o processo e o padrão que levamos aos projetos com clientes.
Abordagem
Um cardápio com a cara do café.
Fotografia primeiro
Uma foto real vale mais do que três recortes estilizados. Grade enxuta, espaçamento generoso, nada de carrossel.
Bilíngue na mesma linha
Turco em cima, inglês embaixo, mesma altura de linha. Nenhum dos dois idiomas é cidadão de segunda classe.
Editável pelo dono
O celular da equipe é o CMS. Preço reajustado, item esgotado, novo prato do dia — em menos de um minuto.
O que vem incluído
Tudo o que um café precisa. Nada além disso.
Os números se referem ao briefing conceitual.
Velocidade
< 0,8segundo no primeiro carregamento
Cardápio estático, em cache na borda. O primeiro toque é o único que usa a rede.
Mesas
Um QR code para cada mesa
Uma folha de QR para imprimir por mesa. A URL sabe onde o cliente está sentado.
Alérgenos
No item, não em uma legenda
Glúten, laticínios, castanhas, crustáceos — selos no próprio item, onde o cliente já está olhando.
Idiomas
2idiomas, um cardápio
Alternância no cabeçalho, preferência lembrada. O mesmo conteúdo, duas vozes.
Tecnologias
- Next.js
- React
- TypeScript
- Tailwind
- Sanity
- Vercel
Experimente você mesmo
Um projeto que funciona, não uma imagem.
Abra a demo e use-a como um visitante ou um cliente faria. Cada toque e cada aba funcionam.