「MARVELOUS!」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

ファーストビュー上に細いラインで構成された立体的な球が設置されていて、ズームインして球の内部に入るようなモーションの後、画像領域が展開されて手がけた作品の紹介画像が切り替わっていく表示になります。一連のモーションが非常に個性的で目を奪われ、サイトに引き込まれる効果的な演出となっています。スクロールしていくと背景に作品の画像が使われた作品紹介表示が展開されていて「Readmore」のボタンで下層ページに遷移する仕組みになっています。下層ページではムービーのコンテンツが用意されていたりと非常に充実した内容になっていて、ユーザが楽しく閲覧できるサイトに仕上がっています。

こんなホームページを作りたい方へ

執筆者

Okamoto Miyu

岡本美憂

独学でWebデザイン、HTML・CSSを学習。⇒出版社のWeb事業部でアルバイト⇒Web制作会社で、デザイナー兼コーダーとして勤務⇒2019年からフリーランスに。休日もカフェでコーディングをしているちょっと変人です。趣味はカフェ巡り、自然巡り、旅行など。

Twitter

基本情報

会社名: 株式会社マーベラス

サイト名: MARVELOUS!

URL: https://www.marv.jp/

「MARVELOUS!」のホームページデザイン解説

執筆者

カテゴリ

基本情報

ゲーム・漫画・映画・アニメに関連するデザイン

サービスサイトに関連するデザイン

グレーを使ったデザイン

かっこいいなホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む