画面幅をいっぱいに使ったスライドショーの上に配置されたヘッダーは企業ロゴとハンバーガーメニューのみのシンプルなもので、スタイリッシュな印象を与えます。ベタを使わずコンテンツをシンプルなラインで区切った、一見モノトーンのフラットなデザインですが、リンクにマウスオーバーした際に現れるブラックのベタが画面を引き締めています。画面をスクロールすると現れるコンテンツのサムネイルやスタッフの写真は、まずサムネイルの形のカラフルなベタが現れてその上に写真がフェードインするという、凝った演出がされています。
執筆者
カテゴリ
基本情報
ブランドに関連するデザイン
-
「TOGA」のホームページデザイン解説ファッションブランドのデザインアーカイブのページで、サイトにアクセスするとタイトルロゴがドット絵風のアニメーションで表示され、画面をスクロールさせるとアーカイブのサムネイル写真が次々表示されますが、最後までたどり着くとまた最初に戻るループし...
-
「FIL – SUMI LIMITED」のホームページデザイン解説ブラックをベースに白抜き文字を使ったサイトです。ファーストビューでは、スタイリッシュなFIL（フィル）のインテリアを紹介しています。全体的に製品はモノクロ画像、阿蘇の自然を写した景色はカラーで写っています。グローバルナビにて、フィルのコンセ...
-
「CITIZEN L」のホームページデザイン解説スライドショーで切り替わる画像と背景カラーによって上品なイメージが表現されたファーストビューになっていて、サイトの導入として効果的な構成がしっかりと考えられています。スクロールした先では「NEWS」の項目がサムネイル 画像を整然と並べて展開...
サービスサイトに関連するデザイン
-
「萬珍軒」のホームページデザイン解説画面中央に大きく表示された店舗ロゴの背景にスライドショーが表示され、明度を落とした写真を次々に映し出して重厚感と迫力を感じさせるファーストビューです。ブラックの引き締まった画面にホワイトの太いフォントが映え、ゴールドの中華風のあしらいがアク...
-
「FruOats（フルオーツ）」のホームページデザイン解説ファーストビューではまず鮮やかな赤みのかかったオレンジが画面いっぱいに広がり、画面右からクッキーの写真がスライドで流れてきて目を惹きつけます。オレンジのバックにホワイトのロゴとフォントという、シンプルながらコントラストがつけられた色使いです...
-
「ホホホタケ」のホームページデザイン解説ハナビラタケというキノコの栽培風景やメニューが切り替わるスライドショーの上に、ブランドロゴの「ホホホ」の文字が現れて消える、不思議な感覚を閲覧者に与えるファーストビューです。ホワイトとベージュの背景にブラックのテキストのみというシンプルな色...
ホワイトを使ったデザイン
-
「DaB」のホームページデザイン解説画面上部と左サイドに余白を持たせてナビゲーションメニューを配置し、全体にムービーを配置した上に大きく店舗ロゴを重ねた、シンプルながらも迫力のあるファーストビューです。色使いはモノトーンのシンプルなものですが、マウスの動きに追従する円形のカー...
-
「JAXA 有人宇宙技術部門」のホームページデザイン解説ファーストビューでは画面全体に表示された宇宙ステーションの写真のスライドショーと、その上に重ねられた太字のキャッチコピーが、力強いメッセージ性を感じさせます。各コンテンツの見出しは施設名は大きく写真に重ね、トピックスの見出しはやや小さくマー...
-
「となりのひきだし」のホームページデザイン解説トップページに表示されたスライドショーは、引き出しを開ける両手のイラストが鉛筆書き風の素朴なタッチで描かれ、引き出しの中にスライドショーがはめ込まれています。引き出しの横にはクリップでつるされたカード風のサムネイルが表示され、サムネイルをク...
かっこいいなホームページのデザイン
-
「京都芸術大学 アートプロデュース学科」のホームページデザイン解説サイトにアクセスすると画面いっぱいに鮮やかな油彩のテクスチャが表示され、それが徐々にズームアウトすると1枚の絵が描かれているのがわかり、芸術大学らしい演出のファーストビューになっています。丸ゴシックの英文フォントで書かれた見出し、長体をかけ...
-
「多摩美術大学 情報デザイン学科 情報デザインコース」のホームページデザイン解説ファーストビューでは画面いっぱいにブルーのベタが表示された後画面が切り替わり、大学内の様子がスライドで紹介されます。ゴシック体のフォントのタイトルと大きめのフォントの本文が力強いイメージを感じさせるデザインです。ベタを殆ど使わないモノトーン...
-
「STOCK market」のホームページデザイン解説画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...
