Henrique Porto Silva
UX/UI Designer
Rua José da Costa de Andrade, 100 - São Paulo, Brasil
+55 11 98692-8201
rico.hps.98@gmail.com
Simulador de Preço Archa
Simulador de Preço Archa
1 de out. de 2025
Transformando um fluxo manual em uma jornada integrada, escalável e orientada à conversão — elevando a percepção de valor e ampliando a geração de leads qualificados.
Resumo dos Resultados
Após a implementação do novo simulador e da jornada integrada, observou-se uma melhora significativa na eficiência, na clareza da experiência e na qualidade dos leads gerados. O fluxo deixou de depender de processos fragmentados e passou a oferecer maior previsibilidade, profissionalismo e escalabilidade.
Melhorias observadas:
Aumento no volume de leads: 605%
Aumento na taxa de inicio do formulário: De 1,84% para 58%
Resultados Antes vs. Depois
Dados comparados de 01 de Junho à 31 de Agosto de 2025, últimos 3 meses utilizando typeform, com os dados de 01 de Setembro à 30 de Novembro de 2025 (3 meses com simulador).
Indicador | Antes | Depois |
|---|---|---|
Acessos ao Formulário - Simulador | 25.550 | 9.130 |
Usuários que iniciaram o formulário | 471 | 5.289 |
Usuários que concluíram a jornada | 213 | 11 |
Taxa de conclusão | 44.6% | 0,21% |
Leads gerados | 210 | 1480 |
Compras concluídas | 7 | 11 |
Temos que trazer alguns pontos em relação ao antes e depois, o antes é contabilizado o formulário, onde a pessoa ao finalizar o preenchimento não caía no pagamento, havia primeiro uma reunião com um profissional da Archa para depois assinar o contrato e assim pagar. Com o depois, utilizando o simulador, quando o usuário conclui ele já paga o projeto na hora, também trazemos a questão de simular o valor rápido e fácil para atrair o cliente, o que vem sido feito com sucesso. Agora o objetivo é aumentar a taxa de conversão, pois os leads já estão sendo atraídos.
O que é o Projeto
A Archa, uma startup de arquitetura, buscava modernizar a forma como apresentava preços aos usuários. O fluxo anterior era composto por um formulário externo no Typeform, seguido de contato 1:1 com o time comercial e, posteriormente, o envio manual de um contrato em uma tela separada. Embora o atendimento direto ajudasse na conversão, o crescimento da demanda tornou o processo inviável, pouco escalável e desalinhado com a identidade tecnológica que a marca desejava transmitir.
Para resolver isso, foi criado um simulador de preço totalmente integrado, dentro do domínio da Archa e seguindo sua identidade visual, permitindo ao usuário visualizar valores em tempo real, escolher um pacote, finalizar o pagamento e ter o contrato aprovado diretamente no checkout.
Minha Função
Atuei como UX/UI Designer responsável pela concepção do simulador e pela reestruturação completa da jornada, garantindo consistência, fluidez e uma experiência mais profissional dentro do ecossistema da Archa.
Conduzi o mapeamento e o redesign do fluxo completo (site → simulador → checkout → thank you page) e desenvolvi todas as telas, incluindo suas versões mobile. Estruturei a lógica de interação do simulador, enquanto o desenvolvedor integrou a precificação a partir de uma planilha interna existente e criou o simulador nas seguintes linguagens:
PHP, MySQL, Bootstrap 5 e JS, e para API, foi usado Laravel.
Em colaborção com o time, otimizamos o fluxo de contratação, substituindo a antiga tela isolada do contrato por um aceite via checkbox diretamente no checkout, também estruturamos três e-mails automatizados: para usuários que visualizaram o preço e não avançaram, para quem chegou ao checkout e para quem concluiu a compra.
Desafios
O principal desafio foi transformar uma jornada fragmentada — baseada em Typeform, contato 1:1 e uma etapa separada de contrato — em uma experiência digital integrada, sólida e compatível com a proposta tecnológica da Archa. A escala crescente de leads tornou o modelo manual inviável, exigindo a criação de um fluxo mais autônomo e eficiente.
Outro ponto crítico foi alinhar diversas etapas do fluxo em uma experiência contínua, reduzindo rupturas e equilibrando automação com a confiança que o atendimento humano proporcionava.
A criação da nova estratégia de comunicação pós-jornada adicionou um nível extra de complexidade, exigindo o mapeamento de diferentes comportamentos e a definição de pontos de contato específicos.
Layout
Referência utilizada
Como referência para o nosso simulador, utilizamos o simulador de preço da Parafuso (parafuzo.com), pois para o nosso nicho não havíamos nenhum outro concorrente com a proposta de simulador que queríamos, então achamos que o da Parafuso encaixaria muito bem pela praticidade.

