Align
お問い合わせ

東京都×株式会社eiicon 様
#BtoBサイト
#サービスサイト
#Studio実装
#イベント・キャンペーンサイト
複雑な物流プロジェクトを、参加したくなる共創の物語へ。企業・技術・アセットを結ぶ情報設計

東京都と株式会社eiicon様(以下、eiicon)は、物流業界が抱える課題の解決に向けて、多様な企業や技術による共創を後押しするプロジェクトを展開しています。eiiconは、日本最大級のオープンイノベーションプラットフォーム「AUBA」の運営をはじめ、企業の新規事業づくりや、他社との協業を支援するコンサルティングサービスを提供しています。
今回制作したのは、東京都とeiiconが推進する「TLCC」のプロジェクトサイトです。本プロジェクトでは、戦略策定からデザイン、実装、広告用バナーの制作までを担当しました。物流を取り巻く領域は、トラックや倉庫だけにとどまりません。船舶、航空、投資、テクノロジーなど、数多くの企業や技術が関わり合いながら、私たちの暮らしや産業を支えています。サイトに求められたのは、事業の内容を紹介することだけではありませんでした。
TLCCが目指す未来やプロジェクトのスケールを伝え、「この取り組みに参加したい」「自社の技術を共創に生かしたい」という思いを、イベントへの参加やプログラムへの応募、問い合わせにつなげることが重要な役割でした。
物流業界には、輸送、倉庫、海運、航空、投資、テクノロジーなど、多様な領域が存在します。TLCCにも、それぞれ異なる課題や技術、アセットを持つ企業が参画しており、プロジェクトの全体像は決して単純ではありません。すべてを詳しく説明しようとすれば、情報量が増え、初めてサイトを訪れた方には複雑な印象を与えてしまいます。一方で、内容を分かりやすくしようと情報を絞りすぎると、プロジェクトが持つ規模や具体性、将来への広がりが十分に伝わりません。
また、東京都の事業としての信頼感を保ちながら、スタートアップ支援プロジェクトらしい先進性やスピード感も表現する必要がありました。イベント、プログラム、参画企業、共創テーマなど、更新される情報も多くあります。誰が参加できるのか、現在どのような取り組みが進んでいるのかを整理し、興味を持った方が迷わず次の行動へ進める導線も欠かせません。
求められたのは、物流業界の複雑さをただ簡略化することではなく、その奥行きを残したまま、プロジェクトが向かう未来を分かりやすく描くことでした。
サイトの方針として掲げたのは、「物流のダイナミズムと、企業同士が交わることで生まれる共創の広がりを可視化すること」です。物流には、陸上輸送、海上輸送、航空輸送、倉庫など、さまざまな領域があります。サイトでは、それぞれの物流手段を個別に紹介するのではなく、互いにつながり合い、一つの大きなイノベーションへ発展していく様子を表現しました。ビジュアルの中心に据えたのは、物流の「運ぶ」「流れる」という動きと、企業や技術が交差する「共創」のイメージです。
さらに、サイトを読み進める中で、プロジェクトの概要から目指す未来、参画企業、プログラム、イベントへと理解が深まる構成を設計しました。巨大な物流の流れが、企業や技術との出会いによって新しい価値へ変わっていく。その変化の始まりを感じられるサイトを目指しました。
陸・海・空を横断するビジュアルで、プロジェクトの広がりを伝える
ファーストビューには、トラック、倉庫、船舶、航空機など、物流を象徴する複数のビジュアルを組み合わせました。一つの輸送手段だけを大きく見せると、プロジェクトの対象が特定の領域に限定されているように受け取られる可能性があります。複数の物流要素を一つの画面に集約することで、TLCCが物流産業全体を対象とした、業界横断型のプロジェクトであることを直感的に伝えました。
陸上、海上、航空の物流が一つの画面で交わる構成により、個々の取り組みを越えたスケール感も表現しています。ファーストビューを見た瞬間に、「物流の未来を大きな視点から動かすプロジェクト」であることが伝わる設計です。

赤と青の矢印で、「物流」と「共創」の動きを象徴する
サイト全体のモチーフには、赤と青の矢印やラインを採用しました。矢印は、荷物が運ばれ、物流が流れていく様子を表すと同時に、異なる企業や技術が出会い、互いに影響し合う共創の動きも表現しています。複数の矢印が交差しながら広がるグラフィックには、物流の流れ、企業同士の連携、課題と技術のマッチング、国内で生まれた取り組みのグローバル展開といった、プロジェクトの構造を重ねました。
写真はモノクロに近い落ち着いた色調に抑え、矢印や重要な情報に赤と青を使用しています。物流を示す写真が複数並んでも画面が散漫にならず、先進的で統一感のある印象を保てるようにしました。装飾として矢印を加えるのではなく、TLCCの構想そのものを象徴するグラフィックとして機能させています。
全体像から具体的な活動へ、段階的に理解できる情報設計
サイトでは、初めて訪れた方でも「どのようなプロジェクトなのか」「誰が参加できるのか」「現在、何が進んでいるのか」を順番に理解できる構成を意識しました。
まず、プロジェクトの概要と物流業界が抱える課題を伝え、その先にTLCCが目指す未来を提示しています。続いて、参画企業や活用できるアセット、共創テーマ、プログラム、イベント・ニュースへと情報を展開しました。最初から細かな情報を並べるのではなく、大きな目的を理解してから具体的な活動へ進む流れにすることで、複雑な事業内容でも無理なく読み進められます。
理念だけで終わらず、実際の参画企業や共創テーマを掲載することで、すでに多くのプレイヤーが動き始めているプロジェクトであることも示しました。全体像をつかみ、具体的な活動を知り、自社が参加する可能性を考える。その思考の流れに沿って情報を配置しています。
更新情報を見つけやすくし、機会を逃さない導線をつくる
TLCCでは、イベント情報やプログラムの応募情報など、時期に応じて内容が更新されます。そこで、プロジェクトの基本情報だけでなく、現在参加できるイベントや募集中のプログラムへアクセスしやすい構成にしました。見出し、余白、背景色の切り替えによって各セクションの役割を明確にし、情報量が増えても、目的の内容を見つけやすいページに整えています。
スマートフォンでは、画面幅が限られるため、すべての情報を同じ強さで表示すると、重要なメッセージやCTAが埋もれてしまいます。そこで、情報の優先順位を整理し、参加や応募につながる内容が自然に目に入るよう設計しました。情報を探す負担を減らし、「参加できる機会を見つけた瞬間」に次の行動へ進める導線を目指しています。

