Site catálogo
do fabricante
de materiais
de construção
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
Objetivo global
Facilitar a interação dos usuários com o site. Criar um catálogo prático com navegação intuitiva e um design moderno e elegante.
Escopo do trabalho
Realizamos uma análise detalhada do cliente e de seu ambiente. Atualizamos o sistema de design da marca. Desenvolvemos a estrutura do site com um extenso catálogo de produtos e serviços da empresa. Incluímos uma área de usuário e funcionalidades personalizadas.
Análise
pré-projeto
Realizamos uma pesquisa aprofundada, analisando mais de 40 sites de concorrentes, identificando suas vantagens e examinando os aspectos de UI/UX.
Com base nesse estudo, selecionamos as melhores soluções, que foram incorporadas nos protótipos. Assim, focamos em criar um produto de qualidade que atende às expectativas e necessidades dos usuários.
Estrutura do site
Repensamos completamente a estrutura existente do site, analisando cada página para melhorar sua acessibilidade e usabilidade para os usuários.
Prototipagem
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.
Desenvolvimento
do sistema
de design
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.
Escolha de paleta,
tipografia e ilustrações
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.
Desenvolvimento de animações
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.
Funcionalidades e capacidades
Ampliamos significativamente as funcionalidades do catálogo
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.
Pedido por paletes
Integramos com sucesso a opção de realizar pedidos não apenas por unidade, mas também por paletes (m²). Essa solução personalizada exigiu um alto nível de desenvolvimento por parte da nossa equipe, proporcionando aos clientes uma ferramenta prática para gerenciar seus pedidos.
Piece
Pallet
Criação de ficha de produto de venda
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.
Reorganização da área
de usuário
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.
Desenvolvimento
de versão responsiva
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.
