「アイ・エム・ジェイ」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

ファーストビューではコラージュ風のメインビジュアルに大きく乗せたホワイトのブロック体のフォントと、ブラックのベタの中に余白を大きく取って配置したナビゲーションがクールな印象です。メインコンテンツは画面全体を縦に3分割したタイル状のレイアウトで、テキストと画像を交互に配置しています。テキストボックスはマウスオーバーでブラックに反転し、クリックすると一度ホワイトアウトした後画面左に移動して右側にコンテンツをフェードインさせるという、複雑な動きでつい目で追ってしまう構成です。下層ページも基本的に3分割のレイアウトを守っています。デザインはフラットに徹し、モノトーンで配色したクールなデザインのサイトです。

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

執筆者

Okamoto Miyu

岡本美憂

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

Twitter

基本情報

会社名: 株式会社アイ・エム・ジェイ

サイト名: アイ・エム・ジェイ

URL: http://www.imjp.co.jp/

「アイ・エム・ジェイ」のホームページデザイン解説

執筆者

カテゴリ

基本情報

広告代理店に関連するデザイン

コーポレートサイトに関連するデザイン

ホワイトを使ったデザイン

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

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む