Simulador Desktop
Foi feito um trabalho de análise para decidir quais questões ficavam em primeiro conforme a prioridade da planilha pra calcular os preços, e os principais itens são: Perfil do espaço, quantidade de ambientes e tamanho da área. Com essas informações já conseguimos passar o valor principal, assim as demais questões ficam como adicionais no projeto e assim precisamos apenas do nome, e-mail e telefone para liberar o valor e registrar o lead em nossa base.
Um layout mais intuitivo, simples, direto e que traz a essência da Archa.


Simulador Mobile



E-mail Remarketing 1
Visando uma estratégia para atrair as pessoas que preencheram a primeira parte do simulador e desbloquearam o preço mas não clicaram em avançar e saíram do simulador, criamos o seguinte e-mail como estratégia de remarketing vinculado diretamente ao simulador.

Checkout Desktop
Tela de pagamento com possibilidade de revisão do projeto.

Checkout Mobile


E-mail Remarketing 2
E-mail criado para os usuários que avançaram para a tela de checkout, pois aqui já temos a informação completa do projeto dele e conseguimos mandar um resumo para o usuário visando trazê-lo de volta para finalizar a compra.

Thank you Page Desktop
Página criada para finalizar essa etapa da jornada onde o usuário já efetuou a compra e agora já está pronto para iniciar o projeto.

Thank you Page Mobile

E-mail Thank you

Conclusão
A criação do simulador integrado representou um avanço estratégico para a Archa, substituindo um processo manual e fragmentado por uma jornada digital contínua, clara e escalável. A experiência ganhou consistência, profissionalismo e capacidade real de crescimento, reduzindo a dependência do atendimento 1:1 e aumentando a previsibilidade operacional.
Além de tornar a jornada mais fluida para o usuário, o projeto fortaleceu a percepção de valor da marca e ampliou a geração de leads qualificados — preparando a Archa para escalar suas vendas com mais autonomia, eficiência e alinhamento com sua identidade tecnológica.
O resultado final evidencia a importância de unir design, negócio e tecnologia para criar soluções que não só resolvem dores imediatas, mas também constroem bases sólidas para o crescimento futuro.
Acessos e Contato
Acesse o projeto:
➡️ Clique aqui para acessar o site da Archa e o simulador
Conecte-se comigo no LinkedIn:
➡️ Clique no link acima para acessar meu LinkedIn 🚀
MUITO OBRIGADO!
Transformando um fluxo manual em uma jornada integrada, escalável e orientada à conversão — elevando a percepção de valor e ampliando a geração de leads qualificados.
Resumo dos Resultados
Após a implementação do novo simulador e da jornada integrada, observou-se uma melhora significativa na eficiência, na clareza da experiência e na qualidade dos leads gerados. O fluxo deixou de depender de processos fragmentados e passou a oferecer maior previsibilidade, profissionalismo e escalabilidade.
Melhorias observadas:
Aumento no volume de leads: 605%
Aumento na taxa de inicio do formulário: De 1,84% para 58%
Resultados Antes vs. Depois
Dados comparados de 01 de Junho à 31 de Agosto de 2025, últimos 3 meses utilizando typeform, com os dados de 01 de Setembro à 30 de Novembro de 2025 (3 meses com simulador).
Indicador | Antes | Depois |
|---|---|---|
Acessos ao Formulário - Simulador | 25.550 | 9.130 |
Usuários que iniciaram o formulário | 471 | 5.289 |
Usuários que concluíram a jornada | 213 | 11 |
Taxa de conclusão | 44.6% | 0,21% |
Leads gerados | 210 | 1480 |
Compras concluídas | 7 | 11 |
Temos que trazer alguns pontos em relação ao antes e depois, o antes é contabilizado o formulário, onde a pessoa ao finalizar o preenchimento não caía no pagamento, havia primeiro uma reunião com um profissional da Archa para depois assinar o contrato e assim pagar. Com o depois, utilizando o simulador, quando o usuário conclui ele já paga o projeto na hora, também trazemos a questão de simular o valor rápido e fácil para atrair o cliente, o que vem sido feito com sucesso. Agora o objetivo é aumentar a taxa de conversão, pois os leads já estão sendo atraídos.
O que é o Projeto
A Archa, uma startup de arquitetura, buscava modernizar a forma como apresentava preços aos usuários. O fluxo anterior era composto por um formulário externo no Typeform, seguido de contato 1:1 com o time comercial e, posteriormente, o envio manual de um contrato em uma tela separada. Embora o atendimento direto ajudasse na conversão, o crescimento da demanda tornou o processo inviável, pouco escalável e desalinhado com a identidade tecnológica que a marca desejava transmitir.
Para resolver isso, foi criado um simulador de preço totalmente integrado, dentro do domínio da Archa e seguindo sua identidade visual, permitindo ao usuário visualizar valores em tempo real, escolher um pacote, finalizar o pagamento e ter o contrato aprovado diretamente no checkout.
Minha Função
Atuei como UX/UI Designer responsável pela concepção do simulador e pela reestruturação completa da jornada, garantindo consistência, fluidez e uma experiência mais profissional dentro do ecossistema da Archa.
Conduzi o mapeamento e o redesign do fluxo completo (site → simulador → checkout → thank you page) e desenvolvi todas as telas, incluindo suas versões mobile. Estruturei a lógica de interação do simulador, enquanto o desenvolvedor integrou a precificação a partir de uma planilha interna existente e criou o simulador nas seguintes linguagens:
PHP, MySQL, Bootstrap 5 e JS, e para API, foi usado Laravel.
Em colaborção com o time, otimizamos o fluxo de contratação, substituindo a antiga tela isolada do contrato por um aceite via checkbox diretamente no checkout, também estruturamos três e-mails automatizados: para usuários que visualizaram o preço e não avançaram, para quem chegou ao checkout e para quem concluiu a compra.
Desafios
O principal desafio foi transformar uma jornada fragmentada — baseada em Typeform, contato 1:1 e uma etapa separada de contrato — em uma experiência digital integrada, sólida e compatível com a proposta tecnológica da Archa. A escala crescente de leads tornou o modelo manual inviável, exigindo a criação de um fluxo mais autônomo e eficiente.
Outro ponto crítico foi alinhar diversas etapas do fluxo em uma experiência contínua, reduzindo rupturas e equilibrando automação com a confiança que o atendimento humano proporcionava.
A criação da nova estratégia de comunicação pós-jornada adicionou um nível extra de complexidade, exigindo o mapeamento de diferentes comportamentos e a definição de pontos de contato específicos.
Layout
Referência utilizada
Como referência para o nosso simulador, utilizamos o simulador de preço da Parafuso (parafuzo.com), pois para o nosso nicho não havíamos nenhum outro concorrente com a proposta de simulador que queríamos, então achamos que o da Parafuso encaixaria muito bem pela praticidade.

