Estudo independente de portfólio, sem finalidade comercial. Não é um canal oficial da Goela nem representa contratação ou aprovação da marca.
GOELA / ESTUDO DE PRESENÇA DIGITAL↗
01 / A primeira impressãoDo digital à mesa.
01 / O ponto de partida
Conhecer um lugar não deveria exigir abrir cinco aplicativos.
BuscasRedes sociaisMapasPDFsDelivery
Cardápio, localização, horários e fotos costumam ficar espalhados entre buscas, redes sociais, mapas e PDFs. A proposta foi reunir a descoberta da marca e as informações necessárias para planejar uma visita.
A ideia
Criar uma presença digital acolhedora, responsiva e prática, valorizando o ambiente e facilitando o acesso ao cardápio e às unidades.
02 / Experiência e direção visual
Uma experiência que começa pelo lugar.
Comida real
Tons acolhedores
O lugar como narrativa
Da descoberta à visita
01
Descobrir a Goela
→
02
Explorar o cardápio
→
03
Escolher uma unidade
→
04
Planejar a visita
→
03 / Cardápio digital
Um cardápio para ler e explorar.
136itens organizados
22categorias
GOELA / ESTUDO DE PRESENÇA DIGITAL↗
O cardápio foi coletado, normalizado e organizado. Categorias e descrições tornam a consulta mais confortável no celular e deixam o conteúdo acessível e indexável.
Nomes, opções e disponibilidade em dados estruturados.
Conteúdo reutilizado entre Home e cardápio.
Navegação sem depender de zoom em um PDF.
Capturas do estudo: informações comerciais sujeitas a revisão.
04 / Identidade e unidades
Personalidade na imagem. Clareza na informação.
Uma estrutura para diferentes lugares, sem duplicar a experiência.
05 / Decisões de design e engenharia
Bonito por fora. Bem pensado por dentro.
01
Conteúdo separado da interface
Astro Content Collections e schemas validam os dados. Uma mudança no cardápio não exige reescrever componentes.
02
Informação com origem
Fontes, datas e estados de revisão acompanham o conteúdo. Divergências comerciais ficam pendentes de validação, em vez de virarem suposições.
03
Leve desde a estrutura
Páginas pré-renderizadas, pouco JavaScript, imagens responsivas e HTML semântico sustentam performance, acessibilidade e SEO local.
Os desafios da construção
Organizar um cardápio extenso sem dificultar o uso no celular.
Representar a personalidade da marca com uma interface própria.
Equilibrar narrativa visual e informações comerciais verificáveis.
06 / Tecnologias
Uma base leve. Conteúdo bem cuidado.
Estrutura e conteúdo
AstroTypeScriptContent CollectionsZod
Experiência e qualidade
HTML semânticoCSSAstro SitemapNode.jsESLint
Tipografia do projeto
FrauncesSource Sans 3
07 / Resultado e aprendizados
Uma proposta completa de presença digital local.
7páginas estáticas
13testes aprovados
✓Check e build aprovados
O estudo reúne marca, cardápio, unidades e narrativa em sete páginas estáticas. Na verificação registrada do projeto, o Astro Check e o build passaram, junto com 13 testes.
O trabalho mostra que o cuidado editorial também é uma decisão de engenharia: conteúdo rastreável e estruturado torna a experiência mais fácil de manter.
Verificação registrada do estudo, sem métricas de visitas ou vendas.
08 / O projeto em tela
Uma experiência. Diferentes momentos.
Home, cardápio e narrativa institucional: cada tela cumpre um papel na jornada entre descobrir o lugar e planejar uma visita.
01 / Primeiro contato
Uma abertura que apresenta o lugar antes de apresentar os produtos.
02 / Consulta ao cardápio
Cardápio navegável: conteúdo estruturado, sem depender de um PDF.
03 / Narrativa do projeto
Identidade e narrativa editorial conectadas à experiência presencial.
Estudo independente de portfólio, sem finalidade comercial. Não é um canal oficial da Goela nem representa contratação ou aprovação da marca.
