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

Archa — Evolução do Site Institucional

Archa — Evolução do Site Institucional

4 de mar. de 2026

Da landing page simplificada a um ecossistema digital integrado, estruturando autoridade, credibilidade e escala para o modelo de negócio.


Impacto estratégico e resultados

Comparativo entre 01 de Junho a 31 de Agosto de 2025, período em que o site utilizava formulário terceirizado via Typeform, e 01 de Setembro a 30 de Novembro de 2025, após a consolidação da nova arquitetura e integração do simulador próprio:

−64% nos acessos ao formulário (25.550 → 9.130)
+604% na geração de leads (210 → 1.480)
+57% em compras concluídas (7 → 11)

A redução de acessos ao formulário não indica perda de interesse, mas reorganização da jornada. A nova arquitetura passou a qualificar melhor o usuário antes da conversão, reduzindo tráfego desestruturado e aumentando a efetividade comercial.

O resultado observado não está associado apenas à criação do simulador, mas à transformação estrutural do site como base do modelo de negócio.


Ao todo foram 5 versões da Home e 7 páginas que compõem o site institucional da Archa.

Página Inicial, Projetos, Contato, Perguntas Frequentes, Arquitetos, Bienal de Arquitetura Brasileira e Concursos.

O blog da Archa estava pronto, porém não chegou a ir ao ar.


O que é o projeto

A Archa iniciou sua presença digital com uma landing page visualmente simples, fluxo linear e dependência de um formulário externo via Typeform como principal ponto de conversão.

Além disso, conteúdos institucionais relevantes — Arquitetos, Bienal de Arquitetura Brasileira e Concursos — existiam de forma separada do site principal, fragmentando a experiência e diluindo a percepção de autoridade.

Com o amadurecimento da empresa e o fortalecimento do posicionamento como startup de arquitetura, tornou-se necessário evoluir essa estrutura para um site institucional completo, capaz de comunicar credibilidade, organizar portfólio e sustentar crescimento.


Sua função

Fui responsável por toda a evolução estrutural e visual do site ao longo das diferentes versões. Conduzi o redesenho da interface, reorganizei a arquitetura de informação, defini a hierarquia estratégica de conteúdo e estruturei a navegação entre páginas.

Também participei da decisão de substituir o formulário terceirizado por uma solução própria integrada à experiência do site, garantindo coerência entre posicionamento institucional e jornada de conversão. A redação final contou com apoio de outro profissional.


Transformação estrutural

O site evoluiu de uma landing page simplificada para uma arquitetura institucional estruturada, integrando as páginas de Home, Projetos, FAQ, Contato, Arquitetos, Bienal de Arquitetura Brasileira e Concursos em um único ecossistema digital.

A decisão de agrupar as páginas que antes estavam separadas teve dois objetivos estratégicos claros: aumentar a percepção de credibilidade e apresentar de forma consolidada todos os trabalhos e iniciativas da Archa. Ao unificar essas frentes, o site passou a demonstrar amplitude de atuação, consistência institucional e maior maturidade como marca.

Essa reorganização eliminou fragmentação, fortaleceu a autoridade e criou uma base sólida para expansão digital.

Além disso, a nova hierarquia permitiu distribuir melhor os argumentos institucionais, aprofundar conteúdos relevantes e criar caminhos de navegação mais claros para diferentes perfis de usuário.


Site, formulário e simulador

No modelo anterior, o site direcionava o usuário para um formulário externo, criando ruptura na experiência e dependência de interação humana posterior para fechamento.

Com a nova arquitetura consolidada, tornou-se viável integrar um simulador próprio dentro do ambiente digital, conectando narrativa institucional e conversão em uma jornada contínua.

Importante destacar que o simulador não foi o ponto de partida da transformação, mas consequência da maturidade estrutural do site. A reorganização da experiência foi o que viabilizou a integração de uma solução proprietária de conversão.

🔗 Ver case completo do simulador:
https://henriqueporto.framer.website/blog/simulador-de-preço-archa

As primeiras otimizações realizadas ainda na fase inicial da landing page também geraram impacto direto no faturamento da empresa, etapa documentada separadamente.

🔗 Ver case das primeiras otimizações com impacto em faturamento:
https://henriqueporto.framer.website/blog/aumento-de-24-no-faturamento-da-empresa-com-redesign-da-landing-page


Apresentação visual da evolução


Comparação: antes e depois


Versões anteriores

Versão 1


Versão 2


Versão 3


Versão 4


Versão Atual

As versões anteriores concentrava informações em uma única estrutura linear, com baixa profundidade institucional. Com a nova identidade visual, começamos a amadurecer o layout e o conteúdo das páginas, até chegar na versão atual. A nova Home consolida proposta de valor, navegação estruturada e integração com as demais páginas, refletindo maturidade e posicionamento estratégico.


Expansão do ecossistema digital

A integração dessas páginas fortaleceu a percepção de autoridade e permitiu apresentar de forma organizada toda a produção da empresa, ampliando profundidade institucional e clareza narrativa.

Página de Projetos


Página Perguntas Frequentes


Página Contato


Página Arquitetos


Página Bienal de Arquitetura Brasileira


Página Concursos


Página Blog Archa


Conclusão

Este foi o último projeto da Archa que optei por transformar em case. Ao longo do tempo, o site esteve em constante evolução, acompanhando o amadurecimento da empresa e as mudanças no modelo de negócio. Por esse motivo, escolhi documentá-lo apenas quando sua estrutura atingiu um estágio consolidado.

Hoje, após não fazer mais parte da Archa, apresento este projeto como a síntese de um processo contínuo de evolução estrutural, no qual o design deixou de atuar apenas como camada visual e passou a desempenhar papel estratégico na construção de posicionamento, credibilidade e escala digital.

