# United Carriers｜コーポレートのWebデザイン参考

> 光る地球ドーンで、物流の広さが一発でわかる。APAC圏の物流企業United Carriersのサイトは、光る地球と航路の弧に「EVERY LEG OF THE JOURNEY」の極太英字を重ね、全行程を担う約束を示す。

- URL: https://unitedcarriers.com/
- 解説ページ: https://katapick.com/sites/united-carriers
- カテゴリ: コーポレート / 地域: 海外（AU）/ 業種: 物流・フォワーディング
- テイスト: 3D/WebGL、スクロール演出、大胆なタイポ、等幅フォント、ダーク、ロングページ
- 公開・リニューアル: 2026-09 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 5/5（目安 40 時間）

## 編集部のひとこと（Leo）
「WE MOVE FREIGHT.」の見出し、スクロールで文字色がじわじわ埋まっていくっぽいの、ライブのカウントダウンみたいで鳥肌！しかもサービスは12,000px超のピン区間！どこまで溜めるんだ！

## デザインの見どころ
- 黒い宇宙に光る地球、国名ラベル、航路の弧。サービス一覧より先に、ネットワークの広さを見せる
- 背景は黒から青のグロー、そして白へ。ページを下るほど、宇宙から地上へ降りていく流れになる
- 角張った極太見出しに、等幅のナビとボタン。管制画面のような硬さが、運行精度への信頼に変わる

## 配色
- #000000 Space Black（ヒーロー背景）
- #ffffff White（コンテンツ背景 / 反転テキスト）
- #111111 Ink（テキスト / ダークセクション）
- #2667ff Atmosphere Blue（地球のグロー（スクショから採色））
- #ff5500 Route Orange（航路・拠点マーカー（スクショから採色））
- #e1f3ff Haze Blue（青から白へのグラデーション（スクショから採色））

## フォント
- 見出し・数値: BT Steinhart（代替: Oxanium）
- ナビ・ボタン・ラベル: BT Steinhart Mono（代替: Space Mono）
- 本文: Helvetica Neue（代替: Inter）

## よくある質問
### United Carriersのサイトで使われているフォントは？
見出しに BT Steinhart、ナビやボタンに BT Steinhart Mono、本文に Helvetica Neue が使われています。無料で近づけるなら Oxanium、Space Mono、Inter の組み合わせが使えます。

### United Carriersのような3Dの地球儀はどう作る？
Three.js で球面上に大陸部分だけ点を配置した Points を作り、外周に加算合成のグローを重ねるのが一般的です。航路の弧は2点間の CubicBezierCurve3 で描けます。

### United Carriersのデザインはどんな業種の参考になる？
物流、商社、海運、通信インフラなど、拠点やネットワークの広がりを見せたいBtoB企業のコーポレートサイトの参考になります。

---
セクション別の構成・モーションの実装方法・AI実装プロンプトを含む「再現用Markdown」は https://katapick.com/sites/united-carriers からダウンロードできます。
出典: Katapick（https://katapick.com）