ARQNORM
ARQNORM
Modernizando a presença digital através do design
Embedded Files
A ARQNORM é uma empresa do setor da construção civil especializada em aplicar os princípios de desempenho, eficiência energética e sustentabilidade nas edificações. Presente no mercado nacional desde 2016, a empresa avalia empreendimentos desde o projeto até a construção, com suporte técnico especializado.
Contexto do projeto
Contexto do projeto
Problema
Problema
A ARQNORM precisava de um novo site pois o antigo não refletia o seu momento atual e precisava ser mais competitivo.
Meu papel
Meu papel
Como UX/UI Designer, compreendi as necessidades do cliente e construí as interfaces com base em análises de mercado e boas práticas de design.
Desafios
Desafios
Os principais desafios desse projeto foram o tempo para o seu desenvolvimento (3 semanas) e a natureza técnica do conteúdo.
Metodologia
Metodologia
O processo de design envolveu pesquisa e análise de concorrentes, ideação com wireframes e a criação de protótipos de alta fidelidade, com validação constante.
Pesquisa e definição
Pesquisa e definição
Análise de concorrentes
Análise de concorrentes
Durante essa etapa da pesquisa, selecionei e analisei os sites de algumas empresas concorrentes da ARQNORM para identificar boas práticas de design e pontos de melhorias que poderiam ser implementados no projeto.
Análise de concorrentes feita no Figjam
As principais descobertas foram:
Pontos Positivos:
Informações detalhadas sobre os serviços;
Harmonia entre cores e elementos visuais nos sites;
Big numbers e depoimentos de clientes, que aumentam a confiança na empresa.
Pontos Negativos:
Páginas em excesso nos sites;
Falta de indicativo do caminho percorrido na navegação;
Inconsistências no design das páginas.
Além disso, foi possível identificar uma estrutura padrão para os menus principais dos sites estudados, com páginas dedicadas aos serviços, às informações sobre a empresa e ao portfólio de projetos e clientes.
Essas descobertas sugeriram que o site da ARQNORM deveria unir design consistente, navegação intuitiva, comunicação clara e uma identidade visual sólida para se diferenciar no mercado.
Estrutura do site
Estrutura do site
Com base nas descobertas da pesquisa, defini em conjunto com a cliente que a estrutura do site seria formada por:
Página inicial com as informações mais relevantes sobre a empresa;
Página com os serviços da ARQNORM e subáginas de detalhes para cada serviço;
Páginas para a empresa, portfólio, clientes e contato.
A hierarquia das páginas foi construída através do sitemap ao lado.
Sitemap da ARQNORM
Ideação e Design
Ideação e Design
Wireframes
Wireframes
Durante o processo de idealização, criei wireframes digitais de baixa fidelidade para definir o layout inicial das telas e testar os primeiros conceitos.
Wireframes das páginas do site
Style Guide e especificações
Style Guide e especificações
O Style Guide do site foi criado com base nos elementos visuais da marca que já haviam sido definidos no rebranding feito pela empresa. O objetivo principal era transmitir através do site a imagem de uma empresa moderna e minimalista, mas ao mesmo tempo formal e elegante.
A cor principal da marca, o roxo, foi escolhida para os elementos de interação principais do site, como botões e menus. As demais cores foram usadas nos detalhes gráficos para compor o design visual do site e transmitir a nova identidade da empresa.
Style Guide e especificações
Selecionei as imagens dos banners das páginas pensando no apelo visual e na adequação aos temas da arquitetura sustentável e da eficiência energética, que são os principais pontos de atuação da ARQNORM.
Além disso, entreguei especificações detalhadas sobre as cores, estilos e espaçamentos utilizados no site, de modo a auxiliar o desenvolvimento das interfaces.
Interfaces
Interfaces
Com os wireframes e style guide criados, o próximo passo foi o design das páginas do site. Devido às limitações de tempo do projeto, foi priorizado o formato desktop para as interfaces. Nesse sentido, para agilizar o desenvolvimento e manter a consistência visual em todo o site, criei sessões facilmente replicáveis em diferentes páginas.
Protótipo Navegável
Protótipo Navegável
Além das interfaces, entreguei um protótipo navegável de alta fidelidade para demonstrar a navegação pelas diferentes páginas do site.
Protótipo Navegável Site ARQNORM.mp4Aprendizados
Aprendizados
A área da construção civil é bastante técnica e exige a aplicação de normas rigorosas de desempenho e segurança. Por isso, foi necessário manter um alinhamento constante com a cliente para que o conteúdo do site estivesse correto, bem detalhado e de acordo com os serviços prestados pela empresa.
Nesse sentido, uma boa prática que eu adotei no projeto foi definir com antecedência, juntamente com a cliente, todos os textos que estariam presentes nas páginas, uma vez que a estrutura visual das telas seria construída a partir da quantidade e tipo de conteúdo delas.
Dessa forma, aprendi como o conteúdo influencia diretamente a forma e o resultado final das interfaces, e também sobre a importância do alinhamento com o cliente durante todo o processo de design, o que levou a uma experiência satisfatória e gratificante para ambas as partes.
Page updated
Google Sites
Report abuse