O que você recebe
- Um site HTML offline com início, serviços, preços, páginas de plano, trabalhos, estudos de caso, sobre, processo, contato, termos e 404
- Uma grade de planos com um pacote em destaque, tabela comparativa e cobrança trimestral opcional
- Estudos de caso com telas de celular e de navegador feitas em HTML, não capturas de tela
- Um validador de rotas, integridade dos dados, acessibilidade e restos de exemplo
- Recorte opcional do retrato e imagens de projetos feitos com o PopNow, após cotação
Ideal para
- Designers freelancers de UI, UX, marca e web
- Desenvolvedores solo, ilustradores e fotógrafos que vendem pacotes
- Consultores e coaches com ofertas de escopo fixo
Não é para
- Agências com equipe e muitas linhas de serviço
- Lojas online que vendem produtos físicos
- Portfólios silenciosos centrados em imagens
Como usar
No Claude ou no ChatGPT
Use a skill da PopNow “Site para designer freelancer” (freelance-designer-website) para isto: Monte o meu site. Sou a Dana Oyelowo, designer de produto em Leeds. Pacotes: Auditoria 1.200 GBP (1 semana), Sprint 4.800 GBP (3 semanas), Retainer 3.500 GBP/mês. Os projetos estão em notes/projects.md.
Em um agente de programação
/popnow-freelance-designer-website Monte o meu site. Sou a Dana Oyelowo, designer de produto em Leeds. Pacotes: Auditoria 1.200 GBP (1 semana), Sprint 4.800 GBP (3 semanas), Retainer 3.500 GBP/mês. Os projetos estão em notes/projects.md.
Depois tente
Cote recortar o meu retrato de photos/me.jpg para o hero.
Dois projetos não têm fotos. Cote imagens de identidade na mesma série para eles.
O que ter em mãos
- Os seus serviços e de dois a quatro pacotes com preços e prazos reais
- Dois ou mais projetos com o problema, as decisões e o resultado
- Uma foto de meio corpo sua, em fundo liso, e fotos do seu trabalho
- Opcional: 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
Modelo de site de marca de bebidas
+25Site alegre de marca de bebidas ou snacks, com loja, montador de caixa, mapa de revendedores e checkout de demonstração, num arquivo.
- 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
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
Como funciona o retrato do hero com a minha própria foto?
Envie uma foto de meio corpo em fundo liso. O removedor de fundo do PopNow a recorta numa imagem transparente, e um filtro SVG na página a tinge de azul-claro no modo claro e a mantém certa no modo escuro, então qualquer foto combina com o design.
Dá para vender pacotes sem um checkout?
Dá. Cada pacote tem a sua própria página com cronograma, entregas, indicação e perguntas frequentes, e o botão leva ao formulário de briefing com o pacote já selecionado. Conecte o formulário à sua caixa de entrada ou a um serviço de formulários quando for ao ar.
Meus projetos não têm boas fotos. E agora?
O PopNow pode gerar um estudo de material ou de lugar por projeto, numa única série consistente, cotado antes de rodar. São imagens de clima, nunca apresentadas como fotos de trabalhos entregues; as telas dos estudos de caso são feitas em HTML.
Funciona para ilustradores ou consultores?
Funciona. Os trabalhos viram um portfólio de projetos só com imagens, para trabalho visual; para consultores, os serviços viram ofertas e os planos viram pacotes, com páginas de caso contadas como problema, abordagem e resultado.
É um portfólio de design gráfico freelancer ou um site de vendas?
As duas coisas. Os estudos de caso mostram o seu portfólio de design gráfico freelancer, enquanto as páginas de pacote e o formulário de briefing transformam visitantes em projetos pagos. Também serve como portfólio de web designer freelancer: troque as amostras de trabalho e mantenha os pacotes.