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

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

Create a free website with Framer, the website builder loved by startups, designers and agencies.