top of page

Roca Especificação: E-commerce B2B Especializado

  • Writer: Camila Sarinho
    Camila Sarinho
  • Jan 27
  • 2 min read
Ilustração minimalista de uma plataforma B2B de especificação de produtos, mostrando a transição de wireframes para uma interface técnica e refinada.

O DESAFIO

A Roca Brasil identificou que profissionais como arquitetos, designers de interiores e especificadores enfrentavam dificuldades no uso dos canais digitais existentes:

  • Falta de informações completas e técnicas sobre produtos;

  • Dificuldade em compartilhar especificações com clientes e parceiros;

  • Ausência de um programa de fidelização voltado para especificadores;

  • Gestão complexa de estoques diferenciados e planejamento de entrega.


Pergunta central: Como permitir que especificadores encontrem, especifiquem e compartilhem produtos da Roca de forma fluida, eficiente e com incentivos de engajamento?

MEU PAPEL

UX Designer responsável por conduzir o processo de design da plataforma B2B na Magento, desde a imersão até a entrega de protótipos e documentação para desenvolvimento.



CONTEXTO & OBJETIVOS

Contexto

Especificadores precisavam de um ambiente digital que atendesse a fluxos profissionais específicos — diferentes de um e-commerce tradicional B2C, com ênfase em:

  • Catálogo técnico detalhado;

  • Listas de especificação por projeto ou ambiente;

  • Integração com sistemas de estoque e ERP;

  • Incentivos e programas de relacionamento.


Objetivos do Projeto

Deliverables claramente definidos:

  • Plataforma B2B na Magento adaptada ao perfil técnico;

  • Filtros e navegação orientados ao processo de especificação;

  • Listas compartilháveis por projeto/ambiente;

  • Integração de múltiplos tipos de estoque;

  • Programa de indicação e resgate de benefícios.



PROCESSO DE DESIGN

1) Descoberta & Imersão

Entendimento profundo dos fluxos de especificação técnica e do contexto profissional dos usuários.


2) Benchmarking

Levantamento de referências e boas práticas em ecossistemas B2B especializados.


3) Arquitetura da Informação

Definição de categorias, navegação e estruturação de filtros relevantes (ex: ambientes, cores, tipos de estoque).


4) Prototipação

Criação e iteração de fluxos no Figma, incluindo:

  • criação de listas;

  • navegação segmentada;

  • integração de estoque diferenciado;

  • programa de benefícios.


5) Documentação & Handoff

Entrega de assets, protótipos e especificações para a equipe de desenvolvimento na plataforma Magento.



SOLUÇÕES CHAVE

Catálogo Técnico Filtrável

Usuários podem filtrar produtos por:

  • cor, aplicação, ambiente;

  • categorias técnicas;

  • tipos de estoque (imediato, programado, indisponível).


Listas de Especificação

Permite agrupar produtos por projeto ou ambiente, facilitando:

  • comparações;

  • compartilhamento com clientes;

  • organização técnica das escolhas.


Split de Estoque e Logística

Visibilidade clara de tipos de estoque e modalidades de entrega (programada, imediata, indisponível).


Programa de Relacionamento

Implementação de fluxo de:

  • indicações;

  • resgate de benefícios;

  • incentivos voltados aos especificadores


Navegação Simplificada

Fluxos otimizados para produtividade de usuários experientes, com foco em:

  • eficiência;

  • menor atrito;

  • contexto técnico.



GUIA DE ESTILO

Design coeso e especializado para público técnico:

  • Paleta de cores neutras com azul institucional;

  • Tipografia moderna e legível;

  • Componentes modulares e categorizados por ambiente;

  • Ícones representativos de status, ambiente e estoque. 


IMPACTO & RESULTADOS 

  • Plataforma mais alinhada ao fluxo real de trabalho dos especificadores.

  • Redução de atritos no processo de especificação e compra.

  • Aumento do engajamento com as listas compartilháveis e programa de indicações.

  • Maior previsibilidade logística com split de estoque.

Insight central: Design B2B não é “B2C com jargão técnico”, é redefinir a experiência para integrar tarefas profissionais reais de especificação e operação.


APRENDIZADOS CHAVE

  • Empatia com lógicas técnicas é tão crucial quanto com lógicas humanas.

  • Fluxos de trabalho real devem guiar a arquitetura, não o contrário.

  • Programas de fidelidade só funcionam quando fazem sentido no contexto diário do usuário.

  • Validação direta com usuários especialistas é indispensável


 
 
 

Comments


  • LinkedIn

©2026 by camilasarinho. Proudly created with Wix.com

bottom of page