概要
JavaScriptの学習用に、参考書をもとに1ページ構成のサイトを制作しました。
HPリニューアル時に使われるカスタムページデザインの構成や演出方法を実践的に学ぶ目的で取り組みました。
目的
既存サイトの課題であった情報の見つけにくさを解決し、就労支援サービスについて詳しく知りたい方や、実際にサービスを利用したい方にとって分かりやすいサイト構成を実現することを目的としました。
ターゲット
- 20〜30代女性のカジュアルファッションに関心のある層
情報設計
クライアント様の要望で、情報はシンプルにできるだけ分かりやすくしたいとのことだったので、各サービス情報や過去の実績、アクセス情報は見やすさ・伝わりやすさを重視して設計しました。スマホからの閲覧が多いことを想定し、スマホサイズではコンテンツの見える領域を広くするため下にスクロールした際にヘッダーが隠れるような実装をしています。
デザイン
ローディング画面やメニューアニメーションなどの演出を配置しました。