Simulador Desktop
Foi feito um trabalho de análise para decidir quais questões ficavam em primeiro conforme a prioridade da planilha pra calcular os preços, e os principais itens são: Perfil do espaço, quantidade de ambientes e tamanho da área. Com essas informações já conseguimos passar o valor principal, assim as demais questões ficam como adicionais no projeto e assim precisamos apenas do nome, e-mail e telefone para liberar o valor e registrar o lead em nossa base.
Um layout mais intuitivo, simples, direto e que traz a essência da Archa.


Simulador Mobile



E-mail Remarketing 1
Visando uma estratégia para atrair as pessoas que preencheram a primeira parte do simulador e desbloquearam o preço mas não clicaram em avançar e saíram do simulador, criamos o seguinte e-mail como estratégia de remarketing vinculado diretamente ao simulador.

Checkout Desktop
Tela de pagamento com possibilidade de revisão do projeto.

Checkout Mobile


E-mail Remarketing 2
E-mail criado para os usuários que avançaram para a tela de checkout, pois aqui já temos a informação completa do projeto dele e conseguimos mandar um resumo para o usuário visando trazê-lo de volta para finalizar a compra.

Thank you Page Desktop
Página criada para finalizar essa etapa da jornada onde o usuário já efetuou a compra e agora já está pronto para iniciar o projeto.

Thank you Page Mobile

E-mail Thank you

Conclusão
A criação do simulador integrado representou um avanço estratégico para a Archa, substituindo um processo manual e fragmentado por uma jornada digital contínua, clara e escalável. A experiência ganhou consistência, profissionalismo e capacidade real de crescimento, reduzindo a dependência do atendimento 1:1 e aumentando a previsibilidade operacional.
Além de tornar a jornada mais fluida para o usuário, o projeto fortaleceu a percepção de valor da marca e ampliou a geração de leads qualificados — preparando a Archa para escalar suas vendas com mais autonomia, eficiência e alinhamento com sua identidade tecnológica.
O resultado final evidencia a importância de unir design, negócio e tecnologia para criar soluções que não só resolvem dores imediatas, mas também constroem bases sólidas para o crescimento futuro.
Acessos e Contato
Acesse o projeto:
➡️ Clique aqui para acessar o site da Archa e o simulador
Conecte-se comigo no LinkedIn:
➡️ Clique no link acima para acessar meu LinkedIn 🚀
MUITO OBRIGADO!
Henrique Porto Silva
UX/UI Designer
Rua José da Costa de Andrade, 100 - São Paulo, Brasil
+55 11 98692-8201
rico.hps.98@gmail.com