Multidrop  - 販売プラットフォーム  -  hero
製品デザイン2025

Multidrop - 販売プラットフォーム

製品デザイナー、UX/UIデザイナー

プロファイル、ホーム、製品登録画面など、生産者やアフィリエイトにサービスを提供するプラットフォームのUX/UI探査。

50%→25%

オンボーディング離脱

100+

稼働顧客

2→1

ペルソナと1つの製品

  • €14M em vendas no primeiro ano após redesign de ativação
  • Abandono no onboarding: 50% → 25% (n=3.1k, Mixpanel)
  • 0 → 100 clientes ativos em 12 meses

編集コンテンツ

この長編ケーススタディ本文は現在ポルトガル語で管理されています。

このページの共通UIは各言語にローカライズされていますが、ケーススタディ本文は引き続きポルトガル語の編集版を基準にしています。

戦略的コンテキスト

役割範囲: ブラジルにエンジニアリング、ヨーロッパにマネジメントがある35名規模のB2B2C SaaSで、唯一のプロダクトデザイナーを務めました。Lead Product Designer 兼 暫定 Product Manager として、CTOに直接レポートしていました。

意思決定権: プロダクトアーキテクチャの提案、スクワッドとの機能優先順位づけ、検証実験の主導まで担当。ダッシュボードのデュアルペルソナ構造のような大きな判断では、実装前にCEOと擦り合わせつつ、意思決定を動かすための根拠を提示しました。

期間: 2024年9月〜2025年8月の12か月。2〜3週間サイクルで継続的にリリース。

構造的な成果: 離脱率50%の状態を、100社超の稼働顧客を支える実用的なプロダクトモデルへ転換しました。『相反する2人のユーザーのための1つのプロダクト』から『2つの文脈を統合した1つのプロダクト』への転換は、現在も採用で使われる代表事例になっています。

問題

Multidropはオンボーディングで50%の離脱率を抱えていました。Mixpanelのデータ、Hotjarの録画、8件の離脱インタビューを組み合わせて発見しました。Hotjarはパターンを明らかにしました:ユーザーは会社の種類を選択するステップで止まっていました。最も示唆的なデータはインタビューから:このプロダクトが自分のためのものかどうか分からないと言っていました。プロダクトには2つのペルソナがあります: 個人配達員と物流企業、それぞれ根本的に異なるフロー、価格、機能を持っています。初期画面はそれを明確にしていませんでした。

インタラクティブデモ - クリックしてホバー

Funil de Ativação · Mixpanel

Cohort 60d · n = 3.200 novos cadastros

  1. Passo 1: Cadastro

    E-mail confirmado, conta criada

  2. Passo 2: Primeiro login

    Sessão iniciada no dashboard

    Houve uma queda de 9% relativo
  3. Passo 3: Explorou painel

    2+ cliques · 30s+ na sessão

    Houve uma queda de 21% relativo
  4. Passo 4: Primeira ação de receita

    Produtor: criou produto · Afiliado: pegou link

    Houve uma queda de 31% relativo Crítico

デュアルペルソナ・アーキテクチャ

トグルの最初のバージョンは設定のドロップダウンでした。テストでは、6人中4人のユーザーが見つけられませんでした。ヘッダーにトグルを配置することを提案しました。すべての画面に表示されます。社内での抵抗:「混乱する」。反論:見えないことがすでに混乱を引き起こしていました。新しいテスト:6人中6人が見つけました。両ペルソナ間で約70%のコンポーネントを共有しました。

インタラクティブデモ - クリックしてホバー

AC

Comece sua jornada com a Multidrop

Preencha seus dados iniciais. Em seguida, você poderá criar seu produto ou se afiliar a um no marketplace.

0%
  1. 1

    Comece pelo seu perfil

    Preencha seus dados básicos para iniciar sua jornada na plataforma.

  2. 2

    Configure seus dados financeiros

    Adicione suas informações de pagamento e garanta que seus ganhos cheguem com segurança.

  3. 3

    Personalize Área de entrega e Checkout

    Customize a aparência e as informações do seu espaço para deixá-lo com a sua cara.

  4. 4

    Crie seu primeiro produto

    Transforme sua ideia em assinatura, serviço, evento ou entregável digital.

Valor Bruto

23.800,00 €

Vendas

1.203

Saldo Pendente

7.200,00 €

Saldo Liberado

965,00 €

Vendas por período

Ano
2004006008001k1.2k1.4kJanFebMarAprMayJunJulAugSepOctNovDec

Vendas

Buscar
ProdutoTipoFaturamentoAfiliadoData

Programa Executivo · Vendas B2B

By Acme Digital

Digital397,00 €
GGuilherme Carvalho Lima
12/04/2026 - 13:40

Assessoria · 8 semanas

By Norte Consultoria

Digital1.480,00 €
DDireta
12/04/2026 - 11:22

Guia operacional · 2026

By Flow Partners

Digital47,00 €
BBruno Azevedo Alves
12/04/2026 - 09:15

Programa Executivo · Vendas B2B

By Acme Digital

Digital397,00 €
CClara Azevedo Pinto
11/04/2026 - 22:08

Workshop · Vendas complexas

By Pivot Labs

Digital197,00 €
DDireta
11/04/2026 - 16:44

Guia operacional · 2026

By Flow Partners

Digital47,00 €
LLívia Gomes Pinto
11/04/2026 - 14:01
Mostrando 1 a 10 de 200 resultados
12345

