WebGallery

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

*

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

      2016/10/24

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

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

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

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

 - 絵で表現 ,

  関連記事

様々なところにハイビスカスのイラストを置いて、ハワイアンの空気を演出したイベントサイトがかわいい!

2017年の4月29日(土曜日)から5月7日(日曜日)までお台場のヴィーナスフォ …

就活生から職人まで、自分に合ったメガネが見つかるかも!

眼鏡・コンタクトレンズの販売を行っている「メガネの愛眼」が、様々な生活シーンに合 …

和歌山にあるナチュラルチーズ専門店のサイトが、写真を際立たせたデザインで可愛い!

和歌山県紀の川市にあるナチュラルチーズ専門店「Copain de Fromage …

少ない文章で必要な情報が分かる

  バーベキュー塾のサイトです。その名の通りバーベキューをするにあたっ …

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

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

おバカなジェリービーンズたち

  一時期話題になった動画のWebサイトです。現在ではアプリゲームもあ …

ふるさと納税したくなるような特設サイト

福岡県久留米市のふるさと納税特設サイトです。 黄色を基調としたカラフルな色合いが …

スクロールなどの動作を遅くすることで、より細部まで目がいくようにする

株式会社アブ・アウトが経営する北海道旭川発祥「らーめん山頭火」のホームページです …

文字間を空けてサイト全体のデザインに合わせる

山形県にあるハウスメーカー「ササキハウス」のホームページです。 上部のグローバル …

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

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