Escolher o ramo
Arquitetura, fotografia, desenvolvimento ou eventos: a proposta de exemplo troca de conteúdo na hora.
SITES / LANDING PAGE
Propostaria.
Uma landing que mostra o produto funcionando.
Landing page da Propostaria, app de propostas comerciais: o visitante escolhe o seu ramo, vê a proposta de exemplo mudar, acompanha a linha do tempo de um aceite e testa a assinatura na própria página.
Acessar o sitepropostaria.com.br ↗
01 — O PROJETO
Explicar mostrando.
A Propostaria é um app para montar, enviar e acompanhar propostas comerciais, com o cliente lendo no navegador e aceitando com assinatura na própria página. Eu fiz a landing page de apresentação. A ideia foi explicar o produto com ele mesmo: em vez de capturas de tela, a página traz uma proposta de exemplo que muda conforme o ramo escolhido, uma linha do tempo que acompanha uma proposta do rascunho ao aceite e uma demonstração em que o visitante assina e vê o status virar "Aceita".
Do design ao código: HTML, CSS e JavaScript, com animações de rolagem (GSAP, ScrollTrigger e SplitText), rolagem suave com Lenis, tudo desligado para quem prefere menos movimento, e publicação no Netlify.
02 — A EXPERIÊNCIA
O produto se explica em três momentos.
Acompanhar
Uma linha do tempo mostra a proposta saindo pelo WhatsApp, sendo aberta pelo cliente e fechada com o aceite.
Assinar
O visitante escreve um nome, aceita a proposta de exemplo e vê o resultado, do mesmo jeito que o cliente dele veria.
03 — STYLE GUIDE
A identidade em código.
Tipografia
Instrument Sans
- Fonte
- Instrument Sans
- Peso
- 500
- Tamanho
- 40 px
- Altura da linha
- 110%
Propostas que o cliente lê até o fim e assina.
- Fonte
- Instrument Sans
- Peso
- 500
- Tamanho
- 32 px
- Altura da linha
- 115%
Propostas que o cliente lê até o fim e assina.
- Fonte
- Instrument Sans
- Peso
- 500
- Tamanho
- 24 px
- Altura da linha
- 120%
Propostas que o cliente lê até o fim e assina.
- Fonte
- Newsreader
- Peso
- 500
- Uso
- Marca
Propostaria
- Fonte
- Mrs Saint Delafield
- Peso
- 400
- Uso
- Assinatura
Helena Duarte
- Fonte
- Instrument Sans
- Peso
- 400
- Tamanho
- 16 px
- Altura da linha
- 155%
Monte, envie e acompanhe propostas comerciais com cara de documento importante.
Cores
Papel
Tinta
Caneta
Apoio
Marca
PropostariaPropostariaPropostaria
Componentes
Criar conta grátisVer como funciona
Criar conta grátisVer como funcionaEntrar
Criar conta grátis
ArquiteturaFotografiaEventos
Sinal de 30% via PixSinal de 30% via Pix
ArquiteturaEventos
AceitaConcluídoAtençãoNovo
Reforma do apartamento 802Para Helena Duarte · Proposta nº 0042
04 — DESIGN FINAL
Design final.
CONTINUE EXPLORANDO
Outro site, outra ideia.
Kompres