ターゲット

初めて学校見学に訪れる10〜20代の学生。進路検討中の高校生や専門学校志望者。

課題

同じ専門学校へのアクセス動画であるにも関わらず、異なるルートの動画が別の学校のもののように見えてしまう。

サムネイルが地味で、YouTubeやSNS上で視聴を促す力が弱い。

目的

「どちらの出口ルートか」がサムネイルだけで明確に伝わるようにする。

視覚的に“同じ学校の動画”であることがわかりつつ、それぞれのルートの違いもはっきりさせる。

ターゲットが迷わずアクセスできるよう導線を整える。

情報設計

サムネイルを左右で対にした構成にすることで、 「同じ学校の動画」「異なるルートの説明」であることを直感的に伝達。

各サムネイルに駅名と出口名を大きく配置し、視認性を向上。

ビルやPCのイラストを添えることで、IT系専門学校であることを視覚的に訴求しています。

デザインプロセス

東口はライトブルー × オレンジの矢印、西口はライムグリーン × パープルの矢印という補色の組み合わせで、目を引きやすくしつつルートの違いを強調。

IT系という業種に合わせ、寒色ベースで落ち着いた印象を保ちつつも、学生向けに親しみやすいポップなトーンを意識。

テキストは太字＋白フチで処理し、YouTubeの小さな画面でも読めるよう視認性を最優先に設計。

両サムネイルに共通のフレーム・レイアウトを用いることで、シリーズ感を演出しました。

制作期間

デザイン：2日間

使用ツール

Illustrator / Photoshop