http://www.camp-cabins.com/higaeri/
◎概要
イラストでポップさ・柔らかさを演出する方法について着目。
また、複数ある施設を1ページでまとめ、いかに離脱者を少なくする工夫を行うかなどのポイントに着目する。
◎概要
那須郡にあるキャンプサイトのサイト。キャンプの他、クラフト体験など様々なサービスも楽しめるエリアとなっている。
1ページ完結サイト。
家族や子供が見てワクワクするようなあしらいが多い。
◎ターゲット
子供のいる家族
→賑やかさを演出するために、手書きのイラストがアニメーションでぽんぽん出てくる。
◎余白
コンテンツ間:150px
見出し下:15px
◎フォント
Noto Sans
[PC] 見出し:26px 標準:16px
[SP] 見出し:20px 標準:14px
◎UI / UX
コンテンツの多い長いLPのため、スクロール位置が全体的にどの部分にあるか、今の位置がどこなのかが一目でわかる仕組み。
◎FV
ぽんっと周りに出てくる手書きの木のイラストが特徴的。
見出しは[那須ICから車で7分]と、アクセスの便利さをTOPに目立つように配置することで、ユーザーに身近な存在ということを知らせる。
その他「日帰り」など、気楽に行ける土地の利点を、FVでアピールしている。
写真は下にサムネイルがあることで、いくつ写真があるかなども把握でき、ユーザーの感覚で写真を切り替えることができる。
ふちが丸いことがイラストとマッチしている。写真下に、その施設でどのような体験ができるかわかる「癒」「作」など
→総合的に、エリアの利点・施設が一括でわかるデザイン
◎ABOUT
敢えて写真を傾けたり、ずらす配置。→きっちり並んで配置するより賑やかさが出る。
◎施設紹介
各施設を全て網羅。各施設ごとに、詳細ボタン・連絡先などの必要な情報を記載している。
施設ごとに背景色を変えているので、区切りがわかりやすい。
白塗りbox内にテキストを記入し、写真に被せている。
◎1日の過ごし方
このコンテンツがあることで、利用した時を想像しやすく、利用したくなる。
SPでは見やすいように、ボタンで表示を切り替えることができる。
コメントを残す