WebGallery

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

*

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

   

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

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

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

 - 色で表現

  関連記事

背景色を星の色にした、期間限定カービィカフェが可愛い!

2016年8月に大阪・名古屋・東京でオープン予定の「カービィカフェ」の特設サイト …

イラストレーションでイラストを使用し、分かりやすく可愛らしく

一級建築士事務所「朝日リビング」のホームページです。賃貸物件のリノベーションや個 …

女性をターゲットに絞り、可愛らしい構成に

  大阪にある不動産会社のWebサイトです。ターゲット層が「ママ」や「 …

大人の女性をメインターゲットにした「マイトリ」のサイトが、遊び心をくすぐるような配色で可愛い!

JTBが運営する女子旅情報サイト「女子旅COLLECTION マイトリ」の特設サ …

幻想的なプロモーション映像を使ってイベントの様子を紹介している灯篭まつりのサイト2選!

昨日とは打って変わって、一気に気温が上がりましたねー… 普段は室内にいるので事務 …

画面幅いっぱい使った大胆なレイアウトと青の配色で、信頼感のある建築系サイト

東京都品川区に本社をかまえ、計装の工事を行っている「中央計装」のホームページです …

グリッドレイアウトを使って実例をスタイリッシュに紹介している設計事務所のサイト4つ!

暑い!とにかく今年の7月は暑いです!! 関東でも一部地域で今年初の40度超えが観 …

雪を降らせたり、文字やイラストを白で統一して冬を演出する

2016年の11月10日から、2017年の2月19日まで開催している「東京ドーム …

可愛らしいデザインのボート教習所

ボートライセンススクール「国土交通省登録 小型船舶教習所 JEIS北陸信越」のホ …

カットスタイルごとのギャラリーで好みの髪型をすぐ見つけられる美容院

渋谷にある美容院「Pure Soul」のホームページです。 トップページのスライ …