TOPスクール
※架空のウェブデザインスクールです
ウェブサイトへのリンクはこちら
ウェブサイトへのリンクはこちら
目的・ゴール
春のキャリアアップ応援キャンペーンで沢山の方々に無料のオンライン相談会の予約をして頂き、
授業を受講頂くことを目的としています。
スキル不足で悩んでいる20代後半から30代前半の方を対象として想定しています。
コンセプト
メインカラーはネイビーとピンクの2色で全体のメリハリとバランスの良さを一番に重視しました。
WEBデザインスクールのため、シャープな印象を与えられるように考えました。
背景色は薄い水色とピンクを用いることで、受け入れられやすい優しい雰囲気も出しています。
文字や色を多用しすぎず、分かりやすいレイアウトを意識しました。
制作ポイント
スマートフォンやタブレットでも閲覧できるようにレスポンシブ対応を行いました。
PCで閲覧した時は、画像や文字が横の幅いっぱいに広がるのに対して、
スマートフォンなどで閲覧した時には縦型に上手く組み変わるように工夫しました。
制作期間
１ヶ月半
使用ツール
Adobe XDでウェブサイトのワイヤーフレームを作成しました。
Adobe Photoshopで掲載写真の加工、調整を行いました。
Visual Studio Codeを使用して、コーディングを行いました。
制作から学んだこと
ページ全体のバランスが良いレイアウトの方法と各デバイスに対応したレスポンシブ対応、
複数の下層ページの作成を学びました。