01 / 07
Butiquim Bistrô
O Butiquim é cafeteria, restaurante e espaço de eventos ao mesmo tempo. O site precisava dar conta dessa diversidade sem virar uma lista: cada momento do negócio ganhou um lugar, e o cardápio em PDF virou uma experiência navegável.
Contexto
A informação existia, mas espalhada: um cardápio em PDF de dez páginas, fotos e legendas no Instagram, horários e formatos de evento no briefing, uma fachada inconfundível com toldo listrado.
Desafio
Cafeteria, almoço, brunch, doces, bebidas, eventos e notícias. O desafio foi organizar essa diversidade sem transformar o site em uma lista confusa, e fazer o cardápio funcionar bem no celular.
Material de partida
A frase de abertura do site, “Um respiro de aconchego na sua rotina.”, estava na primeira página do cardápio. O laço amarelo desenhado à mão veio das legendas do Instagram. O toldo veio da fachada.
- 01Cardápio em PDF, 10 páginas
- 02Fotos e legendas do Instagram
- 03Fachada: toldo listrado e placa redonda
- 04Briefing: horários, eventos, “Quem somos”
- 05Página do concurso Pé de Café
Estratégia
Seis rotas, cada uma com um trabalho. A home apresenta os momentos do negócio; o cardápio organiza 168 itens e 183 preços em seis categorias, transcritos do PDF e conferidos página a página; eventos, notícias, quem somos e visite respondem às perguntas que chegam antes de uma visita.
- /Iníciomomentos do negócio
- /cardapioCardápio6 categorias · 168 itens
- /eventosEventosformatos e capacidade
- /noticiasNotíciasnovidades da casa
- /quem-somosQuem somoshistória e espaço
- /visiteVisiteendereço, horários, rota
Experiência
01 · Cardápio
Do PDF a um cardápio navegável.
Cada item tem endereço próprio. As categorias ficam presas no topo, os sucos viram tabela de 300 e 500 ml e o prato fit se monta em três passos.
02 · Honestidade
Quando falta foto, entra tipografia.
Item sem foto confirmada ganha um cartaz tipográfico, nunca uma imagem genérica. Formatos de evento sem cardápio dizem que ele está sendo finalizado.
03 · Visite
Aberto agora, até as 20h.
O site calcula no fuso de Juiz de Fora se o Butiquim está aberto e destaca o dia de hoje na tabela de horários.
04 · Como encontrar
Na calçada, procure o amarelo.
Três pistas numeradas sobre as fotos da fachada: o toldo, a placa redonda e as mesinhas na calçada.
05 · Eventos
Uma mesa maior.
Formatos, capacidade de até 50 convidados e o caminho direto para o WhatsApp com a mensagem certa.
Direção visual
A identidade já existia, e estava na rua. O amarelo foi medido na logo; o azul-marinho, tirado dos uniformes e das almofadas, ficou reservado para os eventos.
- #FDB502Amarelo da logo
- #683304Marrom das letras
- #3C2518Café
- #F6F0E5Creme
- #262B52Azul dos uniformes
Tipografia
Fraunces, com o itálico como voz da marca, e DM Sans
Assinatura
O toldo listrado da fachada abre a home e vira o rodapé. O laço das legendas do Instagram envolve palavras-chave. O círculo amarelo da placa vira selo.
Mobile
No celular, uma barra fixa muda conforme a página: na maioria, cardápio e WhatsApp; no cardápio, reservar e como chegar; em eventos, um único botão para o evento.
O que foi entregue
Uma presença digital capaz de reunir cardápio, história, eventos, informações e contato em uma experiência única.
- Site multipágina com seis rotas
- Cardápio completo navegável, transcrito do PDF
- Direção visual traduzida da fachada e do Instagram
- Caminhos de conversão por intenção: cardápio, reserva, evento, rota
- Experiência mobile com barra de ações contextual