WebGallery

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

*

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

   

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

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

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

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

 - 動きで表現

  関連記事

2019年に流行しそうなwebデザイントレンド「ローディングアニメーション」を使ったサイト3選!

今年も1年が始まりましたね! 初詣にも行かず正に寝正月を過ごした私ですが、今年は …

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

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

水色と黒を使用し、近未来感を演出したデザイン

メルセデス・ベンツとPerfumeがコラボレーションしたメルセデス・ベンツのiP …

シネマグラフを使った写真が印象的!「京都 宇治 伊藤久右衛門」のサイト

「京都 宇治 伊藤久右衛門」のホームページです。 ファーストビューのスライダーが …

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

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

コントラストの強い配色で高級感のある雰囲気を演出したサイト

フランスのファッションデザイナー「pierre cardin」の日本公式サイトで …

スラッシュの角度で区切られたデザインが気持ちいい「EN/PIRE」

大阪府大阪市にある植物の販売からディスプレイデザイン等も行っている会社「EN/P …

カーソルを乗せると動くボタン

愛知県碧南市松江町にある歯医者「あだち歯科クリニック」のホームページです。 歯を …

東京メトロとコラボしたフラットデザインなドラえもんが可愛い!

東京メトロとドラえもんがコラボし、4月1日からスタートしたキャンペーン「すすメト …

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

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