Web Study Sapporo

wss

作品タイトル

WSSウェブサイトリニューアル

制作背景

既存の職業訓練校のウェブサイトにおいて、階層構造が複雑で必要な情報にたどり着きにくいという課題解決のために、リニューアルサイトとして制作しました。 本サイトの主な目的は、ウェブサイトから説明会への申し込みを促し、入学希望者の増加につなげることです。 特に、未経験からWeb業界への就職を目指す20〜30代の方が、学習内容や就職支援について具体的に理解できる情報設計を重視しました。 「どんなことを学べるのか」「半年後にどんな未来があるのか」をイメージできる構成にすることで、チャレンジへの心理的なハードルを下げることを目指しました。 ディレクター兼メインデザイナーとしてチームに参加し、コンセプト設計・ビジュアルデザインを担当しました。一部実装にも対応しています。

コンセプト

「Web業界にチャレンジするあなたを支える」
未経験からWeb業界を目指す人にとって、「学べる内容」「学校生活」「就職支援」の具体的なイメージが持てることが安心感につながると考えました。 サイト全体を通して、「学ぶ → 成長する → 就職する」という流れが自然に伝わる構成を意識しています。 キャッチコピー「未来を創る、あなたを支える」には、異業種からWeb業界への挑戦を支え、受講生と並走するスクールの姿勢を込めました。

デザインについて

信頼感と誠実さを伝える青を基調とし、アクセントカラーとして黄色を使用することで、挑戦や希望のイメージを加えています。 メインビジュアルには未来を見つめる人物写真を使用し、「これから新しい一歩を踏み出す」というメッセージを視覚的に表現しました。 情報設計では、トップページから下層ページ1階層までのシンプルな構造とし、追従ヘッダーによって必要な情報へいつでもアクセスできるようにしています。 特に以下の点を重視しました ・訓練内容と学校生活の情報を充実させる
・就職支援と実績を独立したセクションとして強調
・修了生の声を掲載し安心感を補強
・説明会ページへの導線を明確にする
未経験者が不安を感じやすいポイントを一つずつ解消しながら、説明会申し込みまで自然に導く構成としています。

配色

BASE

#F0F8FF

ACCENT

#D9BF71

MAIN1

#0C2CA8

MAIN2

#0C3061/p>

使用フォント

タイトル、本文:Zen Kaku Gothic New

制作時期

2025年10月~11月(訓練3~4か月目)

制作期間

デザイン:60時間
コーディング:60時間

wss