Site para cafeteria · Proposta · não publicadaKolosso Café
Um café com a cara da casa.
Proposta de site para uma cafeteria artesanal em Curitiba: cardápio completo, horário em tempo real, mapa e pedidos pelo iFood, com a identidade do cardápio impresso.
- Ano
- 2026
- Tipo
- Site para cafeteria
- Stack
- Next.js 16
- React 19
- CSS
- Google Maps
Ponto de partida
A Kolosso Café tinha Instagram, um cardápio em PDF e uma primeira versão do site em HTML estático. A proposta era um site que parecesse a própria cafeteria e resolvesse as dúvidas de quem chega pelo Google: o que tem, quanto custa, se está aberto e como chegar.
Identidade visual
Cores
- Bone
#e7e7e4 - Sage
#c4d3c8 - Verde
#30583f - Ink
#231f20 - Muted
#404041
Tipografia
- Fraunces
- Alegreya Sans
Como fizemos
Identidade a partir do impresso
Cores, ilustrações e tom de voz saíram do cardápio físico da casa, para o site e a loja parecerem a mesma coisa.
Cardápio como fonte única
O PDF virou um arquivo de dados. Os destaques da home buscam o preço lá, então uma alteração vale para o site inteiro.
Aberto agora
O status é calculado no navegador de quem visita, com o horário da cozinha separado do horário da casa.
Migração para Next.js
A versão em HTML virou um site estático em Next.js, com imagem de compartilhamento própria para cada página.
O que usamos
- Next.jspáginas estáticas, rápidas e bem indexadas
- CSS puroidentidade própria sem brigar com um framework visual
- Google Mapsrota direto do celular
- Prettiercódigo consistente para quem for manter
Telas
Quem somos, com fotos da casa.
Destaques com preços lidos direto do cardápio.
Galeria com lightbox.
Cardápio completo com legendas de restrição alimentar.
Categorias fixas no topo e ilustrações do cardápio impresso.