Mock interativo de uma conta cliente fictícia (“Acme Digital”) fiel ao Figma da Multidrop. Os €14M do headline são a soma de 100+ contas como esta no primeiro ano.

オンボーディング:失敗から成果へ

最初の試み:ツールチップ付きガイドツアー(業界標準)。Hotjarはステップ2で80%がクローズしていることを示しました。理由:ユーザーはガイドされるのではなく、探索したかった。2回目の試み:プログレスリング、起動タスクを円形のチェックリストとして表示。結果:離脱率が50%から25%に低下(3.1kユーザー、30日間)。うまくいったこと:自律性。

インタラクティブデモ - クリックしてホバー

Iteração 1 · settings

Antes

multidrop · configurações

Conta
Notificações
Pagamentos
Métodos
Histórico
Persona ativa: Produtor
Avançado

4 / 6 · A maioria não encontrou em menos de 3 cliques

Toggle nos settings depende do usuário cavar 3 níveis.

Iteração 2 · header

Depois
M

multidrop · home

Alterar para Afiliado

6 / 6 · A maioria descobriu em menos de 3 cliques

Toggle no header vira a porta do produto.

Dados ilustrativos para a demo. Métricas reais do case ficam no texto acima.

サインアップをポジショニングとして

分割サインアップ画面は、「コンバージョンを失わないために」単一フォームを求めるマーケティングに対して私が擁護した決定でした。私の主張:プロダクトにはペルソナごとに根本的に異なる価値提案があります。最初の接触で両方を並べて表示することは、サインアップ率を上げるのではなく、明確さを高めます。

50%25%
abandono no onboarding

インタラクティブデモ - クリックしてホバー

Onboarding

V1 · Tour guiado (falhou)

M

Multidrop · Home

Passo 1 de 5

Bem-vindo à Multidrop

Vamos te mostrar onde fica cada coisa do painel.

Tooltips ensinam features. Usuário novo quer saber o que fazer primeiro, não onde fica cada botão.

Dados ilustrativos para a demo. Métricas reais do case ficam no texto acima.

プロダクトリサーチとしての返金

ほとんどのシステムは返金をコンプライアンスとして扱います。異なることを提案しました:返金理由をプロダクトデータとして。最初のバージョン:一般的な理由。ユーザーの60%が「その他」に入りました(n=420)、使えないデータ。2番目のバージョン:物流ドメイン固有の理由。「その他」は12%に減少(n=890)。

60%12%
"Outro" em motivo de reembolso

インタラクティブデモ - クリックしてホバー

Pedir reembolso

Plano anual · software de gestão

1.480,00 € · Limite 05/05/2026

Motivo do reembolso

Design system + AI: precondição de escala, não entrega final

Dois pilares paralelos que sustentaram todas as decisões acima.

Design system do zero. Tokens de cor, espaçamento, tipografia, e grid. Quatro breakpoints: Mobile, Tablet, Desktop, Ultrawide. Governança explícita: designer aprovava componente novo, engenharia aprovava token novo. Documentação no Figma com correspondência 1:1 no código.

Isso foi precondição da arquitetura dual persona. Sem DS, reusar 70% dos componentes entre Produtor e Afiliado seria impossível sem virar dois apps de verdade.

AI no fluxo interno de design. Pioneirei uso de Cursor, Claude Code, e AI agents para prototipar e validar hipóteses antes de mandar para design final. Tempo de protótipo caiu de 2 dias para 3 horas em fluxos novos. Essa experiência prática é a base do livro que escrevo hoje, "Design na Era da IA".

O princípio que levo para qualquer contexto, incluindo design systems corporativos maduros: DS não é entrega, é precondição. Tokens centralizados, governança clara, e AI como acelerador de validação são o que permitem squads entregarem em paralelo sem comer consistência.

インタラクティブデモ - クリックしてホバー

Design system · em uso

8 tokens · 4 breakpoints · 1 fonte de verdade

Card preview · Desktop · 1024-1440px · grid 3col

Valor Bruto

23.800 €

Vendas

1.203

Saldo Pendente

7.200 €

Saldo Liberado

965 €

Comissões

14.860 €

Cliques

1.928

Mesmo componente. Mesmos tokens. Quatro breakpoints. Zero código duplicado.

Color tokens · clique pra copiar

Tokens reais usados nos 4 demos acima. Dados ilustrativos para a demo. Métricas reais do case ficam no texto acima.

リサーチが明らかにしたこと

8 entrevistas de saída revelaram que o dashboard tratava Produtor e Afiliado como o mesmo usuário, gerando fricção cognitiva em ambos.

インサイト: O problema não era UI. Era que o produto atendia dois públicos com necessidades opostas (criar vs. promover) sem distinguir contexto, mostrando métrica errada para cada um.

意思決定: Um produto, dois contextos: toggle explícito com 70% dos componentes compartilhados e 30% calibrados por persona.

スクリーンを超えた影響

Como única designer de produto em equipe de 35 pessoas, respondi direto ao CTO e acumulei papel de PM interim. Convenci o CEO a unificar produto dual persona ao invés de dividir em dois, estruturando design system desde o dia 1. Mentorei Marcos Ramos em transição de carreira do marketing para Product Designer, hoje na Multidrop, com mentoria semanal contínua após minha saída.

一緒に働きましょう

一緒に仕事しませんか?

私は何百万人ものユーザーに届くプロダクト体験を設計しています。スタートアップから大規模プロダクトまで7年以上携わり、使いやすく、アクセシブルで、成果につながるインターフェースを作ることに注力しています。

で作られていますによるThiago Xikota