WebGallery

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

*

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

      2016/10/24

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

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

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

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

 - 絵で表現 ,

  関連記事

個性的な100年りんご達

長野県長野市にある農園「やまだい農園 100年りんご」のホームページです。 メニ …

男女問わず楽しめそうなゴルフスクール

和歌山県和歌山市にあるゴルフスクール「Sundy’s golf sc …

ファーストビューで必要な情報が全て見れるよう工夫された配置

東京都江東区にある温石浴「幸泉」のホームページです。 シングルページで構成された …

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

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

道案内標識のようなボタンがとても可愛らしい

愛知県名古屋市にある「金山駅」の目の前にあるテナントビル「長谷川ビル」のホームペ …

トップに大きな手描きのロゴ

北海道札幌市にある小児歯科「しのぐちこども歯科・きょうせい歯科」のホームページで …

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

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

地域密着の薬局サイトが、イラストやアイコンを使って親しみやすさを出していて可愛い!

札幌を中心に店舗をかまえる薬局「西岡メディカル薬局」のホームページです。 青と白 …

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

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

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

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