Braer é um grupo russo que produz materiais de construção cerâmicos de qualidade europeia. A empresa fabrica produtos de tijolos de uma nova classe, que combinam estética, inovação e tradição geracional.
braer.ru
Tornar o site mais fácil de usar e desenvolver um catálogo conveniente com navegação fluida e design moderno — aproximando a plataforma dos padrões profissionais de UX/UI.
Realizamos uma análise extensa da empresa e seu ambiente de negócios; atualizamos o sistema de design da marca; desenvolvemos a estrutura do site, incluindo contas pessoais e um amplo catálogo de produtos e serviços; implementamos funções especializadas, típicas de sites corporativos avançados.
Realizamos uma análise preliminar minuciosa, estudando mais de 40 sites de concorrentes para identificar seus pontos fortes e investigar aspectos de UI/UX. Esta etapa refletiu a abordagem que aplicamos em nossa auditoria UX/UI, permitindo-nos isolar os padrões de interação mais eficazes e utilizá-los nos protótipos. Isso nos ajudou a destacar as soluções mais eficazes e utilizá-las em nossos protótipos. Assim, nosso foco estava em criar um produto de qualidade e fácil de usar que atendesse a todas as necessidades e expectativas dos usuários.
Repensamos completamente a estrutura existente do site. Cada página foi cuidadosamente trabalhada e se tornou mais conveniente e acessível — parte de uma arquitetura mais ampla, comumente encontrada em projetos complexos de desenvolvimento de serviços online.
Durante a prototipagem, focamos na estrutura das páginas, tornando-as completas e eficazes.
A prioridade foi simplificar a interação dos usuários com o catálogo de produtos e preencher a página inicial com conteúdo útil que apresentasse imediatamente o perfil da empresa e seus serviços.
No design do site, incorporamos todos os desejos do cliente, criando um estilo corporativo que combina robustez, clareza, modernidade e praticidade.
Desenvolvemos um UI KIT detalhado que reflete a harmonia de todos os componentes do site: grades, cores, tipografia, ícones e elementos.
A paleta de cores escolhida destaca a marca em relação aos concorrentes.
A tipografia Pragmatica é perfeita para os títulos e texto principal, apoiando o design e o estilo do site.
Os produtos do cliente são apresentados com ilustrações vetoriais minimalistas que reforçam o conceito visual da marca.
A inclusão de animações do processo de produção foi uma ótima escolha. Isso facilitou a compreensão e tornou a experiência mais atraente para os usuários.
Dedicamos atenção especial à coleção exclusiva de tijolos. Criamos um tema escuro único e um design exclusivo para os cartões dessa coleção, destacando a exclusividade e a qualidade premium do produto.
Agora, na página de categoria, são exibidos: coleções, filtros e produtos em vários formatos, como grade ou lista.
Para facilitar o trabalho com a lista de produtos, otimizamos o espaço e redesenhamos a disposição dos filtros, permitindo economizar espaço para os produtos sem perder a qualidade na interação com os filtros.
Integramos a funcionalidade de pedidos não apenas por peças, mas também em paletes (m²). Esta solução não padrão exigiu lógica personalizada e reflete o nível de desenvolvimento típico de processos confiáveis de desenvolvimento de contas pessoais para clientes industriais.
Piece
Pallet
A ideia por trás da criação da ficha de produto foi oferecer uma consulta detalhada sobre o produto. A ficha, como um bom vendedor em uma loja física, apresenta as principais vantagens do produto, responde a objeções, mostra o produto em projetos e em imagens. Além disso, envolve o cliente no processo de cálculo do produto com uma animação atraente e informativa.
A página tornou-se uma ferramenta eficaz que ajuda os clientes a tomar decisões de compra fundamentadas.
Otimizamos a área de usuário, melhorando sua estrutura e organizando o conteúdo. Agora, todos os materiais estão em seções intuitivas, permitindo que os usuários encontrem rapidamente as informações e arquivos necessários.
A área de usuário inclui pedidos de materiais e acompanhamento do status. Facilitamos o manuseio de pedidos para os distribuidores ao simplificar os estados dos pedidos e adicionar um histórico de comunicação com os gestores, entre outros.
A versão móvel é um atributo indispensável para um site bem-sucedido. Por isso, trabalhamos cuidadosamente nas versões responsivas, tornando-as confortáveis e otimizadas para diversos dispositivos.
Os filtros na versão móvel estão organizados para um manuseio prático com uma única mão. Levamos em conta as particularidades da interação dos usuários com o site em diferentes dispositivos, criando interfaces flexíveis e claras, confortáveis de usar em qualquer situação.