富山市浜黒崎のキャンプ場「浜黒崎キャンプ場」様よりWebサイトリニューアル依頼
サイトの目的
コテージや宿泊施設、キャンプ場など色々なタイプの楽しみ方がある
目の前に砂浜が広がり、海の向こうに立山連峰の景観を楽しめる
カップル、家族、お友達、団体さまなど幅広い人数に対応できることを伝えたい
概要
施設名：浜黒崎キャンプ場
業態 ：宿泊施設 兼 キャンプ場
所在地：富山県富山市浜黒崎
特徴
宿泊施設もあるキャンプ場
海がすぐ近くにあり、立山連峰の景観が売り
天然記念物の黒松並木が続く海岸線あり
BBQやキャンプ初心者にも優しいサービスもある
電話でのお問い合わせを推奨
希望内容
サイトタイトルのロゴを作成して欲しい
メインイメージは3枚、画像が切り替わる仕様にしたい
1カラムで分かりやすい構成にしたい
サイトでのナビゲーションはドロップダウンメニューにしてほしい
ページの右下に「ページTOPへ戻る」ボタンをスクロールしてもついてくるようにしてほしい
清潔、安心、今風のデザインで柔らかな雰囲気にしたい
工夫したポイントなど
浜黒崎キャンプ場のロゴを作成しました。
「浜」には海の波を表現
「黒」には黒松の木を表現
「崎」には立山連峰の山を表現
「場」にはキャンプのテントを表現
3人チームで役割を分担しました。
デザイン担当：私（リーダー）
コーディング担当：Aさん（サブリーダー）
ディレクション担当：Oさん（書記）
行ってみたくなるようなデザイン
このキャンプ場は景観が売りなので、配置する写真にこだわりました。
きれいな画質を保ちながら、データ量にも配慮して遅延が起きにくい工夫をしてあります。
また、写真を活かすためにできるだけシンプルな配色にしました。
追従型ドロップダウンメニュー
どのページのどこにいるのか迷子にならないために、ナビゲーションにドロップダウンメニューを置くことでサイト構成を分かりやすくしました。
ページをスクロールしても常に画面の上にドロップダウンメニューがあるので見たいページに飛びやすくしてあります。
見やすい料金表・見やすい項目
リニューアル前のページでは料金が文字のみで表記されていたので見にくい状態でした。
今回のリニューアルでそれぞれの料金表をまとめ、シンプルに、分かりやすく作り直してあります。
また項目にアイコンを置くとこでパッと見て内容の判断がつくようにしました。
求める情報に素早くたどり着き、内容をすぐに判断できる構成になっています。
CSSのみで動きのあるデザインを
ホームのトップビューのスライドショーCSSのみで実装することで軽量化とコーディングの時短にしました。
ぜひご覧になっていください。