info@toimi.pro
Obrigado!
Recebemos sua solicitação e entraremos em contato com você em breve.
Tudo bem

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.

#

Objetivo global

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.

Escopo do trabalho

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.

#
#
#
#

Análise
pré-projeto

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.

#

Estrutura do site

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.

#

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 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

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.

#

Casos reais. Resultados claros.

Apoiar
Ver todos os casos

Sua inscrição foi enviada!

Entraremos em contato em breve para discutir o projeto.

Fechar