2022 – UI / Web design
Um site premium
para a maior
construtora
do Brasil
2022 – UI / Web design
A premium website for
the largest construction company in
Brasil
Minha função
UI Designer – Pesquisa UX, Visual design,
Design de interação
Equipe
Carla Corrêa (UXW)
Natália Antues (MA)
Rogério Junior (MM)
Fabiana Dias (MM)
Linha do tempo
6 meses, Lançado em Fevereiro 2023
Visão geral
Veja aqui uma das páginas da empresa com o novo visual: MRV Chateau de Vermont
Criada em 1979, a MRV Engenharia é reconhecida como a maior construtora do país. Com foco na construção de imóveis residenciais, a empresa possui significativa presença nacional, atuando em diversos estados brasileiros.
Declaração do problema
Produtos premium precisavam de destaque, então me foi designado criar o novo layout do site considerando trazer algo completamente diferente das páginas padrão já existentes. Isso envolveu trazer um visual mais sofisticado, elegante e fácil de navegar.
Impactos após a entrega
Páginas de produtos
atualizadas para o
novo layout no site oficial da empresa
páginas de um novo produto da MRV chamado Cidade Sete Sóis foram criados utilizando meu layout como modelo.
A atualização do código das páginas antigas proporcionou mais performance ao site.
Objetivos principais
Criar um site elegante e atrativo diferente das páginas padrão da MRV.
Fornecer um template que seja facilmente replicável, pois será o novo padrão para sites premium.
Aplicar hierarquia de conteúdo e informações que facilitem os visitantes entrarem em contato.
Garantir uma ótima experiência para navegação mobile, realizando handoff de versões web e mobile.
Estrutura de navegação
Para uma melhor experiência, foi acordado criar um site de página única. Dessa forma, todas as informações ficarão acessíveis via rolagem. Abaixo estão os itens iniciais que devem aparecer na página.
Guia de estilos
Criar um guia de estilo, mesmo que simples, sempre me ajuda a avançar com as ideias do projeto com mais rapidez. Desta forma mantenho a consistência e a coesão visual ao mesmo tempo que economizo tempo e esforço. Isso garante maior qualidade da entrega.
Conteúdo do site
Antes de passarmos às ideações do projeto, tivemos que pensar antes em todo o conteúdo do site, sessão por sessão. Carla Corrêa foi fundamental nesta etapa, ela pensou em todo o conteúdo, trazendo também ideias para a hierarquia da informação.
Layout e interações
Foi muito importante ter esses processos iniciais antes de começar a trabalhar no layout, pois quando cheguei nessa etapa já tinha uma boa ideia do que traria como primeira proposta.
Mantive a maior parte dos do itens clicáveis em verde claro. Isso ajuda o usuário a saber o que pode ou não clicar, mitigando qualquer tipo de frustração ou cliques raivosos.
Proposta aprovada
A equipe envolvida já acompanhava a construção de conteúdos, telas e interações, então não houveram mudanças em relação à proposta apresentada. Apenas alguns pequenos detalhes precisaram ser ajustados.
Prototipagem e organização
Para facilitar o trabalho da equipe de desenvolvimento, realizei as prototipações e interações que foram necessárias. Assim eles conseguem saber visualmente o que precisa ser feito (e nos poupa algumas reuniões).
Processo de handoff
Parte do processo é realizar algumas reuniões de alinhamento para entrega do site. Houveram alguns detalhes que a equipe de desenvolvimento precisou de mais tempo para avaliar o esforço técnico, mas no geral não houve alterações.
Site depois de implementado
Antes do site ficar pronto, comecei a trabalhar em outra empresa, porém fiquei muito feliz ao ver o resultado do nosso trabalho pronto e online. As reuniões de alinhamento (para questões visuais, interações e experiência) foram muito satisfatórias.
Coloquei algumas imagens do site abaixo após seu lançamento no site oficial:
Alguns resultados
Depois de atualizar os produtos Class, o layout created became a reference framework no setor de marketing da MRV.
Com códigos atualizados, essas páginas proporcionaram mais desempenho. A mesma estrutura de layout foi utilizada em um novo produto da empresa chamado Cidade Sete Sóis (Smartcidades MRV). Veja um exemplo aqui: Cidade Sete Sóis.
Aprendizados e opiniões
Síndrome do impostor
Lembro-me de sentir a síndrome do impostor durante este trabalho.
Hoje entendo que isso acontece com profissionais de todos os níveis e um pouco de coragem nos mostra que somos mais capazes do que pensamos.
Retrabalho
Ir direto para o layout sempre irá gerar retrabalho. No caso deste site, uma boa prática foi ter primeiro o conteúdo e a pesquisa para podermos pensar na hierarquia geral e organização de cada componente.
Resultados
Acho que é essencial que o designer fique de olho nos resultados que vem de seu trabalho. Isso ajuda a quantificar e compreender o valor da sua atuação como profissional.
Vamos conversar sobre como transformar ideias em soluções reais?
Designed by Marcus Martins | 2025 © Todos os direitos reservados.