PariPassu：RastreadorとCliCQ
プロダクトデザイナー（デザイナー2名チーム）
PariPassuは、農業生産者から小売までのフードサプライチェーンをつなぐアグリテック／フードテック企業です。約100人規模の組織で2名のデザイナーの1人として、RastreadorとCliCQの2製品の主要機能に携わりました。RastreadorはTOTVSやSankhyaなどのERP連携による購買・販売トレーサビリティ、CliCQは条件分岐ワークフロービルダーやカスタマイズ可能なフォーム、モバイルアプリを備えた品質検査製品です。既存のデザインシステムにコンポーネントを追加し、もう1人のデザイナーと協働でその保守にも関わりました。顧客にはCoca-Cola LatAmの拠点も含まれます。
2
製品（Rastreador＋CliCQ）
2
デザイナーの協働体制
ERP
連携（TOTVS、Sankhya）
- Two products, collaborative design work
- Contributions to existing design system
- ERP integrations (TOTVS, Sankhya) and workflow builder
編集コンテンツ
この長編ケーススタディ本文は現在ポルトガル語で管理されています。
このページの共通UIは各言語にローカライズされていますが、ケーススタディ本文は引き続きポルトガル語の編集版を基準にしています。
戦略的コンテキスト
役割範囲: 100名規模のフードテック/アグテックで、2人のプロダクトデザイナーのうちの1人として活動。Rastreador（ERP + トレーサビリティ）とCliCQ（品質検査 + workflow builder）の2製品で主要機能を担当しました。
意思決定権: 両プロダクトでUX/UIをエンドツーエンドで担当し、業界オペレーターとのdiscovery、PM/CEOとの優先順位戦略、既存design systemへの継続的な貢献を行いました。RastreadorとCliCQの間でパターンを揃えるため、もう1人のデザイナーと密接に協働しました。
期間: 2025年6月〜2025年11月の6か月。RastreadorとCliCQで重要機能を出しながら、既存DSへ貢献を続けました。
構造的な成果: 既存のDSに10個の新規コンポーネントを追加し、2プロダクト間でhandoffを標準化し、Figma + Make + MCPパイプラインを実装してspec rework削減と開発同期の高速化を実現しました。
エコシステム
PariPassuはag-techとfood-techの交差点にある: 食品トレーサビリティとコンプライアンス。2つの異なるプロダクト: Tracer（食品チェーンのトレーサビリティ）とCliCQ（監査とコンプライアンス）、それぞれ異なるペルソナ（フィールドオペレーターと品質コーディネーター）に対応する。
私が参加した時点でDSは既に存在していたが、何年もの間独立して成長してきた2つのプロダクトの間でズレていた。スプリント時間の~40%が、本来標準化できたはずの繰り返しのビジュアル仕様に費やされていた。
2つのプロダクト、正式なデザインシステムなし。スプリント時間の40%が繰り返しのビジュアル仕様に。
デザインシステム：管理と採用
私が参加した時点でデザインシステムは既に存在していた。私の役割は、もう1人のデザイナーと協働してその進化を管理し、10個の新規コンポーネントを追加し、TracerとCliCQ間でhandoffを標準化することだった。
協働での採用: 高頻度コンポーネント（input、ボタン、テーブル）から開始し、利用ドキュメントと「使ってはいけない時」ガイドを整備した。各デベロッパーとの週次ペアリングで実際の使用状況を揃え、トークンを調整した。
handoffの自動化: Figma → Make → MCPパイプラインを構築した。コンポーネントが公開されると、specが自動抽出され、色、サイズ、バリアント、直接リンクとともにSlackでデベロッパーに通知される。DSをrebuildせずにhandoffの摩擦を削減した。
月1：45%の再利用率。月4：82%。ハンドオフ：画面あたり~4h -> ~2.5h（30チケット）。
Tracer：ファイルインポート
インポートが最大の摩擦ポイントでした。オペレーターはレガシースプレッドシートを通じて何百もの食品チェーンの動きを記録します。以前のインターフェース：バリデーション、フィードバック、進捗追跡なしの単一アップロードフィールド。解決策：アップロード中のインラインバリデーション、プレビュー付きの列マッピング、どの行がなぜ失敗したかを正確に説明するエラー状態。
Tracer：購入とERP同期
購入画面は食品チェーンの複雑さを示しています。「同期保留中」ステータスを無限スピナーの代わりに明示的なフィードバックとして擁護しました。品質コーディネーターにとって、データが同期中であることを知ることはコンプライアンスに重要です。
CliCQ：ビジュアルワークフロービルダー
最も難しい課題。食品業界の非技術ユーザーが条件付きロジックを構築する必要がありました。基本的にビジュアルプログラミング、技術的な語彙なしで。最初の試み：順次フォーム。3人中0人が完了しました。発見：空間的に考えていました。2番目の試み：ドラッグ可能なノードのビジュアルキャンバス。3人中3人が5分以内に完了しました。
順次フォーム：3人中0人が完了。ビジュアルキャンバス：3人中3人が5分以内に完了。
CliCQ：フォームと点検
7種類の質問タイプを持つフォームビルダー、それぞれ3つの状態。カスタマイズ可能な点検テンプレート。最も複雑なコンポーネント：条件付き分岐ロジック。断続的な接続のタブレット上のフィールドユーザー向けに構築：すべての下書きはまずローカルに保存、オンライン時に同期。
リサーチが明らかにしたこと
“Cada agroindústria usava layouts de coluna diferentes nos seus relatórios de rastreabilidade.”
インサイト: Auto-detecção de colunas causaria erros de mapeamento, e erros nesse contexto têm impacto regulatório.
意思決定: Optamos por mapeamento manual com validação visual. Mais lento, mas eliminava risco regulatório.
スクリーンを超えた影響
Como uma das duas designers de uma foodtech de ~100 pessoas, trabalhei em colaboração com o time de engenharia e com a outra designer para contribuir com features em dois produtos e para somar componentes ao design system já existente. O aprendizado mais forte foi sobre adoção orgânica: o padrão só vira referência quando outros designers e devs começam a rejeitar pedidos fora dele, sem ninguém precisar impor.
一緒に働きましょう
一緒に仕事しませんか？
私は何百万人ものユーザーに届くプロダクト体験を設計しています。スタートアップから大規模プロダクトまで7年以上携わり、使いやすく、アクセシブルで、成果につながるインターフェースを作ることに注力しています。