小売デザインに革命を: Coles GroupのFigmaを活用した変革

読了時間: 4.5分

要約: オーストラリア最大手の小売企業の1つであるColes Groupは、Figmaの導入によりデザインプロセスを刷新しました。2021年以前は、分散したツールと一貫性のないコラボレーションがデザイン上の課題をもたらしていました。Figmaの導入により、Colesの各チームはリアルタイムで連携できるようになり、プラットフォームを横断したデザインの一貫性が確保されています。また、FigJamの導入によりコラボレーションが促進され、より多くの意見がデザインプロセスに取り入れられるようになりました。この変革により、効率が向上し、業務の混乱が軽減され、Colesの業務が合理化されました。

オーストラリアを代表する小売企業の1つであるColes Groupは、全国で1,800以上の店舗を展開しています。同グループには、Coles Supermarkets、Coles Online、Liquorland、First Choice Liquor、Coles Financial Servicesなど、数多くのブランドが含まれています。

これらすべての中心にあるのが、Coles Digital Teamです。その目標はシンプルです。顧客とColesのブランドを結びつけ、ビジネスの円滑な運営を支えるデザインとデジタルエクスペリエンスを創出することです。チームには、アクセシビリティ、コンテンツデザイン、デザインリサーチ、サービスデザイン、プロダクトデザインの各担当者が在籍しています。全員が協力して、コアとなるアプリやWebエクスペリエンスから、クリック＆コレクトや配送サービスを含む特注アプリケーションに至るまで、あらゆる業務を管理しています。

Colesのプラットフォームが持つその膨大な規模と多様性ゆえに、Coles Digitalのチームは極めて困難な課題に直面しています。「組織の複雑な構造の中で大規模なデザインしながら、卓越した一貫性のあるデジタルエクスペリエンスを創り出すことは、決して容易なことではありません」と、Coles Digital Groupのデザイナーマネージャーを務めるNathan Streaterは語ります。同氏によれば、チームは「あらゆる人、あらゆるもの」を対象にデザインする一方で、デジタル環境全体にわたって統一性と正確性を確保しなければなりません。

その影響は甚大です。ほんのわずかなデザイン上のミスでも、店舗での取り違え、生産の遅延、物流上の問題、そしてカスタマーサービスセンターへの問い合わせの殺到を招く恐れがあります。

この複雑さに対処するため、Coles Digitalには高度な連携と透明性が求められます。「部門間の連携を促進するのは、口で言うほど簡単ではありません。しかし、私たちはFigmaにその解決策を見出しました」とNathanは言います。

スケッチ、スクリーンショット、そして試行錯誤: Coles GroupのFigma導入以前の時代

Coles Groupは、2021年にコンテンツWebサイトとeコマースWebサイトを統合した際、初めてFigmaを導入しました。その結果、Figmaは同社のデザインプロセスに革命をもたらし、デザイナーやその他のチームメンバーが切望していたリアルタイムのコラボレーションと透明性を実現しました。

それ以前は、Colesでは、複数のツールや外部の代理店に分散した、断片的なデザインプロセスが採用されていました。

「以前は、特定のデザイン業務ごとに複数の外部代理店と協力していました。デザインファイルの『唯一の信頼できる情報源』がなかったため、Sketchファイルが重複してしまうことが多く、デザインの一貫性を保つのが大変でした」とNathanは述べています。

その結果、ドキュメントが断片化し、透明性が低下し、連携が困難になりました。デザインコンポーネントや階層構造の不整合は、プロジェクトが本番環境に移行する際に障害となります。

統一されたデザインキャンバスがなかったため、さまざまなデザイン上の選択が及ぼす影響を予測することが難しく、その結果、多くの場合、コストのかかる土壇場での調整を余儀なくされました。

さらに、デザインチームはColes Groupの他部門とも連携しなければなりませんでした。部署間のやり取りが頻繁に行われるため、フィードバックや変更点を把握し続けるのが難しくなりました。

Coles GroupはどうやってFigmaと新たなデザインコラボレーションの時代を切り拓いたのか

Figmaを使えば、全員が同じ情報を共有できるため、フィードバックの追跡や必要に応じた変更が容易になります。

「当社のチームは、デザインを同時に閲覧・修正できるようになり、コミュニケーションがより効率的になりました」と、Coles Groupのデザインオペレーションコーディネーターを務めるEric Lorenzoは言います。

