PortInfo: Integrando modelos B2C e B2B em uma experiência digital unificada

Atuação:

Product Designer

Ano:

2023

Acessar

No mercado desde 1993, a PORT é uma distribuidora oficial de marcas nacionais e importadas de papelaria, informática e materiais de escritório, atendendo pessoas físicas, profissionais e empresas.

O projeto teve como objetivo reformular o e-commerce para suportar simultaneamente os modelos B2C e B2B, sendo o B2B inexistente até então.

A solução precisava ser:

  • Escalável

  • Adaptável a diferentes perfis de usuário

  • Capaz de suportar regras comerciais mais complexas

  • Sem comprometer usabilidade

A plataforma escolhida foi a Oracle Commerce Cloud (OCC), priorizando componentes nativos e customizações pontuais para garantir eficiência técnica e sustentabilidade do produto.

Problema

O desafio central era estrutural:

Como transformar um e-commerce exclusivamente B2C em uma plataforma híbrida B2C + B2B, sem criar fricção na experiência?

Além disso:

  • O modelo B2B exigia regras comerciais mais complexas

  • Havia necessidade de escalabilidade futura

  • A experiência precisava permanecer simples, mesmo com maior complexidade interna

A decisão técnica também impactava o design:
era necessário equilibrar experiência ideal e limitações da plataforma.

Processo

Discovery e Direção de Experiência

A etapa de UX iniciou com um workshop colaborativo com o cliente, com foco em:

  • Alinhamento de expectativas

  • Construção de visão compartilhada do produto

  • Entendimento aprofundado do negócio

  • Identificação dos públicos

  • Análise do site existente

  • Levantamento de referências visuais

  • Definição das novas funcionalidades

Esse momento foi fundamental para estruturar decisões baseadas em negócio e não apenas estética.

Processo

Discovery e Direção de Experiência

A etapa de UX iniciou com um workshop colaborativo com o cliente, com foco em:

  • Alinhamento de expectativas

  • Construção de visão compartilhada do produto

  • Entendimento aprofundado do negócio

  • Identificação dos públicos

  • Análise do site existente

  • Levantamento de referências visuais

  • Definição das novas funcionalidades

Esse momento foi fundamental para estruturar decisões baseadas em negócio e não apenas estética.

Processo

Discovery e Direção de Experiência

A etapa de UX iniciou com um workshop colaborativo com o cliente, com foco em:

  • Alinhamento de expectativas

  • Construção de visão compartilhada do produto

  • Entendimento aprofundado do negócio

  • Identificação dos públicos

  • Análise do site existente

  • Levantamento de referências visuais

  • Definição das novas funcionalidades

Esse momento foi fundamental para estruturar decisões baseadas em negócio e não apenas estética.

Estratégia

A partir dos insights, defini alguns direcionamentos estratégicos:

  • Criar uma experiência unificada, sem separar ambientes B2C e B2B

  • Priorizar componentes nativos da OCC para reduzir complexidade

  • Aplicar customizações pontuais apenas quando necessário

  • Estruturar arquitetura escalável para crescimento futuro

Trade-off importante:
Optar por soluções viáveis dentro da plataforma em vez de customizações extensivas que comprometeriam manutenção e tempo de entrega. Exemplo de customização de componentes nativos para o guia de estilo do cliente.

Solução

Arquitetura e Estrutura

  • Reorganização estratégica de categorias

  • Estrutura preparada para regras comerciais diferenciadas

  • Hierarquia mais clara para ambos públicos

Página de Produto

  • Destaque para preço e condições comerciais

  • Organização de informações técnicas

  • CTA mais evidente

  • Layout mais escaneável

Direção Visual

Com base na identidade visual da PORT:

  • Criação de variações de cores para melhor contraste

  • Ajustes de hierarquia tipográfica

  • Padronização de componentes

  • Equilíbrio visual para suportar maior complexidade funcional

O foco foi garantir clareza, legibilidade e consistência.

Implementação

As customizações na OCC foram realizadas equilibrando:

  • Experiência do usuário

  • Viabilidade técnica

  • Objetivos de negócio

Essa etapa reforçou o papel do design como gerador de valor estratégico, e não apenas camada visual.

Resultado

Mesmo sem métricas quantitativas formais, o projeto entregou:

- Estrutura híbrida B2C + B2B
- Base escalável para crescimento do negócio
- Redução de complexidade técnica com uso de componentes nativos
- Produto preparado para evolução contínua

O redesign não foi apenas visual, foi estrutural e estratégico.