Quero refazer a tela pública da loja/cardápio do Meu Cardápio para ficar muito próxima da referência enviada, com aparência premium, mobile-first, limpa e profissional, no estilo de app real de delivery. OBJETIVO Refazer a tela inicial da loja (página pública do cardápio), deixando-a visualmente parecida com a referência: imagem de capa grande no topo logo da loja sobreposta nome da loja centralizado linha com avaliação / categoria / distância ou info curta bloco principal com tempo de entrega cards pequenos de benefícios/ofertas abas horizontais de categorias grid de produtos visual de app profissional de delivery sem cara de IA sem cara genérica com visual mais premium que o layout atual ESCOPO EXATO Mexer somente na tela pública da loja/cardápio. Não alterar: painel admin dashboard tela interna de pedidos do dono configurações telas do sistema administrativo O foco agora é apenas: página pública da loja primeira dobra da experiência do cliente lista de categorias produtos em destaque nessa mesma página DIREÇÃO VISUAL Seguir o estilo da referência enviada: look and feel de aplicativo mobile moderno de delivery cartões brancos fundo claro bordas arredondadas espaçamentos elegantes tipografia bem definida hierarquia forte imagem de comida com destaque visual limpo, sofisticado e comercial TIPOGRAFIA Quero tipografia no estilo da referência: fonte moderna, limpa e mobile-first usar preferencialmente Inter, Manrope ou outra equivalente muito próxima pesos bem definidos: títulos: 700/800 subtítulos: 500/600 textos auxiliares: 400/500 ESTRUTURA DA TELA 1. HERO / TOPO DA LOJA No topo da tela pública da loja, quero: 1.1 Imagem de capa uma imagem grande horizontal ocupar a largura do container mobile altura aproximada de 180 a 220px bordas superiores bem arredondadas imagem com foco em comida/apresentação da loja visual forte e atrativo 1.2 Botões sobre a capa Sobre a capa, posicionar: botão voltar à esquerda botão compartilhar à direita opcionalmente botão secundário discreto ao lado, se já existir no fluxo botões circulares, fundo branco com leve sombra 1.3 Logo da loja sobreposta adicionar a logo da loja em formato circular ela deve ficar sobreposta entre a capa e o card branco inferior centralizada com contorno/borda branca com sombra suave 1.4 Card de identidade da loja Logo abaixo da capa: um card branco com cantos bem arredondados conteúdo centralizado Conteúdo: nome da loja em destaque linha secundária com algo como: localização curta bullet separator “Mais informações” abaixo, linha de status/funcionamento: exemplo: “Aberto agora” em verde ou “Fechado • Abre às ...” quando aplicável 2. BLOCO PRINCIPAL DE INFORMAÇÕES Abaixo do card da loja, criar um bloco principal com o estilo da referência. 2.1 Card de entrega Um card branco com: ícone à esquerda título tipo: Delivery Time: 10-20 min adaptar para português: Tempo de entrega: 10–20 min linha secundária com: taxa mínima / pedido mínimo / estimativa layout bem limpo e elegante 2.2 Dois cards menores abaixo Criar cards no mesmo estilo da referência, por exemplo: Promoção / desconto Programa de fidelidade / recompensas ou Calcular taxa e tempo de entrega Troque pontos por recompensas Esses cards devem: ser brancos ter ícones discretos ter borda suave padding confortável aparência premium 3. ABAS / CATEGORIAS Logo abaixo, quero: uma navegação horizontal de categorias estilo semelhante à referência Exemplo: Popular Aperitivos Hambúrguer Pizza Bebidas Regras: aba ativa com destaque abas com borda suave e fundo claro rolagem horizontal se necessário no mobile visual elegante e consistente 4. GRID / LISTA DE PRODUTOS A seção de produtos deve ficar bem mais bonita. 4.1 Layout grid de 2 colunas no mobile cards compactos e sofisticados cada card com: imagem real do produto nome preço atual preço antigo se houver promoção botão de adicionar cantos arredondados borda suave sombra muito discreta 4.2 Imagem do produto Não quero placeholders genéricos. Se a loja de teste não tiver imagens reais suficientes: usar imagens de comida coerentes com a categoria visual profissional hamburguer para hambúrguer pizza para pizza bebida para bebidas etc. 4.3 Botão de adicionar botão pequeno flutuante no card circular ou arredondado com ícone de “+” elegante cor principal do sistema 5. DADOS VISUAIS DA LOJA TESTE Quero que já deixe a Loja Teste com aparência real. Adicionar na loja de teste: imagem de capa logo pelo menos algumas imagens de produtos visual coerente entre capa, logo e catálogo Direção visual da loja de teste Pode usar um estilo de hamburgueria / fast food premium, com: capa de hambúrguer ou combinação de lanches logo circular simples e bonita produtos com fotos reais e apetitosas 6. PALETA Quero uma paleta mais premium e comercial. Base: fundo geral claro cards brancos textos principais em cinza escuro / preto suave textos secundários em cinza médio Cor principal: usar o laranja do Meu Cardápio como destaque, mas com moderação: botões principais preço promocional pequenos acentos CTA badge de destaque Evitar: excesso de laranja blocos pesados demais visual infantil visual muito carregado 7. ESTILO GERAL Quero que a tela transmita: profissionalismo confiança desejo de compra visual de produto SaaS/app sério experiência comparável a apps reais de delivery Importante A tela precisa ficar: melhor que o layout atual mais parecida com a referência mais refinada mais “app de verdade” 8. O QUE NÃO FAZER Não quero: hero abstrato tipo “o que combina com você hoje?” com círculos genéricos placeholders sem foto real blocos escuros desnecessários visual com cara de template de IA alterar painel administrativo alterar outras páginas sem necessidade 9. RESULTADO ESPERADO Entregar a nova tela pública da loja/cardápio já aplicada no preview, com: capa real logo real/bonita card da loja refinado cards informativos categorias horizontais elegantes produtos com fotos design premium mobile-first visual próximo da referência enviada 10. OBSERVAÇÃO FINAL Se necessário, pode reorganizar a hierarquia da tela para ficar mais fiel à referência, desde que preserve a lógica do Meu Cardápio. Prioridade máxima: visual da capa card da loja categorias cards de produto sensação premium de app de delivery
Cardápio digital, pedidos, clientes e WhatsApp em um único lugar.
Feito para negócios que querem vender mais e organizar melhor seus pedidos.