良きパートナーシップへ: 代理店はどのように顧客とのコラボレーションを変革しているのか
創造性を新たな高みへ導くため、代理店やフリーランサーは従来の境界を打ち破り、Figmaのようなツールを活用してあらゆる過程で顧客と連携しています。
良きパートナーシップへ: 代理店はどのように顧客とのコラボレーションを変革しているのかを共有
André Derraineによるヒーローイラストレーション
デザインエージェンシーやフリーランスの仕事の風景は過去20年で劇的に変化しました。リモートワークがより分散したチームを作り出しただけでなく、小規模なエージェンシーがかつてその分野で支配的だった巨大企業に挑戦するようになってきました。デザインが不透明なプロセスであるという見方は消え、代わりにエージェンシーとクライアントは緊密に連携し、各プロジェクトに合わせてオーダーメイドのワークフローを共に作り上げています。エージェンシー内でも役割の境があいまいになりつつあります。「今こそ、何でもよく知っている必要があります」と、Design Business Companyの共同創立者であるJudson Collierは言います。「これからは再びゼネラリズムの時代です。」
タイムゾーンやチームを越えて創造的なプロセスをナビゲートするには、オープンなコミュニケーションを維持し、多様な視点を受け入れ、作業を加速するツールを活用することが必要です。私たちは、さまざまな代理店やフリーランサーと話し合い、Figmaのツールでアイデアを生成、統合、リリースする方法、およびクライアントとの効果的な関係をどのように維持するかを学びました。
HumanとJimini Healthがブランドの大胆な方向性で一致した方法
Rachael YaegerとMichael Rayが2013年にデジタルスタジオHumanを設立した時点では、クライアントのニーズに応じてチームの規模を変えることは業界では異例のことでしたが、今ではそれが常識になりつつあります。Humanでは、従業員数が6人から10人の間で変動する構造を好んでいます。これによりクライアントと親密に協力でき、デザイナーと開発者の技術を重視し、社内チームとエージェンシーチーム間の摩擦を軽減することができるからです。「私たちはフリーランサーの機動力と専門知識を持ちながら、大手エージェンシーの結束力、経験、セキュリティを備えた絶妙な立場にあるのです」とRachaelは言います。
クライアントも、雇ったエージェンシーとより親密に働きたいと考えています。「従来のマネジメントレイヤーはますます少なくなっています」とRachaelは述べています。また、クライアントは外部のパートナーをチームに組み込むことが適切と感じる傾向が高くなっていると指摘します。10年前と比べて、クライアントはデザイン能力やデザインツールの熟練度が高まっています。「Figmaは今の業界の流動性を物語っています」と彼女は言います。「もう私たちは会議室で印刷されたPDFとにらみ合うようなことはありません。」さらに、リモートワークへの移行により、形式ばらないインタラクションが前より頻繁に行われるようになりました。「クライアントにFigmaのリンクを送り、彼らが終業時にいくつかコメントを付け、それを元に私たちは作業を続けていきます」とRachaelは言います。「今の関係性はより親しみやすいものになっています。『エージェンシーは神様で、すべてを知っている』という時代は終わりつつあります」
クライアントにFigmaのリンクを送り、彼らが終業時にいくつかコメントを付け、それを元に私たちは作業を続けていきます。今の関係性はより親しみやすいものになっています。
この流動的な作業方法は、メンタルヘルス向けAI企業であるJimini Healthの新しいビジュアルアイデンティティとWebサイトをHumanが作成した際に重要でした。スプリントモード中、両チームはブランドが具現化すべき内容について基本的な対話をしました。HumanはFigma Slidesを導入しました。デザイナーでなくても簡単に参加できることから選ばれました。これでアイデアや調査を整理でき、Jiminiがコメントできるムードボードの整理もできるようになります。これにより、約2週間でブランドの方向性についてのサインオフが実現しました。このアイデンティティは、人間の経験のメタファーとして幅広い色彩のスペクトラムを使用しています。クライアントはしばしば多様性を受け入れないこともありますが、足並みをそろえて作業することで、意見を一致させることができました。「彼らは決断力を持つことができました」とRachaelは言います。Humanは残りのデザイン作業を約4週間で完成しました。このペースは、プロセス全体を通して相互の信頼、絶え間ないコミュニケーション、そして透明性があったからこそ可能でした。
Figmaは、Humanがプロジェクトの所有権をスムーズに移行する支援もしています。例えば、Jiminiがブランドブックをアプリに適用し始めた際、UIエレメントがブランドガイドラインを遵守しているかどうかについて、コメントを通してすぐにフィードバックを得ることができました。「Figmaは、皆が非常に簡単な方法でお互いにアクセスできるようにしてくれます」とRachaelは言います。
PORTO ROCHAがVEEPSのためにスケーラブルなアイデンティティを作り上げた方法
PORTO ROCHAの創設者兼クリエイティブディレクターであるFelipe Rochaは、Config 2025でRobinhoodのクリエイティブ部長であるCarlo Michelangeoと共に、最近のRobinhoodのリブランディングにおけるクリエイティブな協力関係について語りました。
PORTO ROCHAは世界中に戦略、デザイン、モーション、インタラクティブチームを持つ、従業員32人のエージェンシーですが、デザイン重視の市場で際立つためには順応性が重要です。彼らのクライアントには、Kunsthalle BaselのようなアートギャラリーからGoogleのような有名企業までが含まれています。様々な業界、スケール、メディアでの作業が、エージェンシーをクリエイティブに刺激しています。「これにより、私たちは好奇心を持ち続け、これらの各業界にまたがってアプローチをシフトし、コンテキストに基づいた決定を下すことができます」とPORTO ROCHAのアソシエイトデザインディレクターのGabriela Carnabuciは言います。
過去5年間、PORTO ROCHAは、アイデアの構想から初期のコンセプト化、デザイン、最終の引き渡しまで、そのワークフローのすべてのステップにFigmaを取り入れてきました。「それは生きているようなツールです」とGabrielaは言います。デザインだけでなく、事実上すべてのチームにとって不可欠なものになっているのです。たとえば、戦略チームはFigJamを使ってリモートのクライアントワークショップを開催し、1か所にリサーチやデータをまとめることで、物語を明確にするのに役立てています。内部ファイルによりPORTO ROCHAは自由な発想ができ、外部ファイルはクライアントとの対話を維持しつつ、デザインプロセス特有の混乱をある程度抑えています。
緊密なコラボレーションは、プロジェクト完了後のクライアントの成功にもつながります。この例としては、PORTO ROCHAがVEEPSのブランドと製品を再設計したときがあげられます。Live NationとTicketmasterの公式ライブストリーミングプラットフォームとして、VEEPSは音楽界の大物たちによるショーで閲覧者数が何百万人にも達しました。課題は、プラットフォームの強力なビジュアルアイデンティティを作り出しながらも、アーティストが輝く瞬間を確保することにありました。
「このバランスを確立することは、デスクトップ、モバイル、テレビ、ソーシャルメディアを縦断して、まとまりのある、それでいて柔軟な体験を構築することを意味していました」とPORTO ROCHAのインタラクティブデザインディレクター、Marcos Rodriguesは語っています。「あらゆる可能性と形式をストレステストすることが重要でした。」Figmaでの作業は、各サーフェスで確実にデザインが翻訳されるようにする上で重要な役割を果たしました。特にビデオ、モーショングラフィックス、ライブコンテンツを組み込む際に効果的でした。VEEPSチームがハンドオフ後にアイデンティティを適応させるのを助けるために、デザイナーは広範なコンポーネントライブラリを構築し、Starkのようなプラグインを使用して、すべてのデザインがアクセシビリティパラメータに準拠するようにしました。
「私たちのプロセスでは、ブランドの個性と機能的なニーズのバランスを取った、象徴的でありながら実用的なシステムを作り出すことを探求しました」とGabrielaは言います。「クライアントは柔軟なシステムを必要としていたため、私たちのアプローチは、ロゴからタイポグラフィ、色彩まで、各ブランド要素に個性を与え、アーティストとそのブランド表現を中心に据えることでした。」新しいアイデンティティの展開以来、VEEPSとのエンゲージメントは3倍以上に増加し、ソーシャルフォローも50％増加し、VEEPSが業界のリーダーとしての地位を確立する要因となっています。
私たちのプロセスでは、ブランドの個性と機能的なニーズのバランスを取った、象徴的でありながら実用的なシステムを作り出すことを探求しました。
Design Business CompanyがGitHubのショップとつながった方法
Stewart Scott-Curran、Judson Collier、および Jordan Egstad は、過去のエージェンシー業務の画一的なアプローチを脱却することを意図して、Design Business Company (DBCo) を創設しました。以前ナイキ、コカ・コーラ、CNNで社内勤務していたStewartは、「エージェンシーが私たちをより理解し、私たちが誰であるかにもっと関心をもつような関係を常に求めていた」と振り返ります。
DBCoは、クライアントが積極的に直接参加を進めるほど、高い成果が得られ、士気が上がることを理解しています。クライアントのオンボーディングをして、その数か月後に大きな発表をするのではなく、DBCoは作業の透明性を維持し、協力的に進めます。「私たちは『帽子からウサギを取り出す魔術師』効果を避けようとしています」とStewart氏は言います。DBCoは、最初からクライアントとFigmaファイルを共有し、コメントを残したり、付箋を貼ったりすることを奨励します。これにより、チームは早くから進路を修正し、正式なプレゼンテーションの必要性を減らすことができます。「私たちはアイデアをより早く共有し、より自由にコラボレーションすることができるようにしましたが、その結果、クリエイティブプロセス全体がそれほど重要であると感じなくなります」とJordan氏は言います。
私たちは『帽子からウサギを取り出す魔術師』効果を避けようとしています。
これは数年前からの大きな態度の変化です。「以前、仲間がこんなことを言っていました。『デザインをしている間、誰かに横で見られるのは嫌だ。ぞっとした気分になる』」とJudsonは言います。「今は、その反対です。」
コナミコマンド (↑↑↓↓←→←→BA) は、多くのビデオゲームに登場するチートコードです。このコードは、コナミのゲーム「コントラ」のNES版ではプレイヤーに30機の残機を与える効果があることから「コントラコード」とも呼ばれています。
たとえば、GitHubをファイル内に組み込むことにより、DBCoは開発者プラットフォームのオンラインショップを再構築する際に大きな挑戦をすることができました。これには新しいウェブサイト、商品とパッケージ、および製品撮影が含まれ、すべてFigmaでデザインされました。「このツールの本当によいところは、ブランドがどのように伸びて様々なサーフェスに同時に適用されるかを一か所で確認できることです」とJordanは言います。開発者の心をつかむために、DBCo.はコードの行を模倣するテキストアニメーションや、自己解凍するように見えるプロモーションコードといった、創造的なサイトインタラクションを設計しました。Figmaでのプロトタイプ作成により、これらの要素をより現実的に描き出せすことができました。さらに、通常であれば多くの開発リソースを要するような実験も形にできました。たとえば、コナミコマンドを使って写真をASCII画像に変換するイースターエッグなどがあげられます。
クライアントやプロジェクトによってワークフローは異なりますが、DBCoのプロジェクトには一つの共通点があります。それは、チームが最初にConstructから開始することです。これはFigmaのバリアブルを使用して作成された内部デザインシステムです。基礎システムには異なる4つのコレクションがあり、適切な値をファイルに自動入力でき、1日半の作業をわずか30分にまで短縮します。「すべての面倒な作業を迅速化することができます」とJordanは言います。「十分に役立つシステムであるが、一方で制約が多すぎない絶妙なバランスを保っています。このバランスを見つけるには時間がかかりました」
ChaChaanTeng!がEastern Marginsのために柔軟なモジュールを構築した方法
他のエージェンシーと同様に、ロンドンに拠点を置くChaChaanTeng!は、4年前の設立以来多くの変化を経験してきました。Figmaへの移行により、チームは正式なプレゼンテーションをせずに、ファイル内でクライアントにデザインを説明できるようになりました。さらに、創設者のWei Priorによれば、実際のゲームやキャンバス上の楽しい背景、そして絵を通して「作業プロセスをゲーミフィケーションする」こともできるようになりました。小さなスタジオのすべてのメンバーが他のメンバーの仕事を見ることができるので、より迅速にプロジェクトのストーリーを作り上げることができます。「私たちの仕事は緊密な協力によるものです」とWeiは言います。「Figmaをプラットフォームとして導入したことで、多くのプロジェクトにまたがっての作業が簡単になりました。Figmaは私たちの成長の土台となっています。」
Figmaのおかげで、多くのプロジェクトにまたがっての作業が簡単になりました。Figmaは私たちの成長の土台となっています。
このプラットフォームにより、ChaChaanTeng!はクライアントを増やすことができました。その中には、アジアのオルタナティブアーティストを促進する英国のレコードレーベルEastern Marginsのような国際的なクライアントもあります。彼らは2年前、新しいブランドアイデンティティに関するコラボレーションを始めました。全部で100レイヤー以上になるネオンカラー、シンボル、イラスト、ビデオを雑多に混ぜたものです。Weiはその作品を「狂気へのモジュラーアプローチ」と呼んでおり、香港、東京、マニラのような巨大都市で見られる密度と喧騒を参考とし、それを強調しています。Eastern Marginsのアーティストはこれらの場所を拠点としています。
WeiがこれらのコンセプトをEastern Marginsの創設者であるDavid Zhouに提示したとき、彼はどのようにしてビジュアルをレイヤー単位で構築したかを示しました。Davidはこれを見るのが非常に楽しかったため、チームはアイデンティティにモーションを統合して、システムの動的な特性を強調することにしました。「私たちは予想外のもの、物事の形が変わるとき、私たちが変化を生み出す瞬間が好きです」とDavidは言います。「Figmaで作業していると、意外なことや幸運な偶然がより自然に現れるのです。」
音楽業界の性質上、ChaChaanTeng!は、ファイルを95%完成させた状態で提供することが多いです。これにより、デザイナーがポスター上のアーティスト名の順序やサイズを微調整できます。「これをマネージャーやエージェントが間違えると契約を打ち切られる可能性があります」とDavidは言います。これらのバリアブルはイベントが予定される数時間前に変更される可能性があるため、Eastern Marginsは異なるタイムゾーンのエージェンシーに頼らずに、最後の瞬間に自分でデザインを調整できる必要があります。「Figmaのおかげで、グラフィックデザイナーでなくてもデザインの基本さえ理解していれば、フォントサイズや順序を簡単に変更できるようになったので、私たちにとって大きな悩みの種が解消されました」とDavidは言います。
デザイナーのKevin TwohyがGood Insideの育児アプリで反復を行った方法
Kevin Twohyは、Config 2025で小グループの創造性の魔法について講演しました。
Kevin Twohyは、Twohy Design Worksの創業者兼プリンシパルとして、できるだけ機敏にこなせるように自分の仕事を構築しています。クライアントやプロジェクトに応じて、時にはチームに入って従業員のように働いたり、あるいは小さなスタジオのように必要に応じて専門家を採用したりします。「私たちはスーパーパーソンの時代にいます」とKevinは言います。「新しい技術があれば、1人の人間がより大きな範囲の仕事をクリエイティブに進められるようになります。」それはまた、Kevinが好む仕事スタイルにも適しています。すなわち、クライアントと一対一の関係を構築し、仕事自体とに近づき、クリエイティブに興味のあるものを追求します。
私たちはスーパーパーソンの時代にいます。
過去2年間にわたり、Kevinは臨床心理学者のBecky Kennedy博士が創設したオンラインの育児リソース「Good Inside」とコラボレーションしています。早期段階での議論と研究から、親がストレスの多い瞬間に即座に支援を必要としていることが明らかとなりました。これがきっかけで、Kevinと彼のチームは、子供たちがかんしゃくを起こしたり寝るのをいやがったりしたときなどにどう子供と接すればよいかを親に教えるためのパーソナライズされたコーチングアプリに焦点を当てるようになりました。
Kevinの説明によれば、デザインの課題は「インターフェースやコンテンツをデザインするだけでなく、親が経験する道筋を示す地図と、それに関連するコンテンツプランでした。」スクリプトと親への指示 (テキスト、音声、動画、画像など) の適切な順序と密度を見つけることが非常に重要でした。KevinとGood Insideチームは、親が知る必要があることを話し合うためにFigJamを使用し、低忠実度のワイヤーフレームにそのコンテンツを整理するためにFigmaを使用し、後にユーザーテスト用の高忠実度プロトタイプを作成しました。これにより、コンテンツ、コンテナ、インターフェースを迅速に改善するための緊密なイテレーションサイクルが生まれました。
Good Insideが長期的な関係をアプリの加入者と構築するためには、情報アーキテクチャの完成が必須でした。「1週間や30日間だけユーザーテストでうまくいくものを作るだけではダメです」と Kevin は言います。「ユーザーが『これはすごい。Xの気分だ』と答えるだけでは不十分です。本当にテストしなければなりません。」ベータテストは1か月以上行われ、チームが学んだことに基づく複数の反復から情報を得ました。例えば、緊迫した瞬間に親を無関係な情報で煩わせないように、アプリは軽いオンボーディング機能を備えています。これがGood Insideのアプリに4.9スター評価をもたらしました。
「親たち (つまり顧客) は現実の世界にいる現実の人々で、問題に対する助けを必要としています」とKevinは言います。「彼らは『アプリを欲しい』と言いながら目覚めるわけではありません。本当に役立つものをその場で適切に提供することが重要なのです。」
企業やフリーランサーは、プロジェクトに適切なプレイヤーを迅速に呼び込むことができ、クライアントとより親密に作業するためのアジャイルツールを必要とします。小さな代理店は、ウェブサイトからアプリ、印刷物、物理的な製品まで、単一のプロジェクトの範囲内で複数のサーフェスにわたって大胆な挑戦をしています。このような環境の中で、Figmaはチームが信頼を築き、アイデアを磨き、密にコミュニケーションをとることを助け、最終的に卓越した成果につながります。Figmaを使っているチームについて詳しく知る、そしてデモをリクエストするをぜひご覧ください。
