Voltar ao Dashboard

Tutorial Interativo

Aprenda a criar propostas profissionais que impressionam e convertem

Passo 1 de 7 - Começando sua jornada

Navegue pelos Passos do Tutorial

1
Introdução
2
Criar Nova Proposta
3
Definir Cores e Estilo
4
Adicionar Textos
5
Dominar Editor
6
Publicar e Compartilhar
1

Bem-vindo ao PropostasWin!

Você está prestes a aprender como criar propostas profissionais que impressionam e convertem 3x mais que propostas tradicionais

Veja o que você vai conseguir criar

TechSolutions Inovação

Proposta #2024-001

R$ 30.000,00
Website Responsivo

R$ 8.500

App Mobile

R$ 12.800

Dashboard Analytics

R$ 5.200

Esta é uma prévia do que você vai aprender a criar!

Por que Propostas Interativas Funcionam Melhor?

👀

Engajamento Visual

Clientes passam 3x mais tempo visualizando propostas interativas

📈

Maior Conversão

Taxa de fechamento 250% maior que propostas tradicionais

⚡

Resposta Rápida

Clientes respondem em média 72h mais rápido

🎯

Profissionalismo

Demonstra seriedade e diferencial competitivo

2

Criando sua Primeira Proposta

Vamos começar do básico - criando uma nova proposta no dashboard

Como Começar

  • 1
    No dashboard, clique em "Nova Proposta"
  • 2
    Insira o título da proposta (ex: "Transformação Digital 2024")
  • 3
    Escolha se deseja começar do zero ou usar um template
  • 4
    Clique em "Criar Proposta" para abrir o editor

Dicas Importantes

  • 💡
    Use títulos que despertem interesse e urgência
  • 🎯
    Pense no seu cliente ao escolher o nome
  • 📊
    Templates aceleram o processo em 70%
  • ✨
    Você pode editar tudo depois de criada

Exemplo Visual: Tela de Criação

📝 Nova Proposta

3

Definindo Cores e Identidade Visual

A identidade visual é crucial - ela comunica profissionalismo e confiança

Configurando as Cores no Editor

  • 🎨
    No topo do editor, clique no botão "⚙️ Configurações"
  • 🎯
    Na aba "Estilo", encontre "Paleta de Cores"
  • ✨
    Clique na cor primária para abrir o seletor
  • 🔄
    As cores secundárias se ajustam automaticamente

Psicologia das Cores

  • 💙
    Azul: Confiança, tecnologia, estabilidade
  • 💚
    Verde: Crescimento, sucesso, prosperidade
  • ❤️
    Vermelho: Urgência, paixão, energia
  • 💜
    Roxo: Luxo, criatividade, inovação

Exemplo: Paleta de Cores Profissional

Primária
#2563eb
Escura
#1d4ed8
Clara
#3b82f6
Sucesso
#16a34a
Neutro
#64748b
4

Adicionando Textos Impactantes

Aprenda a usar textos que vendem - títulos, descrições e calls-to-action eficazes

Adicionando Textos no Editor

  • 📝
    No painel esquerdo, clique em "📝 Texto"
  • 🖱️
    Arraste para o canvas central (área pontilhada)
  • ✏️
    Duplo-clique no texto para começar a digitar
  • 🎨
    No painel direito, ajuste cor, tamanho e fonte

Textos que Convertem

  • 🎯
    Títulos: Foque no benefício, não no recurso
  • 📈
    Descrições: Use números e dados específicos
  • ⚡
    CTAs: Crie senso de urgência
  • ❤️
    Benefícios: Fale das emoções do cliente

Exemplo: Títulos Que Vendem vs Títulos Comuns

❌ Títulos Comuns

"Desenvolvimento de Website"
"Consultoria em Marketing"
"Serviços de TI"

✅ Títulos Que Vendem

"Website que Converte 3x Mais Clientes"
"Estratégia que Triplicou Vendas em 90 Dias"
"Sistema que Automatiza 80% do Trabalho"
5

Dominando o Editor Visual

Aprenda a usar nosso editor drag-and-drop para criar propostas profissionais rapidamente

Usando o Editor do PropostasWin

  • 📦
    No painel esquerdo, vá na aba "Elementos"
  • 🖱️
    Arraste elementos como "Texto", "Imagem", "Botão" para o canvas central
  • ✏️
    Clique duplo em qualquer elemento para editá-lo
  • 🎨
    Use o painel direito para ajustar cores, fontes e espaçamento

Dicas do Editor

  • 🔄
    Ctrl+Z: Desfazer a última ação
  • 👁️
    Preview: Clique no olho para ver como ficará
  • 📱
    Responsivo: Teste em diferentes tamanhos de tela
  • 💾
    Auto-save: Suas alterações são salvas automaticamente

Exemplo: Interface do Editor PropostasWin

📦 Elementos
📝 Texto
🖼️ Imagem
🔘 Botão
📋 Card

Canvas da Proposta

Arraste elementos aqui

👁️ Preview
🎨 Propriedades
Cor:
Fonte: Roboto
Tamanho: 16px
Alinhamento: Centro
6

Publicar e Compartilhar sua Proposta

Agora que sua proposta está pronta, vamos publicá-la e acompanhar os resultados

Publicando

  • ✅
    Revise toda a proposta no preview
  • 🚀
    Clique em "Publicar Proposta"
  • 🔗
    Copie o link curto gerado automaticamente
  • 📊
    Ative notificações para acompanhar visualizações

Acompanhando Resultados

  • 👀
    Veja quando o cliente abriu a proposta
  • ⏱️
    Tempo gasto visualizando cada seção
  • 🔔
    Receba notificações de interesse
  • 📧
    Follow-up automático por email

🎉 Parabéns! Você Está Pronto!

Agora você sabe criar propostas profissionais que impressionam e convertem. Está na hora de colocar em prática!

Criar Minha Primeira Proposta

Dicas para Máximo Sucesso

⚡

Teste A/B

Crie versões diferentes e veja qual converte mais

📱

Mobile First

60% dos clientes abrem propostas no celular

🎯

Personalização

Adapte cores e textos para cada cliente

📈

Acompanhe Métricas

Use os dados para melhorar continuamente