WebGallery

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

*

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

   

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

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

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

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

 - 動きで表現

  関連記事

見る人を飽きさせず、旅の目的ごとにお勧めスポットが分かる構成

  利賀芸術公園の特設サイトです。大きく3つの写真を用いたブロックで分 …

「ミルク王国」という世界観を大切にしたデザイン

石川県河北郡内灘町の「ミルク王国ウチナダ」のホームページです。 パステルカラーの …

パララックス効果を使ったデザインの、建設会社のサイトがカッコいい!

熊本県熊本市にある建設会社「快建設」のホームページです。 全体のレイアウトがとて …

2020年新卒採用サイトのトレンドをチェック!おしゃれなデザインをまとめてみました!

年始早々インフルエンザにかかってしまいました…皆様もお気をつけて… 久しぶりに高 …

写真を使って島の魅力を伝える

2016年4月に「星野リゾート リゾナーレ西表島」からリオープンする「ホテル ニ …

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

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

作品の雰囲気を損なうことなく、イラストを上手く配置した「ムーミン展」のサイトがかわいい!

2019年の4月9日(火)から6月16日(日)まで、六本木ヒルズ森タワー52階に …

空気清浄したくなる

  下ではなく上にスクロールする形のサイト。動いている灰色のものは空気 …

映像の切り替わるモーションが面白い!「TAO TAJIMA」さんのwebサイト

TANGRAM co. ltd.に所属する映像ディレクター「TAO TAJIMA …

動きや写真で伝統や歴史の重さを表現する

開創から1200年を迎えた高野山の公式ホームページです。トップにあるそれぞれの写 …