WebGallery

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

*

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

   

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

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

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

 - 色で表現

  関連記事

グレーとゴールドを使ってデザインされた鉄工所のサイトがカッコいい!

千葉県富津市にある鉄工所「大栄鉄工所」のホームページです。 濃いグレーとゴールド …

日本古来の色合いを使ってデザインされた着物専門店

東京都中央区銀座にある着物専門店「GINZA 和貴」のホームページです。 ファー …

アルバムイメージに沿ったデザイン

  The Scriptの公式ホームページです。こちらは前回のClea …

色鮮やかな染め物の映像の上に、虹色のアニメーションを重ねてさらに綺麗に!

岐阜県羽島郡笠松町にある染め物屋さん「丸京染色株式会社」のホームページです。 フ …

黒と白を使ってカッコよさを演出したガレージハウス

山梨県北杜市にあるリゾート型賃貸ガレージハウス「八ヶ岳ガレージハウス」のホームペ …

電車の形を使ってデザインされた「相模鉄道株式会社新卒採用サイト」のサイトが、ポップで可愛い!

「相模鉄道株式会社」の2019年度新卒採用サイトです。 ロゴカラーを使った、ポッ …

ロゴが強調されるデザイン

  たまがわ花火大会の公式サイトです。トップに写真を大きく使い、花火の …

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

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

学校の「楽しそう!」な雰囲気が伝わってくる専門学校

愛知県名古屋市にある、医療系や販売・ITや観光系などのビジネス専門学校「あいちビ …

背景に薄くイラストを載せる

植物ブランド「花園樹斎」のホームページです。2016年1月に、植物ブランドとして …