WebGallery

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

*

アニメの世界観を大切にしたサイトがカッコよくておしゃれ!

   

2017年の10月に放送が開始されるアニメ「魔法使いの嫁」の公式ホームページです。

ファーストビューのイラストがとても綺麗なサイトです。
大木の隙間から覗き込んでいるような背景のイラストが、幻想的な雰囲気を表現しています。

サイト全体のデザインも、パララックスを使用して奥行き感のあるホームページになっています。
作中に出てくるキャラクターや羽根が、スクロールと一緒に動いたりするので見ていてとても楽しいサイトになっています!
また、コンテンツごとにアニメーションのワンシーンの写真を掲載することで、実際のアニメの雰囲気や世界観も分かるようになっており、『魔法使いの嫁』を初めて知った人でも伝わりやすいように工夫されています。

古書や瓶などのアイテムを見ていると、漫画の世界が伝わってきてワクワクしてきます!

 - 動きで表現

  関連記事

商品を色々な角度から見ることができる

  シチズン時計株式会社の特設サイトです。まず最初のオープニングアート …

下から泡を出して、見ている人が水族館にいるような気分に

大分県大分市にある水族館「大分マリーンパレス水族館 うみたまご」のホームページで …

多彩なアニメーションを使ったサイト

  私が言っていいものかどうか分かりませんが、懐かしきCyndi La …

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

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

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

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

ブロックボタンの見やすいサイト

写真やボタンをブロックにしてデザインしているサイトです。ブロックすべてがボタンに …

花火のアニメーションを使って、夏限定のパッケージデザインを表現したシャンドンの特設サイト

「CHANDON」の2018年夏限定サマーボトルの特設サイトです。 大きな花火や …

動く虎たちが見ていて楽しい!病院ということを忘れさせてくれそうな「やざわ虎クリニック」のホームページ

長野県諏訪市にある内科・外科病院「やざわ虎クリニック」のホームページです。 ファ …

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

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

どの言語で閲覧してもデザインが崩れない

東京のデザインやファッション、食べ物や観光地・宿泊施設などを世界に紹介するWeb …