WebGallery

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

*

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

   

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

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

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

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

 - 動きで表現

  関連記事

コンテンツの区切りを波のアニメーションにすることで、ワインぽさを演出したサイト

山梨県笛吹市にあるワイン製造工場「モンデ酒造」のホームページです。 コンテンツの …

ロゴを使ったファーストビューがインパクト大!東京都の「みるみるクリニック」

東京都江東区にある、小児科・内科・アレルギー科「みるみるクリニック」のホームペー …

2019年に流行しそうなwebデザイントレンド「ローディングアニメーション」を使ったサイト3選!

今年も1年が始まりましたね! 初詣にも行かず正に寝正月を過ごした私ですが、今年は …

記事の下まで行くと右側のコンテンツもぴったり止まる

福岡のライフマガジン「AFRO FUKUOKA」のホームページです。 全体のレイ …

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

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

スラッシュの角度で区切られたデザインが気持ちいい「EN/PIRE」

大阪府大阪市にある植物の販売からディスプレイデザイン等も行っている会社「EN/P …

ページの所々にアニメーションを使った「一時お預かり専用託児所 はないと」

愛知県名古屋市にある「一時お預かり専用託児所 はないと」のホームページです。 メ …

タイトル部分に動きをつけて目立たせる

愛知県名古屋市にある和菓子屋「一朶」のホームページです。 縦長のシングルページの …

コンテンツ毎にスクロールボタンを配置し、移動しやすく

高知県にある「サイバラ建設株式会社」のホームページです。 まず、中央に配置された …

背景を道に見立てたデザインの地図アプリのサイトがおしゃれ!

株式会社Strolyが制作した地図アプリ「Stroly」のホームページです。 フ …