Hashi Sashimi

A proposta era desenvolver uma presença digital moderna e visualmente atrativa, capaz de apresentar o conceito do restaurante, destacar seus pratos e oferecer ao visitante caminhos rápidos para contato e reserva.

Como projeto demonstrativo, foram utilizados conteúdos e informações fictícias, permitindo reproduzir uma situação próxima de um projeto comercial real sem utilizar dados ou materiais de um cliente existente.

• Criar uma presença digital profissional para um restaurante japonês
• Apresentar a identidade e proposta do estabelecimento
• Valorizar visualmente os pratos e a experiência gastronômica
• Organizar as principais informações em uma única página
• Facilitar o acesso ao cardápio
• Disponibilizar informações de contato e funcionamento
• Criar um caminho simples para reservas
• Garantir boa experiência em dispositivos móveis

Foi desenvolvido um site institucional de página única, estruturado para conduzir o visitante pelas principais informações do restaurante.

Estrutura da Página

A experiência foi organizada em seções:

• Hero: apresentação da marca e conceito do restaurante através de imagens em destaque
• Sobre: apresentação da proposta e filosofia do estabelecimento
• Cardápio: categorias de pratos apresentadas visualmente através de cards
• Contato: informações de endereço, telefone, horário de funcionamento e mapa
• Reservas: chamada direta para reserva através do WhatsApp
• Footer: informações institucionais e links para redes sociais

Estratégia Visual

A gastronomia é o principal elemento visual da página.

O projeto utiliza imagens em grande formato para criar impacto logo na entrada e posteriormente apresenta os pratos em cards organizados por categoria.

A combinação entre fotografia, espaços amplos, tipografia e uma paleta visual inspirada na estética japonesa busca transmitir uma percepção de qualidade e sofisticação sem comprometer a clareza da navegação.

Experiência do Usuário

A navegação foi projetada para que as informações mais importantes sejam encontradas rapidamente.

O menu principal oferece acesso direto às principais áreas:

• Sobre
• Cardápio
• Contato
• Reservas

A ação de reserva recebe destaque adicional através de um botão flutuante de WhatsApp, permitindo que o visitante entre em contato sem precisar retornar à seção de reservas.

Responsividade

O layout foi desenvolvido com abordagem responsiva, adaptando a experiência para diferentes tamanhos de tela.

Foram considerados especialmente:

• navegação em dispositivos móveis
• reorganização dos cards do cardápio
• dimensionamento das imagens
• espaçamento entre seções
• leitura dos textos
• posicionamento das ações flutuantes
• comportamento do slideshow

O objetivo foi manter a identidade visual e a hierarquia das informações tanto em desktop quanto em dispositivos móveis.

O resultado é um site institucional completo e responsivo, com uma estrutura adequada para um restaurante que precisa apresentar sua marca, gastronomia e informações de atendimento de forma rápida e visual.

O projeto demonstra:

• Apresentação visual: imagens e slideshow utilizados como elementos de destaque
• Navegação simples: acesso rápido às principais informações
• Cardápio visual: categorias organizadas em blocos de fácil compreensão
• Contato direto: informações de atendimento concentradas em uma seção específica
• Conversão: acesso rápido à reserva através do WhatsApp
• Responsividade: adaptação da experiência para diferentes dispositivos
• Interface consistente: componentes visuais reutilizados ao longo da página

Por se tratar de um projeto demonstrativo, algumas funcionalidades foram representadas de maneira simplificada.

Em uma implementação comercial, o projeto poderia evoluir com:

• Cardápio completo: inclusão de pratos, ingredientes, preços e categorias
• Sistema de reservas: integração com uma plataforma de reservas
• Localização real: integração do mapa com o endereço do estabelecimento
• WhatsApp oficial: substituição do número demonstrativo pelo canal comercial
• Redes sociais: integração com os perfis oficiais
• Galeria de fotos: apresentação ampliada dos pratos e ambiente
• SEO local: otimização para buscas relacionadas ao restaurante e sua localização
• Dados estruturados: implementação de Schema.org para restaurantes
• Analytics: acompanhamento de acessos, interações e conversões

• Bootstrap 5 – estrutura de grid e responsividade
• Sass – organização e manutenção dos estilos
• JavaScript – interações e comportamento da interface
• Bootstrap Icons – elementos gráficos e ações da interface
• Vite – ambiente de desenvolvimento e processo de build
• PostCSS / Autoprefixer – processamento e compatibilidade dos estilos

O projeto utiliza imagens locais processadas durante o build para garantir que os assets sejam corretamente disponibilizados na versão publicada.