Group work
- Category
- Webサイト(デザイン,コーディング[pc版のみ])一部担当
- URL
- 閲覧はこちらから
- Title
- 学校課題 当校公式サイトリニューアル
- Problem
- 現行サイトを作成したのが5年前で内容が現在内容とかなり差異が発生していた。サイト設計が非常に悪く利用しているとどこのページにいるのか分からなくなっていた。
- Purpose
- ユーザーが迷子にならないシンプルな設計、必要な情報を得ることが可能なサイトにリニューアルする。
- Approach
- サイトマップを制作し現行サイトの情報構成と導線を分析、問題点を洗い出す。リニューアル後はシンプルなサイト設計、WSSの強み(web業界における最新のツールや技術を学べる。各分野の専門の講師が科目ごとに教えてくれる。未経験からでも実践力を備えた人材として就職できる。)がWeb業界を目指す方々に伝わるようにする。
- Differentiation
- 競合校サイトの多くが静的で情報掲載中心なのに対し、本サイトでは先進的でスタイリッシュなビジュアルとアニメーションを採用。閲覧した瞬間にWeb業界に詳しい学校という印象を与え情報を伝えるだけでなく、デザインそのものが学校の専門性を表すサイトを目指した。
・担当箇所
- デザイン
- ヘッダー、Topページ(About,Orientation)、Orientation下層ページ
- コーディング
- Orientation下層ページ
Overview
- コンセプト
- 学ぶのは“今”の技術。働くのは“これから”の自分。就職まで全力サポート。
- ターゲット
- 20~30代の男女。
- 制作時期
- 3か月目
- 製作期間
- 130時間
- 使用技術
- html,css
- フォント
- JPNoto Sans JP
- ENAlbert Sans
- カラー
- #41A9A5
- #DEEDEC
- #F67E62
Key Points
- 苦労した点
- 授業の一環でクライアントに提案する必要があり、ヒアリングをした上でどんなインサイトがありどこのコンテンツを変更、追加するか決めた。どう説明したら納得していただけるか提案内容を考案するのに苦労した。また作業を進めていく上での方向性を決める際、考え方が固くなりメンバーと意見がずれてしまうことがあった。しかし、チームの方々の柔軟な発想に触れることで自分の考えを見直し、より幅広い視点で物事を捉えるようになった。
- 工夫した点
- チームでの制作で期日に追われ大変ではあったが、情報共有を徹底し、明るく前向きな姿勢を心掛け円滑に作業が進むよう取り組んだ。飾りが多いサイトであるめ、装飾をただのデザイン要素にせず、情報をより分かりやすく伝えるための意図を持たせることを意識した。