せろりのセオリー | Webサイト100選

Webデザイン未経験の私が、魅力的で優れたWebサイトを見て考察力、表現力を学ぶ学習サイトです。

No.14 奥養老ヴィレッジ

せろりのセオリー/ Webサイト100選 N0.15 奥養老ヴィレッジ

 

■概要

千葉県にあるキャンプ場のサイト。
バンガロー宿泊プランもあり、小さいお子さんがいるご家族でも宿泊しやすい。

 

■FV

写真は画面いっぱいではなく中央に配置。親子でキャンプを楽しむ写真がスライドで流れ、小さい子供がいてもキャンプが出来るという安心感が出る。文字は写真に重なるように配置されていて視線に入りやすい。

キャッチコピーの横には、「千葉県市原市のキャンプ場」と書かれている。場所がどこにあるのかは重要なポイントなので、トップページで大体の場所がぱっと分かるのはユーザーにとって大きなポイント。

予約とアクセスは右側に固定で表示。常連ですぐ予約したい人と、初めての人は場所を知りたいと思うので、迷わず次のアクションへ進めることが出来る。アイコンも入れることで視認性が高くなる。

 

■特徴

FVの下にはお知らせ・イベント情報を配置。最新の情報を見ることが出来る。写真は角丸にされており柔らかい印象になる。

せろりのセオリー/ Webサイト100選 N0.15 奥養老ヴィレッジ

せろりのセオリー/ Webサイト100選 N0.15 奥養老ヴィレッジ

 

 

各セクションの見出しは、縦文字やジャンプ率を高くすることで、情報の切り替わりが分かりやすくなっている。

せろりのセオリー/ Webサイト100選 N0.15 奥養老ヴィレッジ

せろりのセオリー/ Webサイト100選 N0.15 奥養老ヴィレッジ

 

 

余白がある箇所は、小さいサイズの写真を配置することでバランスを取り、視線の誘導にもなっている。
子供たちが笑っている写真が多く使われていて、家族で楽しめる雰囲気が伝わる。

せろりのセオリー/ Webサイト100選 N0.15 奥養老ヴィレッジ

せろりのセオリー/ Webサイト100選 N0.15 奥養老ヴィレッジ

 

 

レンタル一覧ではグリッドを使って扱っている道具を紹介。写真付きで備品名は大きめのフォントで表示。値段は緑で表示されており、すっきりと纏められており見やすく、ユーザーがすぐに見つけらるデザインになっている。

せろりのセオリー/ Webサイト100選 N0.15 奥養老ヴィレッジ

せろりのセオリー/ Webサイト100選 N0.15 奥養老ヴィレッジ

 

 

■フォント

・見出ゴMB31、中ゴシックBBB

 

 

 

■配色

ベースカラー:#fff

テキスト:#111,  #129647

せろりのセオリー/ Webサイト100選 N0.15 奥養老ヴィレッジ

せろりのセオリー/ Webサイト100選 N0.15 奥養老ヴィレッジ

 

 

 

 

Webサイト:奥養老ヴィレッジ

せろりのセオリー/ Webサイト100選 N0.15 奥養老ヴィレッジ

せろりのセオリー/ Webサイト100選 N0.15 奥養老ヴィレッジ

次へ 投稿

前へ 投稿

返信する

© 2025 せろりのセオリー | Webサイト100選

テーマの著者 Anders Norén