Design que segura o scroll.

Dobra 02 Cases

Duas páginas inteiras,
do topo ao rodapé

Portfólio de landing page só faz sentido se você puder rolar até o fim. Passe o mouse sobre a janela — ou role dentro dela — para percorrer a página como o visitante percorreria.

opoderdaacao.experience

Role dentro da janela

O Poder da Ação Experience

Evento presencial · Febracis

Hotsite de venda de ingressos para um evento de estádio. A página abre com uma barra fixa de desconto e contagem regressiva, entra direto na promessa e só depois apresenta as atrações — uma a uma, com a linha neon costurando os blocos para o olho não perder o caminho.

• ObjetivoVenda de ingresso com oferta por tempo limitado
• DobrasBarra de urgência · Promessa · Atrações · Oferta
• DireçãoLaranja sobre preto, tipografia condensada, traços neon

metodocis.captacao

Role dentro da janela

Método CIS

Captação de leads · Febracis

Página de captura com o formulário acima da primeira dobra — nada de rolar para encontrar o campo. Abaixo dele, a sequência clássica de quem precisa qualificar lead: blocos de dor, a virada em faixa amarela, o que está incluso no treinamento e prova social em vídeo antes do último botão.

• ObjetivoCaptura de nome, e-mail e WhatsApp
• DobrasFormulário · Dores · Método · Provas · CTA final
• DireçãoAmarelo institucional, ícones em contorno, fundo grafite

Dobra 03 Outros trabalhos

Nem todo projeto
é um lançamento

Loja de bairro, autoridade pessoal, VSL. Muda o público, muda a temperatura da página — a lógica das dobras continua a mesma.

Kahauto Auto Peças

Institucional

Site de vitrine para autopeças, com WhatsApp fixo no menu e o carro ocupando metade da tela. Amarelo e preto porque é assim que a loja se apresenta na rua.

Clube dos 5%

Página de captura

Página centrada em VSL para Jacob Petry. Fundo claro, tudo em um eixo só e um único caminho possível: assistir e clicar.

Dobra 04 Sobre

Quem está
atrás das dobras

Sou Pedro Victor e assino como PVL Webdesign. Trabalho com páginas que precisam dar resultado no mesmo dia em que entram no ar: lançamento de infoproduto, venda de ingresso, captação de lead, vitrine de negócio local.

Antes de abrir o Figma eu leio a oferta. A ordem das dobras vem da promessa, não de um template — por isso duas páginas minhas raramente têm a mesma estrutura, mesmo quando têm o mesmo objetivo.

• Landing page de lançamento
• Página de captura
• Hotsite de evento
• Site institucional
• Design responsivo
• Ajuste de conversão

Ferramentas · Figma · WordPress + Elementor · HTML, CSS e JavaScript

Dobra 05 Processo

Como um projeto
acontece

Cinco etapas, na ordem. Você sabe onde o projeto está em qualquer dia da semana.

1. Briefing e oferta

   Uma conversa para entender o que está sendo vendido, para quem e qual objeção derruba a venda. Sem isso, o resto é decoração.

2. Arquitetura das dobras

   Monto a sequência da página em texto: o que cada dobra precisa provar e qual é a próxima pergunta na cabeça do visitante.

3. Design no Figma

   Layout de desktop e mobile, com a identidade da marca aplicada. É aqui que você aprova antes de existir uma linha de código.

4. Construção e responsivo

   A página sai do layout para o navegador e é ajustada tela a tela — a maior parte do tráfego vai chegar pelo celular.

5. Publicação e testes

   Subida no domínio, formulários e botões testados um a um, rastreamento instalado e uma última leitura em velocidade real.