WebGallery

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

*

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

      2016/10/24

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

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

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

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

 - 絵で表現 ,

  関連記事

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

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

イラストを使った可愛いサイトがいっぱい!歯科関連のwebサイト5選!

インフルエンザが流行っていますね… 私もかかってしまいましたが、インフルエンザに …

遠近感のあるサイト

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

豊かな自然が生み出す食と農のふれあい「もぐもぐ会議」

北海道のホクレン農業協同組合連合会(ホクレン)が運営する「くるるの杜」の新しい活 …

鹿児島県にある幼稚園のサイトが、動きを使ったデザインで可愛い!

鹿児島県日置市にある幼稚園「学校法人 朝日ヶ丘学園 朝日ヶ丘幼稚園」のホームペー …

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

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

キャンピングカーでの北海道の旅の楽しさを伝えるために、イラストを使ってデザインしたレンタルサイトが可愛い!

北海道札幌市でキャンピングカーのレンタルを行っている営業所「北海道キャンピングレ …

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

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

おにぎりを使用したプロモーション

毎年10月16日は「世界食料デー」ということで、おにぎりを食べようというプロモー …

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

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