Da landing page simplificada a um ecossistema digital integrado, estruturando autoridade, credibilidade e escala para o modelo de negócio.


Impacto estratégico e resultados

Comparativo entre 01 de Junho a 31 de Agosto de 2025, período em que o site utilizava formulário terceirizado via Typeform, e 01 de Setembro a 30 de Novembro de 2025, após a consolidação da nova arquitetura e integração do simulador próprio:

−64% nos acessos ao formulário (25.550 → 9.130)
+604% na geração de leads (210 → 1.480)
+57% em compras concluídas (7 → 11)

A redução de acessos ao formulário não indica perda de interesse, mas reorganização da jornada. A nova arquitetura passou a qualificar melhor o usuário antes da conversão, reduzindo tráfego desestruturado e aumentando a efetividade comercial.

O resultado observado não está associado apenas à criação do simulador, mas à transformação estrutural do site como base do modelo de negócio.


Ao todo foram 5 versões da Home e 7 páginas que compõem o site institucional da Archa.

Página Inicial, Projetos, Contato, Perguntas Frequentes, Arquitetos, Bienal de Arquitetura Brasileira e Concursos.

O blog da Archa estava pronto, porém não chegou a ir ao ar.


O que é o projeto

A Archa iniciou sua presença digital com uma landing page visualmente simples, fluxo linear e dependência de um formulário externo via Typeform como principal ponto de conversão.

Além disso, conteúdos institucionais relevantes — Arquitetos, Bienal de Arquitetura Brasileira e Concursos — existiam de forma separada do site principal, fragmentando a experiência e diluindo a percepção de autoridade.

Com o amadurecimento da empresa e o fortalecimento do posicionamento como startup de arquitetura, tornou-se necessário evoluir essa estrutura para um site institucional completo, capaz de comunicar credibilidade, organizar portfólio e sustentar crescimento.


Sua função

Fui responsável por toda a evolução estrutural e visual do site ao longo das diferentes versões. Conduzi o redesenho da interface, reorganizei a arquitetura de informação, defini a hierarquia estratégica de conteúdo e estruturei a navegação entre páginas.

Também participei da decisão de substituir o formulário terceirizado por uma solução própria integrada à experiência do site, garantindo coerência entre posicionamento institucional e jornada de conversão. A redação final contou com apoio de outro profissional.


Transformação estrutural

O site evoluiu de uma landing page simplificada para uma arquitetura institucional estruturada, integrando as páginas de Home, Projetos, FAQ, Contato, Arquitetos, Bienal de Arquitetura Brasileira e Concursos em um único ecossistema digital.

A decisão de agrupar as páginas que antes estavam separadas teve dois objetivos estratégicos claros: aumentar a percepção de credibilidade e apresentar de forma consolidada todos os trabalhos e iniciativas da Archa. Ao unificar essas frentes, o site passou a demonstrar amplitude de atuação, consistência institucional e maior maturidade como marca.

Essa reorganização eliminou fragmentação, fortaleceu a autoridade e criou uma base sólida para expansão digital.

Além disso, a nova hierarquia permitiu distribuir melhor os argumentos institucionais, aprofundar conteúdos relevantes e criar caminhos de navegação mais claros para diferentes perfis de usuário.


Site, formulário e simulador

No modelo anterior, o site direcionava o usuário para um formulário externo, criando ruptura na experiência e dependência de interação humana posterior para fechamento.

Com a nova arquitetura consolidada, tornou-se viável integrar um simulador próprio dentro do ambiente digital, conectando narrativa institucional e conversão em uma jornada contínua.

Importante destacar que o simulador não foi o ponto de partida da transformação, mas consequência da maturidade estrutural do site. A reorganização da experiência foi o que viabilizou a integração de uma solução proprietária de conversão.

🔗 Ver case completo do simulador:
https://henriqueporto.framer.website/blog/simulador-de-preço-archa

As primeiras otimizações realizadas ainda na fase inicial da landing page também geraram impacto direto no faturamento da empresa, etapa documentada separadamente.

🔗 Ver case das primeiras otimizações com impacto em faturamento:
https://henriqueporto.framer.website/blog/aumento-de-24-no-faturamento-da-empresa-com-redesign-da-landing-page


Apresentação visual da evolução


Comparação: antes e depois


Versões anteriores

Versão 1


Versão 2


Versão 3


Versão 4


Versão Atual

As versões anteriores concentrava informações em uma única estrutura linear, com baixa profundidade institucional. Com a nova identidade visual, começamos a amadurecer o layout e o conteúdo das páginas, até chegar na versão atual. A nova Home consolida proposta de valor, navegação estruturada e integração com as demais páginas, refletindo maturidade e posicionamento estratégico.


Expansão do ecossistema digital

A integração dessas páginas fortaleceu a percepção de autoridade e permitiu apresentar de forma organizada toda a produção da empresa, ampliando profundidade institucional e clareza narrativa.

Página de Projetos


Página Perguntas Frequentes


Página Contato


Página Arquitetos


Página Bienal de Arquitetura Brasileira


Página Concursos


Página Blog Archa


Conclusão

Este foi o último projeto da Archa que optei por transformar em case. Ao longo do tempo, o site esteve em constante evolução, acompanhando o amadurecimento da empresa e as mudanças no modelo de negócio. Por esse motivo, escolhi documentá-lo apenas quando sua estrutura atingiu um estágio consolidado.

Hoje, após não fazer mais parte da Archa, apresento este projeto como a síntese de um processo contínuo de evolução estrutural, no qual o design deixou de atuar apenas como camada visual e passou a desempenhar papel estratégico na construção de posicionamento, credibilidade e escala digital.

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.