全画面表示のファーストビュー画像がインパクトのある演出になっていて、次々と画像が切り替わっていく仕組みが思わず見入ってしまうような効果となっています。スクロールした先でも大きく画像が用いられていて、「Mission」の項目ではコマ撮りムービが展開されていたり、「Data」の項目では画像上に大きく数字が表示されて、スクロールと連動していたりと、細かなところに工夫を感じるデザインとなっています。さらに下部では大小様々な画像領域が散らされており、それぞれの画像が切り替わる仕組みがアイキャッチの効果となっています。全体を通してすっきりとしたデザインが見ていて気持ちの良いサイトに仕上げられています。
執筆者
カテゴリ
基本情報
システム開発会社に関連するデザイン
-
「ROOV」のホームページデザイン解説ファーストビューではタブレットによる操作画面のムービーが流れ、背景のマンションの写真やちりばめた写真と合わせて、タブレットでマンションの内覧ができるシステムを端的に紹介しています。グレーやネイビーの落ち着いた色使いを中心にかっちりとした印象...
-
「株式会社セキュアサイクル」のホームページデザイン解説ファーストビューにはコンセプトメッセージが掲載されています。また私たちのサービスというタイトルのもと、詳細ページへ飛ぶことができるようにリンクが設定されています。お知らせおよびイベント・講演については日付とタイトルが整列しており統一感があり...
-
「株式会社GIG」のホームページデザイン解説黒と白を基調としたモノトーンな印象のホームページです。トップページ上部にはスクロールの案内がありスムーズに下部ページへ誘導しています。各サービス紹介では関連画像とタイトル、紹介文が掲載されています。詳細ページも用意しておりページ回遊率を高め...
採用・リクルートサイトに関連するデザイン
-
「令和3年度警視庁採用サイト」のホームページデザイン解説画面中央に警視庁の仕事の様子がムービーで紹介されており、重ねられた「警視庁」の文字が厳格さを感じさせるファーストビューです。淡いブルーのグラデーションと濃いネイビーを交互に敷いてコントラストをつけた背景と、ベージュのアクセントカラーを敷いた...
-
「株式会社ソルブレイン採用サイト」のホームページデザイン解説ファーストビューで表示されるスライドショーは業務中の風景の写真に半透明のホワイトとグリーンでキャッチコピーを重ね、みずみずしさを感辞させます。鮮やかなエメラルドグリーンをアクセントに使い、淡いグレーとホワイトでコンテンツをエリア分けして、ホ...
-
「つばめタクシー・大和グループ 採用情報サイト」のホームページデザイン解説ファーストビューでまず、鳥のキャラクターに扮した男性の写真がスライドショーで次々と現れ、鮮やかなスカイブルーのバックに大きく書かれたキャッチコピーと相まって特大のインパクトを与えています。下層ページでもブルーの背景では仮装した人物を、それ以...
ホワイトを使ったデザイン
-
「かみむらスポーツ教室」のホームページデザイン解説サイトを開くと画面幅いっぱいの子供たちのムービーと、丸みを帯びたフォントのロゴにビタミンカラーのアイコンをあしらったロゴマーク、鮮やかなグリーンとオレンジのリンクボタンが目に入り、子供らしい明るく元気なイメージをまず与えてくれます。鮮やかな...
-
「JAXA 有人宇宙技術部門」のホームページデザイン解説ファーストビューでは画面全体に表示された宇宙ステーションの写真のスライドショーと、その上に重ねられた太字のキャッチコピーが、力強いメッセージ性を感じさせます。各コンテンツの見出しは施設名は大きく写真に重ね、トピックスの見出しはやや小さくマー...
-
「となりのひきだし」のホームページデザイン解説トップページに表示されたスライドショーは、引き出しを開ける両手のイラストが鉛筆書き風の素朴なタッチで描かれ、引き出しの中にスライドショーがはめ込まれています。引き出しの横にはクリップでつるされたカード風のサムネイルが表示され、サムネイルをク...
迫力なホームページのデザイン
-
「そうだ、その目だ。」のホームページデザイン解説サイトを開くと画面中央に大きく表示されたモノクロ写真のビジュアルが目に入ります。やや斜体をかけた縦書きのキャッチコピーはサイドにラインが引かれ、画面のスクロールに合わせて入れ替わるビジュアルは、画像をスライスしたようなアニメーションをつける...
-
「AI model」のホームページデザイン解説AIで生成したファッションモデルのサービスを紹介するサイトで、サイトを開くと男女のモデルが並ぶビジュアルが画面いっぱいに表示され、マウスカーソルを動かすとビジュアルが次々と変化し、閲覧者の興味を惹きつけます。画面いっぱいに表示されたアルファ...
-
「立命館先進研究アカデミー」のホームページデザイン解説サイトにアクセスすると画面を赤いラインが斜めに走り、画面が入れ替わるとモノクロ写真のモチーフと赤いドットが画面いっぱいに散りばめられる、インパクトのあるファーストビューです。メインビジュアルはマウスカーソルの動きに追従して上下左右にわずかに...
