WebGallery

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

*

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

      2016/10/24

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

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

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

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

 - 絵で表現 ,

  関連記事

思わず眠くなってくる?雰囲気の絵本

子育て中のパパママたちの間で密かに話題になっていた絵本「おやすみ、ロジャー」の特 …

気軽に相談しやすそうな行政書士

長野県上田市を拠点に活動している行政書士「城田行政書士事務所」のホームページです …

見やすく、且つ、綺麗にデザインされ、情報量の多さを感じさせない

  西荻窪で経営している浜商不動産のホームページです。ベージュを背景色 …

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

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

動くイラストを使い難しい内容でも伝わりやすく

自然エネルギーを中心としたエネルギーに関する情報発信サイト「みるみるわかる En …

ロゴが映えるよう、色合いを抑えた京阪東ローズタウン

京都府京田辺市にある「京阪東ローズタウン」のホームページです。 タイトルやメニュ …

作品の雰囲気を損なうことなく、イラストを上手く配置した「ムーミン展」のサイトがかわいい!

2019年の4月9日(火)から6月16日(日)まで、六本木ヒルズ森タワー52階に …

全体に色を使わずに、イラストを強調させたアートイベント

ポストカード展・グループ展を中心に「作家の立場から考えたアートイベント」をコンセ …

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

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

遠近感のあるサイト

  動物病院のサイト。可愛いイラストを使って構成されており、親しみやす …