WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

施設や風景の写真が綺麗な温泉パーク

      2016/10/24

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

静岡県函南町にある温泉パーク「天然温泉 湯~トピアかんなみ」のホームページです。

トップのスライダーの右下には、ロゴとキャッチコピーがあります。「美景が自慢」と書かれているように、施設内から富士山が見える写真など風景はもちろん、建物の外観・温泉の写真も取り入れることで外だけでなく施設内の綺麗さも伝えています。
スライダーの下には濃い緑色の背景色を使って「入館料のみで利用」というボタンを配置しています。上下の背景色が白や水色など薄い色に対して、ボタンは濃い色を使うことで際立って見えます。「お風呂」や「プール」という単語には、文字を大きくさせるだけでなくそれぞれに背景色をつけているのも、ボタンがより際立つポイントだと感じました。

全体的にパッと見るとシンプルなのですが、所々にイラストを使ったりアイコンを使ったりすることでどこか可愛らしさを感じるデザインになっています。タイトルの左側に富士山や亀のアイコンをつけたり、ボタンにカーソルを置いた時のアクションを少し変わったものにしたりなど、細部にこだわって作られているデザインです。
スクロールした時も、ふわっと下から出てきたりパネルのように表示されたりと遊びがあって面白いですね!

 - 絵で表現 ,

  関連記事

ロゴマークによってリンク先を変更する

厚木と海老名に在勤・在住のタウンライターがお届けする情報・webマガジン「nom …

浮世絵を使ったデザインで歴史を感じさせる

石川県金沢市にある一番古い、あめ屋「飴の俵屋」のホームページです。 歴史が180 …

可愛らしいイラストを使って楽しそうな雰囲気が伝わってくる観光情報サイト

福岡県八女市にある公園「星のふるさと公園 星野村観光情報」のホームページです。 …

配色を落ち着かせる代わりに、イラストやアイコンを多用し可愛らしさを残す

埼玉県上尾市にある「上尾ことぶき幼稚園」のホームページです。 まずサイトを開いた …

手描きのイラストで柔らかな雰囲気を出しつつ、ロゴやボタンの配置でカチッとした印象も受ける「カラダとメガネの研究所」

「J!NS」が運営する「カラダとメガネの研究所」のホームページです。 ファースト …

ドットで作られた動くイラストがとても可愛らしい

グアムでスカイダイビングを体験できる「グアムでソラトビ!」のホームページです。 …

どんな環境でも見やすい

  横浜にあるレストラン&ショップのサイトです。トップページに施設の外 …

暖色系の色味を使ったデザインで、暖かみのあるサイトに

  北海道にある酪農家の特設サイトです。酪農家の家族の物語が約2分間の …

淡路島のいいところが”ぎゅっと”まるごと

兵庫県立淡路島公園内にある「淡路ハイウェイオアシス」のホームページです。 画面上 …

メニュー1つ1つに画像を配置する

大阪府にある大学「大阪経済法科大学」のホームページです。 メニューの部分や一番下 …