わずかな変更でも事業や顧客に支障をきたす可能性があるため、Coles Digitalには、Coles Groupの広範な事業ポートフォリオ全体でデザインの一貫性を確保できるツールも必要でした。

あらゆるデザイン上の決定は、透明性を保ち、評価され、テストされる必要があります。Coles Digitalでは、プロジェクトやチームを横断して統一されたデザイン言語を徹底するために、Figmaによる一元化されたデザインシステムが不可欠なものとなっています。

FigJam: Coles Groupのコラボレーションを新たな次元へ

現在、Coles Digitalのプロジェクトでは、開始当初からコラボレーションが行われています。同社のチームは、FigmaのオンラインブレインストーミングツールであるFigJamを活用して、アイデアの創出、開発、整理を行っています。FigJamはキックオフやワークショップの合理化を支援し、デザインプロセス全体を簡素化します。

「FigJamの透明性の高い設定は、理解を深め、共同での学習を促進します。社内の異なる部署やチームとのリモートセッションでも、デザインファイルをシームレスに開いて議論し、リアルタイムで共同制作を行うことができます」とNathanは言います。

コールのデザインプロセスは、FigJamのボード上で始まります。そこでは、競合分析、プラットフォームアナリティクス、リサーチインサイトから、さまざまなステークホルダーからのアイデアに至るまで、あらゆるアイデアが検討されます。

また、FigJamによって、Colesはビジネスステークホルダーや最高デジタル責任者を含む、より多くの人々にデザインプロセスを公開できるようになりました。

「まず全員が意見を述べ、それからチームで検討を進めていきます。これは大きな転機となりました。私たちは毎週数時間を、こうした共創のための打ち合わせやデザイン批評に費やしています」とNathan。

デザインが進むにつれ、進捗確認や信頼性・確実性の確認を通じて、継続的なコラボレーションとフィードバックが行われます。このプロセスでは、プロジェクトのデザイン、製品、技術的な側面など、あらゆる要素が網羅されます。

また、FigJamは、プロジェクトのステークホルダーが24時間にわたり自由にコラボレーションやフィードバックを行える環境を提供することで、Colesのデザインチームを支援しています。これにより、ステークホルダー全員のアイデアやインサイトを効果的に取り入れることができ、各人に当事者意識と責任感を持たせることができます。

Coles GroupがFigmaとFigJamを選んだ理由:

• コラボレーションと可視性: Figmaのクラウドベースのプラットフォームと統合された機能により、チーム間でコラボレーションと透明性を重視する文化が形成されました。これにより、コラボレーションの慣行が標準化され、ファイル構造の管理がより効率的になりました。
• 合理化されたプロセス: Figmaのシームレスなワークフローにより、Colesのデザインチームのコラボレーション方法は一変しました。現在、チームは毎週数時間をリモートでの共同制作ミーティングに割り当てています。
• 統一されたツール: Figmaを活用することで、Colesはツールセットを簡素化し、複数のアプリを使用する必要性を減らすことができました。
• デザイナー以外の従業員の活躍を支援: Figmaの使いやすいインターフェースとコラボレーション機能により、Colesはさまざまな部門のステークホルダーをデザインプロセスに参加させることができました。
• 連携の強化: Figmaはブレインストーミングやアイデア出しを容易にし、Colesがアイデアを具体化し、意思決定で認識を揃え、業務を前進させることを支援しています。

Figmaと共に切り拓くColes Groupの明るい未来

Colesのデザイン理念は大きく進化しました。分断化されたデザインプロセス、断片的なコミュニケーション、そして一元的な管理の欠如といった課題を克服し、より戦略的で意図的なデザインへと転換しました。その結果、デザイン成果の向上を実現するとともに、事業への支障が生じるリスクを低減することができました。

Figmaはこの変革において重要な役割を果たしてきました。統一されたキャンバスを活用することで、Coles Digitalのデザインチームは、Colesの事業全体にわたって透明性と標準化されたデザイン手法を推進することが可能になりました。

FigJamもデザインプロセスに深く組み込まれているため、デザイナーも非デザイナーも問わず、誰もがアイデアを共有・検討し、共通のビジョンに向かって取り組むことができるようになりました。

この変革のジャーニーを振り返り、Nathanは次のように語っています。「Figmaがなかったら、私たちのデザインや共同作業がどうなっていたか、想像したくもありません」