Web UIデザイン
Webコーディング
キャラクターデザイン
グラフィックデザイン
キッズチアダンス教室のスマートフォンサイトのデザイン＆コーディング
スマートフォンサイト「キッズチアダンス教室 Cheer Latte」
2018.10〜2018.12
課題制作
非公開
Illustrator
Photoshop
XD
Dreamweaver
HTML5
CSS3
Javascript
概要
授業講師の指導を元に、Webデザイン会社がヒアリングから実際に１つのWEBサイトを完成させるまでの手順に則って制作を進めるという授業で、キッズチアダンスクラブ「Cheer Latte」のスマートフォン用WEBサイトを制作。競合分析も行い、現状の他のチアダンスクラブのWEBデザインの傾向や改良点等をまとめ、本サイトのデザインに生かした。最終的にこれらを含め、コンセプト等もスライドにまとめ、プレゼンテーションをした。最終講評では、プロのWEBデザイナー、プランナーの方々に採点していただき、一位を獲得した。※競合分析やコンセプト等について詳しくは「プレゼンスライド」項目内のスライド画像参照。
Request
・チアダンス教室を探している人に見やすく、チアラテ入会を検討しやすくできるサイトにして欲しい。
・可愛らしく、サイトを見た女の子がチアダンスをやって見たくなるようなデザインにして欲しい。
・「チアを通して、深々ともに健康でキラキラと輝く女の子へと成長していけるように育成したい。」というチアラテの理念が伝わるサイトにして欲しい。
・色はピンクと白を使って欲しい。
Solve
・「大人も子どもも見られる、わかりやすくかわいいサイト」をコンセプトとして設定。
・丸みのあるフォントや、可愛らしいイラストやモチーフを使用することで、ポップで可愛いチアのイメージを伝えつつも女児に好かれやすいデザインに。
・チアラテの理念をファーストビューの目立つ位置に配置。
プレゼン用スライド
作成素材
ロゴにも使われているディープピンクとハートを使用し、「かわいい」を全面に押し出したデザインとなっている。
全体図
サイトマップ
サイト全体の構成としては、大まかな情報を1ページでコンパクトにまとめ、初めての訪問者でも気軽にチアラテについて知ってもらえるようにしている。