# Pococha GoTo10周年 カウントダウンサイト｜LPのWebデザイン参考

> 10周年までの残り日数を、めくり式の数字で見せる。DeNAのライブ配信アプリPocochaのGoTo10周年カウントダウンサイトは、540px幅のカラムに日数と挨拶を通し、左に目次、右にキャラとバナーを置いた。

- URL: https://goto10th.pococha.com/
- 解説ページ: https://katapick.com/sites/pococha-10th
- カテゴリ: LP / 地域: 国内（JP）/ 業種: ライブ配信アプリ・周年企画
- テイスト: イラスト、ビビッド、カウントダウン、周年、固定ナビ、カルーセル
- 公開・リニューアル: 2026-04 / Katapick掲載: 2026-09-28 / 最終確認: 2026-10-28
- 再現難易度: 2/5

## 編集部のひとこと（Bruno）
Generationsの分け方が効いてるんだよね。ライバーをデビュー年でOrigins・Titans・Risingsの3世代に分けて、色も変えてる。古参も新人も、自分がどこにいるかをひと目で見つけられる。

## デザインの見どころ
- 「10」の数字を扇形や四角の積み木で組み、キャラが部品を抱えて運ぶ。周年ロゴが工作のように組み上がる
- 左の余白にTOPからCONTENTSまでの目次を常駐。6つの企画名が、どこまで読んでも視界に残る
- 地域別イベントは都道府県ごとにラベルの色を変え、地図のピンと同じ色に。自分の地域をすぐ探せる

## 配色
- #ffffff White（ページ・カラムの背景）
- #333333 Charcoal（本文テキスト）
- #ff595d Coral（最新ニュースの見出し帯・強調文字）
- #7fb7ff Sky Blue（EVENT（地域別イベント）の背景）
- #ffdfcb Peach（地域別イベント情報のリストの地）
- #0070ff Tangram Blue（地域ラベル（愛知）など、都道府県ごとに色分けしたラベルの1色）

## フォント
- 本文・ナビのカナ・イベントリスト: Noto Sans JP（代替: Noto Sans JP）
- 英字ナビ（TOP・NEWS・PICK UP EVENT）: League Spartan（代替: League Spartan）
- 矢印などのアイコン: Material Icons（代替: Material Symbols）

## よくある質問
### Pococha GoTo10周年サイトはPCでどう見える？
PCでも幅540pxのスマホ幅カラムを画面中央に置き、左に目次とSNSアイコン、右にキャラクターと花火大会のバナーを配置する構成です。カウントダウンや企画紹介はカラム内で読ませ、移動と告知は左右の余白に任せています。

### 周年までのカウントダウンを見せるには？
濃いグレーのタイルに数字を1桁ずつ入れ、「あと」「日」で挟む形が参考になります。周年ロゴの真下に置き、FVだけで残り日数が分かるようにしています。

### 地域別のイベント情報を整理するコツは？
日本地図に都道府県ごとの色ピンを立て、下のリストでも同じ色のラベルを見出しにする方法が参考になります。各地域の中は日付とイベント名の組で縦に並べています。

### キャラクターのイラストを参考資料として使ってもいい？
キャラクターやロゴの権利はPocochaを運営するDeNAに帰属します。参考にするのはカラム構成や配色、導線にとどめ、画像は使用しないでください。

---
セクション別の構成・モーションの実装方法・AI実装プロンプトを含む「デザイン分析MD」は https://katapick.com/sites/pococha-10th からダウンロードできます。
出典: Katapick（https://katapick.com）