WebGallery

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

*

群馬にある猿ヶ京温泉の紹介サイトが、動きとイラストを使ったデザインで可愛い!

   

群馬県利根郡みなかみ町にある観光スポット「猿ヶ京温泉」の「猿ヶ京温泉観光情報協会」のホームページです。

イラストとアニメーションを使った、楽しい雰囲気のサイトです。
ファーストビューには観光スポットの写真を載せて、猿ヶ京温泉の魅力を伝えています。
紅葉の綺麗な山々や綺麗な川など田舎ならではの魅力が詰まった写真は、見ているだけで思わず「行きたい」・「行ってみたい」となるような綺麗で壮大ですね!

各コンテンツにはアニメーションがついており、斜めからふわっと出てくるようになっています。
レイアウト自体がとてもシンプルなのでふわっと表示させたアニメーションで動きをつけて、バランスがとれたデザインになっています。

家族やカップル・おひとり様問わず楽しめる観光スポットということが伝わってきます!
(サイト内で紹介されている宿泊施設の中には「泊まれる学校」もあるらしく…観光から来る人も小学生時代に戻って楽しめそうですね!)

 - 動きで表現

  関連記事

水色と黒を使用し、近未来感を演出したデザイン

メルセデス・ベンツとPerfumeがコラボレーションしたメルセデス・ベンツのiP …

「Golden」にかけた黄金のアニメーションがとても幻想的!フェレロ ロシェのキャンペーン公式サイト

「Ferrero Rocher(フェレロ ロシェ)」のキャンペーン公式サイトです …

見る人を飽きさせず、旅の目的ごとにお勧めスポットが分かる構成

  利賀芸術公園の特設サイトです。大きく3つの写真を用いたブロックで分 …

昼間とは違う雰囲気を演出した八景島シーパラダイスの「ナイトアクアリウム」

2016年の11月19日から2017年の2月28日まで開催している「音と光と映像 …

ひし形のグリットを使って、授業風景などの写真を紹介している倉敷芸術科学大学のサイトがおしゃれ!

岡山県倉敷市にある大学「倉敷芸術科学大学 芸術学部」のサイトです。 ファーストビ …

京都にあるチョコレート専門店のサイトが、可愛くて美味しそう!

京都にあるローチョコレート・ビーントゥバー専門店「KYOTO COCO」のホーム …

商品の見せ方がオシャレでかっこいい!ガトーショコラ専門店「Chocolaphil」

ガトーショコラ専門店「Chocolaphil」のホームページです。 鮮やかな青い …

今後の参考に!スタイリッシュなアニメーション効果を使ったサイトをご紹介!

コーディングをしているときに「どんなアニメーションをつけようか」と考えるのが1つ …

配色をカラフルにするだけでなく、アニメーションもたくさん使ったサイトのデザインが可愛い!

熊本県熊本市にある食のテーマパーク「株式会社フードパル熊本」のホームページです。 …

カラコンの色味を背景で表現したサイトがとにかくオシャレ!「PLAY / UP(プレイアップ)」

カラーコンタクト「PLAY / UP」のホームページです。 丸ドットで作られた背 …