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

Design Review

デザイン解説

ムービーが流れるファーストビューが思わず見入ってしまうような演出になっていて、サイトの導入として効果的な構成がしっかりと考えられています。ムービーにカーソルを合わせるとマウスストーカーに「DRAG」の文字が表示されて、指示通りに左右にドラッグするとアングルを切り替えることができ、360度全方向からムービーを見られるようになっています。この新たな映像表現をアピールするためのサイトになっていて、内容がストレートに伝わる演出が効果的な役割を果たしています。スクロールした先に現れる「PRACTICE」の項目では、画像が並んでおり、それぞれのムービーが見られる仕組みになっています。見ていて楽しく、新たな体験が驚きと興味を抱かせるサイトに仕上がっています。

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

執筆者

Okamoto Miyu

岡本美憂

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

Twitter

基本情報

会社名: MasterVisions株式会社

サイト名: MasterVisions

URL: https://mastervisions.co.jp/ja

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

執筆者

カテゴリ

基本情報

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

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

ブラックを使ったデザイン

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

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む