ファーストビューの幾何学的な模様がインパクトがあって目を奪われる効果的な演出となっています。スクロールしていくと、トピックスやビジョンなどの記載があってどのような目的を持って運営されているサイトなのか初見のユーザにもわかりやすい丁寧な説明が表示されています。CMのムービーが見られるコンテンツも用意されていて、ユーザを楽しませる工夫が施されています。リンクボタンやメニュー表示にはドット柄の入った赤色を用いており、全て統一されることでまとまりのあるサイトが構成されています。募集詳細の項目では賞品の画像がサムネイル表示されていて、クリックするとポップアップで大きな画像が見られるようになっています。見やすい表示でユーザ目線が考えられています。
執筆者
カテゴリ
基本情報
イベントに関連するデザイン
-
「ポmagazine」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、京都を訪れた人々のイラストが描かれています。カーソルをあてたところにホワイトの丸いポインターがついてきて、吹き出しが現れます。グローバルナビにてトピックや特集、コラ...
-
「チケットぴあ」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、最新のチケット情報を紹介しています。グローバルナビにて初めての方向けに、チケットぴあのご利用方法を案内しています。トップページは2カラム構成で、左サイドにはおすすめ...
-
「藍のあまくさ村」のホームページデザイン解説エローをベースにした、カラフルなサイトです。ファーストビューには、藍のあまくさ村のポップなイラストが描かれています。グローバルナビにて島めぐり、藍の住人などを案内しています。トップページの中央に、藍の住人による「あまくさ村日記」を公開してい...
サービスサイトに関連するデザイン
-
「TNER」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、TNER（トナー）のレンタルオフィスを紹介しています。レンタルオフィスの室内が写っています。トップページの左右に分けたグローバルナビにて、レンタルオフィスのご利用方...
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
グレーを使ったデザイン
-
「TEPRA PRO App “Hello”」のホームページデザイン解説サイトを開くと画面中央に大きくCGグラフィック表示されて、一連のモーションによって商品の概要や特徴が紹介されています。説明的な文章は無く、オブジェクトの動きによって直感的に内容が理解できるデザインが、しっかりとユーザ視点を考えているとともに...
-
「syn」のホームページデザイン解説画像領域が左側に大きく表示されており、大きなエリアと小さなエリア2つに分けられた構成が見やすくユーザの関心を得るデザインになっています。右上にはドロアーで隠されたナビゲーションメニューが固定表示されていて、スムーズな閲覧が可能な設計となって...
-
「Nissen On-line」のホームページデザイン解説ホワイトをベースにグレーをアクセントにしたサイトです。ファーストビューでは右から左へ、ニッセン通販のセールやキャンペーン情報をスライドさせています。グローバルナビにて、ファッション以外にインテリアや雑貨、美容・レジャー・ワークなどを案内して...
シンプルなホームページのデザイン
-
「株式会社メルカリ」のホームページデザイン解説グレーをベースにレッドをアクセントにしたサイトです。ファーストビューの右から左へ、メルカリのプレスリリース情報をスライドさせています。2本ラインのメニューボタンにて、メルカリからのお知らせや会社情報などを案内しています。トップページの中央に...
- 「TNER」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、TNER（トナー）のレンタルオフィスを紹介しています。レンタルオフィスの室内が写っています。トップページの左右に分けたグローバルナビにて、レンタルオフィスのご利用方...
-
「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...