WebGallery

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

*

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

   

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

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

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

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

 - 動きで表現

  関連記事

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

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

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

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

ついついボタンを押したくなる「伊勢丹新宿店 食品フロアのツボ」

伊勢丹新宿店の食品フロアガイド「伊勢丹新宿店 食品フロアのツボ」のホームページで …

猫!

  サイトを開けた途端猫がお出迎えしてくれます。しかもこの写真、日替わ …

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

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

トップの部分だけでなく、色々な場所で背景に動画を使用する

毎年夏に東京ビッグサイトで行われるアートイベント「万国學生藝術展覧祭 學展」のホ …

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

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

グローバルナビよりも目立った言語切り替えボタン

熊本県にある有限会社「球磨川ABC」のホームページです。左側に固定された言語選択 …

松本薫さんが開店したアイスクリーム屋さん「Darcy’s」のサイトが可愛い!

松本薫さんの引退会見、衝撃的でしたね! テレビではいつも柔道でかっこいい姿を見て …

タイトル部分に動きをつけて目立たせる

愛知県名古屋市にある和菓子屋「一朶」のホームページです。 縦長のシングルページの …