WEBsite Design

(自主制作)

NCC専門学校(架空)HP

URL: https://nccncc1012.studio.site/

Studio(CMS) Photoshop illustrator
Work 1

概要

「IT×デザインで未来を切り拓く」をコンセプトとした、架空の専門学校「ネクストクリエイティブ専門学校」のWebサイト(ホームページ)です。スクール紹介からカリキュラム、入試情報まで、学校の魅力をトータルで伝えるためのサイトを制作しました。

ターゲット

クリエイティブ業界への就職・進学を目指している高校生。
スキルアップやキャリアチェンジを考えている社会人の方。

課題

専門学校のサイトは情報量が多くなりがちで、ユーザーが「何が学べるのか」「卒業後の自分はどうなるのか」を直感的に把握しにくいという課題があります。また、競合他校との差別化を図るため、一目で「ここなら最新のスキルが身につきそうだ」と感じさせるブランドイメージの構築が必要でした。

目的

ブランドイメージの確立: 先進的でスタイリッシュなデザインにより、クリエイティブな学習環境であることを視覚的に伝える。
情報の整理とアクセシビリティ: 複雑なカリキュラムや入学区分を整理し、ユーザーが求める情報に最短で辿り着ける構成にする。
モチベーションの向上: 実際の学習内容や活躍するイメージを湧かせ、オープンキャンパス等へのアクションを促す。

情報設計

ユーザーの検討プロセス(興味を持つ→詳細を知る→不安を解消する→行動する)に沿って情報を配置しました。メインビジュアルで学校の空気感を伝え、中段で具体的な学科・コースを、終盤にニュースやアクセス情報を置くことで、ストーリー性のある構成にしています。

デザインプロセス

「次世代のクリエイター育成」というテーマを表現するため、黒を基調としたダークな背景に、鮮やかなブルーやグラデーションをアクセントとして採用しました。

制作期間

企画 / 設計

デザイン

合計期間

1週間

1週間

2週間

使用ツール

Illustrator / Photoshop / Studio