芦山キャンプ場
制作ツール Photoshop/Illustrator/XD/HTML/CSS/JavaScript(JQuery)
-
目的
他のキャンプ場との違いや芦山キャンプ場の魅力を伝え、来場者を増やす。
-
ターゲット
キャンプ用具の準備やテントの組み立てなどはせずキャンプを楽しみたい人やキャンプビギナー。
-
情報設計
キャンプサイトは情報量が多くなってしまうので見やすさを重視してページを分けて作りました。キャンプ場を探している人はそのほかのキャンプ場とも比較していると考えられるので、「都心から1時間、手ぶらでOK、,温泉無料」などの芦山キャンプ場の魅了をTOPページの上部に配置しサイト来場者に印象をつけるられるようにしました。
・過ごし方(STYLE)ページではキャンプ場のイメージを知ってもらうことが大切なので、写真を配置しクリックした写真が大きく表示させるようにしました。テントの種類もタイプ分けをして、どんなシーンで利用されているのか記述しました。
・施設情報(INFORMATION)ページでは情報量が多くなってしまうためイラストやアコーディオンメニューでまとめました。レンタル用品は印刷できるようにPDFにまとめ圧縮して容量を軽くしています。
・最新情報(NEWS)ページではJSを使い絞り込み機能で情報をまとめました。 -
デザイン
サイト全体で情報をシンプルにまとめているため、サイトの動きやクリックしたくなるようなホバーアクションを工夫しました。ビギナーでも安心してキャンプを楽しめる芦山キャンプ場をイメージして配色は親しみやすいカラーを選択しています。施設情報(INFORMATION)ページでは一目で情報が伝わることを目標にイラストを制作しました。