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.

Braer bola animada elemento de branding

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.

Braer elemento de interface pin 1

A tipografia Pragmatica é perfeita para os títulos e texto principal, apoiando o design e o estilo do site.

Braer elemento de interface pin 2

Os produtos do cliente são apresentados com ilustrações vetoriais minimalistas que reforçam o conceito visual da marca.

Braer elemento de interface pin 3

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.

Braer elemento animado de branding Braer elemento animado de branding 2

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.

Braer interface do aplicativo tela 16
Braer interface do aplicativo tela 17

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.

Braer interface do aplicativo tela 18
Braer interface do aplicativo tela 19
Braer tela final do aplicativo

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.

Abrir
Ver todos los casos

Sua inscrição foi enviada!

Entraremos em contato em breve para discutir o projeto.

Fechar