物流を、暮らしと産業を支える社会基盤として描く
コンテンツ制作では、物流を単なる「モノを運ぶ仕組み」として見せないことを重視しました。物流は、日々の暮らしや産業活動を支える重要な社会基盤です。その役割が止まれば、商品や原材料が届かなくなるだけでなく、社会全体の動きにも影響します。
キャッチコピーでは、「物流産業全体の課題解決」と「社会への新たな価値創出」という二つの目的を軸に、TLCCが持つ社会的な意義と将来性を端的に伝えました。写真やイラストなどもトラックや倉庫だけに偏らせず、海上輸送、航空輸送、陸上輸送を横断的に使用しています。多様な物流手段が連携し、社会を支えていることを、文章だけでなく視覚からも感じられる構成です。物流の課題を一部の企業だけの問題として扱わず、私たちの暮らしと未来につながるテーマとして伝えました。

今回の制作で大きなテーマとなったのは、物流業界の複雑さと、TLCCが描く壮大な構想をどのように両立して伝えるかという点でした。TLCCには、輸送、倉庫、海運、投資、テクノロジーなど、多様な領域が関係しています。それぞれを詳しく説明すれば内容は伝わりますが、情報が増えすぎると、プロジェクトの核心が見えにくくなってしまいます。
反対に、分かりやすさを優先して内容を絞りすぎると、TLCCが物流産業全体を対象とするプロジェクトであることや、社会実装、グローバル展開まで見据えた構想が十分に伝わりません。この課題に対して、「物流全体の課題」「企業や技術による共創」「社会実装とその先の展開」という大きなストーリーを軸に情報を整理しました。
ビジュアルでは陸・海・空を横断する全体像を示し、詳細は各セクションで段階的に伝えることで、初めて訪れた方にも分かりやすく、読み進めるほどプロジェクトの奥行きが見えてくる構成にしています。複雑な内容を単純にするのではなく、理解する順番を整えることで、分かりやすさとスケール感を両立しました。

サイトの公開により、物流業界が抱える課題やTLCCの取り組み、プロジェクトに関わる企業や技術を、直感的に理解できる情報基盤が整いました。物流を構成する多様な領域を一つのストーリーとして整理したことで、事業内容やプロジェクトの特徴が伝わりやすくなり、イベントへの参加やプログラムへの応募を検討するための入口として活用されています。ご担当者様からは、制作意図をくみ取った提案や、細かな修正への迅速な対応についても評価いただきました。
TLCCが目指すのは、一つの企業だけでは解決できない物流の課題に、業界や企業の枠を越えて向き合うことです。サイトを通じてプロジェクトの全体像を知り、自社の技術やアセットを生かせる可能性に気づく。その気づきが新しい参加を生み、企業同士の出会いが、物流の未来を変える共創へと育っていきます。今回のサイトは、その大きな流れへ参加するための最初の接点として、TLCCの構想と現在進行形の取り組みを伝える役割を担っています。
クライアント名
東京都×株式会社eiicon 様
サイト名
TOKYO LOGISTICS CO-CREATION CLUSTER|TiB CATAPULT
リリース時期
2025年12月
制作期間
約3ヶ月
カテゴリ
動画URL
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid|
想いをカタチに変え、
未来のビジネスを「今」、
創る
THO M&Sは、Web制作とマーケティングの力で、企業の事業成長を支援するデジタルプロダクションです。企業やサービスが持つ本来の価値を整理し、戦略設計からWebサイト制作、広告・集客施策、公開後の改善まで一貫して支援します。見た目を整えるだけではなく、ユーザーに価値が伝わり、問い合わせや売上などの成果につながる仕組みをつくります。
Features 01
戦略設計からWebサイト制作、広告・集客施策、公開後も一貫支援
Features 02
問い合わせや売上などの成果につながる仕組みをつくる
Features 03
ロゴ制作やイラスト制作、資料制作まで成果に繋げる制作も支援
Features 01
戦略設計からWebサイト制作、
広告・集客施策、公開後も一貫支援
Features 02
問い合わせや売上などの
成果につながる仕組みをつくる
Features 03
ロゴ制作やイラスト制作、
資料制作まで成果に繋げる制作も支援
私たちについて
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
Align|
仕事のご依頼やサービスのご質問はこちらから。協業やパートナー登録についてもお問い合わせください。
仕事のご依頼やサービスのご質問はこちらから。
協業やパートナー登録についてもお問い合わせください。
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.

