Case Study — E-commerce B2B Case Study — B2B E-commerce

Ferramentas Gerais
uma nova plataforma de e-commerce B2B para o setor industrial a new B2B e-commerce platform for the industrial sector

A Ferramentas Gerais vendia para outras empresas por canais manuais — telefone, e-mail e representantes — o que limitava a escala e dificultava o acompanhamento de pedidos recorrentes. Em [X semanas/meses], desenhei o MVP de uma plataforma de e-commerce B2B, começando por um cliente piloto antes de expandir para toda a base. editar

Ferramentas Gerais sold to other businesses through manual channels — phone, email, and reps — which limited scale and made it hard to track recurring orders. Over [X weeks/months], I designed the MVP for a B2B e-commerce platform, starting with one pilot client before expanding to the full customer base. edit

Cliente Client Ferramentas Gerais
Meu papel My role UX/UI Design, Pesquisa UX/UI Design, Research
Prazo Timeline [Duração do projeto] [Project duration]
Ano 2024
Imagem/Vídeo de destaque — Ferramentas Gerais Featured image/video — Ferramentas Gerais

01 — O Problema

01 — The Problem

Sem um canal digital, cada pedido dependia de uma pessoa.

Without a digital channel, every order depended on a person.

Antes de desenhar a plataforma, mapeamos como clientes B2B compravam hoje e o que a Ferramentas Gerais precisava para escalar sem multiplicar o time comercial.

Before designing the platform, we mapped how B2B clients were buying today and what Ferramentas Gerais needed to scale without multiplying its sales team.

Dores do usuário User pain points
  • Pedidos recorrentes exigiam refazer a cotação inteira por e-mail ou telefone toda vez.
  • Clientes não tinham visibilidade de preços, estoque ou histórico de compras.
  • Aprovação de pedidos internos do cliente (compras/compliance) não tinha nenhum suporte digital.
  • Recurring orders meant redoing the entire quote by email or phone every time.
  • Clients had no visibility into pricing, stock, or purchase history.
  • The client's own internal order approval (procurement/compliance) had no digital support at all.
Objetivos de negócio Business objectives
  • Reduzir o tempo do time comercial gasto em pedidos repetitivos.
  • Aumentar o ticket médio via recompra facilitada e catálogo cruzado.
  • Validar a plataforma com um cliente piloto antes de expandir para toda a base B2B.
  • Reduce the sales team's time spent on repetitive orders.
  • Increase average order value through easy reordering and cross-catalog browsing.
  • Validate the platform with one pilot client before rolling it out to the full B2B base.

02 — A Solução

02 — The Solution

Um MVP enxuto, pronto para validar com um cliente real.

A lean MVP, ready to validate with a real client.

O MVP cobre catálogo, cotação e aprovação interna em um único fluxo, testado primeiro com um cliente piloto.

The MVP covers catalog, quoting, and internal approval in a single flow, tested first with a pilot client.

Tela — Catálogo B2B Screen — B2B catalog
01

Catálogo com preços por contrato. Cada cliente vê a tabela de preços e condições negociadas com ele, sem precisar confirmar por telefone.

Catalog with contract-based pricing. Each client sees the pricing and terms negotiated specifically with them, with no need to confirm by phone.

Tela — Cotação e recompra Screen — Quoting and reordering
02

Recompra em um clique. Pedidos recorrentes partem do histórico de compras, reduzindo o tempo de cotação de dias para minutos.

One-click reordering. Recurring orders start from purchase history, cutting quoting time from days to minutes.

Tela — Aprovação interna do pedido Screen — Internal order approval
03

Aprovação sem planilha. O comprador do cliente aprova ou rejeita pedidos direto na plataforma, com histórico e status visíveis para os dois lados.

Approval without spreadsheets. The client's buyer approves or rejects orders directly in the platform, with history and status visible to both sides.

03 — O Processo

03 — The Process

Validado com um cliente antes de virar produto para todos.

Validated with one client before becoming a product for everyone.

Um processo enxuto, pensado para aprender rápido com o piloto antes de investir na versão final.

A lean process, built to learn fast from the pilot before investing in the final version.

01

Pesquisa

Research

Entrevistas com o time comercial e com compradores do cliente piloto para mapear cada etapa do processo de compra atual, do orçamento à aprovação interna.

Interviews with the sales team and with the pilot client's buyers to map every step of the current purchasing process, from quote to internal approval.

"Insight principal da pesquisa que guiou as decisões de design." editar

"Main research insight that guided the design decisions." edit

02

Wireframes

Testamos diferentes estruturas de catálogo e fluxo de aprovação em baixa fidelidade antes de definir a arquitetura do MVP.

We tested different catalog structures and approval flows in low fidelity before defining the MVP's architecture.

03

Teste de usabilidade

Usability testing

Sessões moderadas com [N] compradores do cliente piloto revelaram fricção na etapa de aprovação interna, o que levou à simplificação do fluxo de status.

Moderated sessions with [N] buyers from the pilot client revealed friction in the internal approval step, which led to simplifying the status flow.

"Resultado ou aprendizado direto do teste de usabilidade." editar

"Direct result or learning from the usability test." edit

04

Iteração e UI final

Iteration and final UI

Refinamos hierarquia visual e microcopy com base no piloto, chegando à versão pronta para expandir a outros clientes B2B.

We refined visual hierarchy and microcopy based on the pilot, arriving at the version ready to expand to other B2B clients.

04 — Resultados e Meu Papel

04 — Results and My Role

O impacto do MVP com o cliente piloto.

The MVP's impact with the pilot client.

Métricas de negócio combinadas com o que aprendi ao longo do projeto.

Business metrics combined with what I learned throughout the project.

+[X]%

Pedidos recorrentes feitos sem contato manual

Recurring orders placed without manual contact

-[X]%

Tempo do time comercial em pedidos repetitivos

Sales team time spent on repetitive orders

[X]

Compradores testados nas sessões de usabilidade

Buyers tested in usability sessions

[X]/10

Nota de satisfação do cliente piloto

Satisfaction score from the pilot client

Meu papel no time

My role on the team

Fui responsável por pesquisa com o cliente piloto, arquitetura de informação e UI do catálogo, cotação e aprovação, trabalhando junto a [PM / dev / outro designer] desde a descoberta até o handoff para desenvolvimento.

I was responsible for research with the pilot client, information architecture, and UI for the catalog, quoting, and approval flow, working alongside [PM / dev / another designer] from discovery through handoff to development.

Pesquisa Research UX UI MVP Handoff

Próximo projeto

Next project

Wave — Gateway de Pagamentos

Wave — Payment Gateway