WebGallery

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

*

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

   

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

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

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

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

 - 動きで表現

  関連記事

曲に合わせて鍵盤が動く「MAP」

2015年の7月に販売されたgroup_inouのアルバム「MAP」というアルバ …

配色をカラフルにするだけでなく、アニメーションもたくさん使ったサイトのデザインが可愛い!

熊本県熊本市にある食のテーマパーク「株式会社フードパル熊本」のホームページです。 …

ジャンプ率の差を大きくしてタイトルを目立たせたツアーサイト

「UNISON SQUARE GARDEN」の6thアルバムツアー「Dr.Izz …

大人の京都を演出したデザインで和風と高級感を出す

京都府にある太秦映画村で行われているイベント「江戸酒場」のホームページです。 シ …

画面いっぱいに表示されるメニュー

愛知県にある栽培支援システム開発会社「株式会社プラントライフシステムズ」のホーム …

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

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

車の世界観に合わせたデザインがグッとくる!「Make Your own RENOCA」のサイト

トヨタのランドクルーザーとハイエースの専門店を全国展開する「フレックス」が、リノ …

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

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

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

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

各コンテンツに飛ぶボタンを作り、読む側に優しいデザイン

  東京都にある留学サポートを行っている会社です。全体的に色をあまり使 …