WebGallery

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

*

足跡がついたり模様を雲に見立てて動かしたりと、動きをつけて楽しい雰囲気の「雪丸散歩」

   

奈良県王寺町公式サイトの「雪丸散歩」のホームページです。

聖徳太子のペット「雪丸」が空を飛んでいるムービーがとてもインパクトのあるサイトです。
白文字で書かれたキャッチフレーズもとても印象的なフレーズですが、背景に映像を流すことで「雪丸が何なのか」がパッと見ただけで分かるようになっています。

サイト全体のデザインは、ゆるっとした可愛らしさもありつつ雪丸について詳しく書かれています。
模様を雲に見立てて左から右に流したり、写真を表示させる時に下からふわっと出てくるアニメーションを使用したりと、装飾を最低限に抑えて動きをつけることで年代を問わず受け入れやすいデザインになっています。

 - 色で表現

  関連記事

文章量が多くても、楽しみながら見ることができる不動産屋さん

愛知県名古屋市にある不動産会社「名古屋のあおいろ不動産」のホームページです。 「 …

ロゴマークの可愛らしさと余白を使った高級感のあるデザインが印象的!岡山県にあるお茶屋さんのサイト

岡山県岡山市にある「福田茶屋」のホームページです。 ファーストビューのスライダー …

見出しを明朝体、文章をゴシック体にして凛々しい雰囲気を出しながらも親しみやすさを感じる士業サイト

東京都品川区にある税理士事務所「CROSSROAD(クロスロード)」のホームペー …

背景を白にしたシンプルなデザインにしていちごの美味しさが伝わるようにしたいちご園

静岡県富士宮市でいちご狩りや紅ほっぺを使った商品の販売を行っている「いちご 生産 …

お昼寝案内

  手書き風のゆるーっとしたサイトです。イラストを使用してわかりやすく …

配色で透明感を出す

  東京にある不動産会社のホームページです。全体的に水色と白で構成され …

うっとりする写真が盛りだくさんの「休暇村」

休暇村協会が運営している「休暇村」のホームページです。 背景に和紙のようなテクス …

様々なグラフがアニメーションで表示される

平安時代にかまぼこが表記されてから2015年で900周年を迎えたそうです。全国か …

お店の世界観を大切にしたサイトがかっこいい!

モードとカジュアルを融合させたセレクトショップ「LOVELESS」と「GUILD …

アニメのサイトということを忘れてしまいそうな「セーラームーン 25周年特設サイト」が凄い!

期間限定で公開されている「美少女戦士セーラームーン」の25周年特設サイトです。 …