O que você recebe
- Um arquivo HTML offline com fontes e fotos embutidas, ou uma versão em Next.js, React, Vue ou Astro
- Página inicial de campanha com faixas de texto em movimento, trilho de produtos, colagem, linha do tempo da história e newsletter
- Páginas de produto, coleções, um montador de caixa mix, sacola e um checkout de demonstração
- Localizador de revendedores com script de projeção de mapa, verificador de área de entrega, diário, FAQ, contato e políticas
- Limpeza opcional de packshots e naturezas-mortas geradas pelo PopNow, cotadas antes de cada execução
Ideal para
- Marcas de suco, smoothie, refrigerante e kombucha
- Torrefadoras de café, marcas de chá e de snacks que vendem direto ao consumidor
- Padarias e cafés com retirada ou entrega local
Não é para
- Marcas de bebida alcoólica, que precisam de verificação de idade
- Catálogos grandes que precisam de um backend de comércio
- Visuais escuros, minimalistas ou corporativos
Como usar
No Claude ou no ChatGPT
Use a skill da PopNow “Modelo de site de marca de bebidas” (beverage-brand-website) para isto: Faça um site para a Sunfold, uma marca de chá com gás com cinco sabores em latas de 330 ml, com entrega em toda a Alemanha em euros, um caixa mista de 12 latas e revendedores em Berlim e Hamburgo.
Em um agente de programação
/popnow-beverage-brand-website Faça um site para a Sunfold, uma marca de chá com gás com cinco sabores em latas de 330 ml, com entrega em toda a Alemanha em euros, um caixa mista de 12 latas e revendedores em Berlim e Hamburgo.
Depois tente
Recorte as fotos das minhas cinco latas e iguale a luz; me mostre o preço antes.
Troque o texto sobre o depósito da garrafa por reciclagem de latas e tire as zonas de entrega local.
O que ter em mãos
- Produtos com preços, tamanhos de embalagem e sabores ou blends
- Como as pessoas compram: frete, zonas locais, revendedores ou uma loja
- Sua história e depoimentos reais de clientes
- Packshots ou fotos de celular, ou uma chave de API do PopNow
Skills parecidas
Ver todas →- Web
Criador de avatar 3D
+25Monte um personagem 3D fofo de pelúcia no navegador e salve como PNG transparente ou página 3D.
- Web
Calendário heatmap
+25Um ano de atividade diária em uma grade de calendário sombreada, com sequências, totais e navegação por teclado.
- Web
Landing page de SaaS com IA
+25Papel areia, trilhos finos e um quadro kanban ao vivo em que um assistente planeja tarefas.
- Web
Seção hero animada
+25Um hero de landing page com uma palavra do título que gira suavemente, dois botões e um quadro largo de imagem.
- Web
Site de agência com hero em shader
+25Hero de shader laranja ao vivo atrás de uma frase fixada, navegação em pílula e uma grade de cases.
- Web
Landing page SaaS escura
+25Um site de marketing escuro e cheio de movimento para um produto de software, entregue em um único arquivo HTML.
- Web
Site de portfólio de designer
+25Seis cartões inclinados em volta de um título sobre cinza calmo, um retrato em vermelho e cases editoriais.
- Web
Site de portfólio para desenvolvedor
+25Um site pessoal escuro para engenheiros, com cases, artigos, palestras, currículo e formulário de contato.
- Web
Site editorial de SaaS
+25Hero dividido em azul-marinho, título serifado ao lado de uma foto documental e um destaque azul-cobalto.
- Web
Site para designer freelancer
+25Site de estúdio de uma pessoa, com pacotes de preço fixo, páginas de plano, estudos de caso e formulário de briefing.
- Web
Modelo de site glassmorphism
+25Pílulas de vidro fosco sobre película quase preta, título serifado enorme e captura de e-mail.
- Web
Site de produto de hardware
+25Nomes de modelo enormes e finos sobre fotos prateadas, cartões de especificação e linha em escala.
- Web
Diagrama de arquitetura interativo
+25Um diagrama de sistema offline e clicável, feito a partir de um modelo JSON verificado, com a evidência por trás de cada caixa.
- Web
Hero interativo com grade
+25Uma grade escura de fios finos que se curva em direção ao cursor e lança um anel luminoso a cada clique.
- Web
Explorador de grafo de conhecimento
+25Transforme anotações de projeto em um grafo offline e pesquisável, em que cada afirmação leva à linha de origem.
- Web
Modelo de dashboard de KPIs
+25Quatro cartões de KPI com variação, um gráfico de linha, detalhamento e barras de meta em papel quente.
- Web
Landing page a partir de mockups com IA
+25Veja três páginas completas antes, escolha uma, e o seu agente a constrói como código limpo e responsivo.
- Web
Template de site de revista
+25Um site de revista com qualidade de impresso, com artigos, temas, uma pequena loja e assinaturas, em um arquivo HTML.
- Web
Hero com animação de partículas
+25Texto em papel quente ao lado de uma esfera girando de pontos em tinta e azul-petróleo, que muda a cada ideia.
- Web
Site de marca pessoal
+25Um retrato esfumado sobre papel quente, sob um colchete fino, com afirmações claras e fortes de cada lado.
- Web
Modelo de site de loja de pets
+25Uma loja de pets que funciona: catálogo, variações, sacola, planejador de reposição e checkout de demonstração, num arquivo HTML.
- Web
Modelo de site para podcast
+25Um site de podcast com hero que toca, arquivo de episódios, páginas de convidados e um player que continua tocando.
WebSeção de preços desenhada à mão
+25Uma tabela de preços em estilo de caderno, com cartões de tinta levemente inclinados, chave anual e modo escuro, num arquivo offline.
- Web
Página de lançamento de produto cinematográfica
+25Página quase preta com luz de cinema: título em serifa, cena noturna em letterbox e formulário de reserva.
- Web
Site de artigo científico
+25Uma página de projeto para o seu artigo, com uma Figura 1 interativa, resultados, limitações e citação em um clique.
- Web
Template de painel administrativo
+25Um painel de back-office funcional com gráficos, tabelas, kanban e calendário, em um único arquivo HTML offline.
- Web
Template de landing page SaaS
+25Um site de marketing claro e tranquilo para um produto de software, com console de produto funcional, preços e cadastro.
- Web
Site de portfólio estilo scrapbook
+25Um currículo online de várias páginas feito de objetos de papel, com cases e um currículo para imprimir.
- Web
Template de site de loja de tênis
+25Uma loja completa de calçados ou roupas, com catálogo, páginas de produto, sacola e checkout de demonstração em um arquivo HTML.
- Web
Modelo de site de clube esportivo
+25Um site de clube, academia ou estúdio com grade de horários, páginas de treinadores, planos, mapa de quadras e agendamento num arquivo.
- Web
Seção de parede de depoimentos
+25Uma parede de citações de clientes em alvenaria ou em deriva lenta, que só publica citações autorizadas.
- Web
Modelo de site de agência de viagens
+25Um site com foco em fotos para passeios, guias ou pousadas, com busca de viagens, pedidos de reserva e um quiz para escolher a viagem.
- Web
Landing page de automação de fluxos
+25Página grafite com título pequeno e um grafo de nós ao vivo que roda, tenta de novo e mostra logs.
Perguntas
Nosso produto é uma lata, não uma garrafa. Funciona?
Funciona. As partes específicas da embalagem (linha do depósito, arte do contador da caixa, ícone, arte da página 404 e textos de tamanho) estão listadas no guia de adaptação e são trocadas para latas, potes, sachês ou caixas.
Dá para usar as nossas fotos reais de packshot?
Dá. Com a cotação de preço e a sua aprovação, o PopNow recorta cada embalagem, limpa reflexos e sombras de mesa, uniformiza a luz e a coloca no bloco do sabor ou numa natureza-morta que mantém o seu rótulo real.
A loja aceita pedidos de verdade?
Ainda não. A sacola, o montador de caixa e o checkout funcionam e mostram uma confirmação, mas nada é cobrado nem enviado até um provedor de pagamento e um backend de pedidos serem conectados.
Como coloco os nossos revendedores no mapa?
Liste-os com latitude e longitude, rode o script de projeção incluído e cole os valores de x e y que ele imprime nos dados dos revendedores.
Serve para um site de marca de suco, refrigerante ou café?
Serve. A loja vende latas, garrafas ou sacos por sabor, o montador de caixa mistura sabores numa só caixa, e o mapa de revendedores lista os cafés e lojas que vendem o seu produto. Troque a paleta alegre pelas cores da sua marca de bebidas em um único lugar.