ファーストビューでは画面全体を縦に3分割し、中央にシンプルにタイトルを、左右のエリアに上下方向にスクロールするスライドショーを配置した構成です。またスライドショーは左右でそれぞて逆方向に動かして画面に変化を持たせています。画面上には常にマウスカーソルに追従する円形のカーソルが表示されていて、リンク部分にマウスオーバーすると外側の円が大きくなるアニメーションが施されています。ページ遷移の際に画面下からブラックの帯がせり上がり、それに追従してコンテンツが表示されるなど、シンプルなグリッド配置の画面にアクセントをつけています。
カテゴリ
基本情報
ホテルに関連するデザイン
- 「HITOTOKI by 旅する2人」のホームページデザイン解説
サイトにアクセスすると画面中央に大きくロゴが配置され、画面が切り替わるとラフなタッチで描かれたイラストが大きく表示され、その周辺にナビゲーションメニューが控えめに表示されるファーストビューです。注目のホテルはカルーセルで次々と現れ、好きなホ...
- 「The Okura Tokyo」のホームページデザイン解説
ファーストビューでは画面中央にホテルのロゴがシンプルに配置され、その背後をホテルの紹介ムービーがゆったりと流れ、ホテルで過ごす時間への期待感を高めてくれます。各コンテンツは写真の色味に合わせた帯が重ねられ、縦書きのメニューの背景に日本の伝統...
- 「DDD HOTEL」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、DDD HOTELの客室を紹介しています。モノトーンの画像を使用しており、全体的にシックな印象です。右上にメニューボタンがあり、カフェやバーなどを案内しています。カ...
サービスサイトに関連するデザイン
- 「特別展アリス―へんてこりん、へんてこりんな世界―」のホームページデザイン解説
ファーストビューでは画面全体にかすれたスタンプ風のグラフィックが表示され、レトロなイメージをまず与えます。ピンクとグリーンの文字が次々とスライドする上にモノトーンのテキストと写真の切り抜きが配置されたレイアウトは、展示のコンセプトの「へんて...
- 「STOCK market」のホームページデザイン解説
画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...
- 「ホホホタケ」のホームページデザイン解説
ハナビラタケというキノコの栽培風景やメニューが切り替わるスライドショーの上に、ブランドロゴの「ホホホ」の文字が現れて消える、不思議な感覚を閲覧者に与えるファーストビューです。ホワイトとベージュの背景にブラックのテキストのみというシンプルな色...
ホワイトを使ったデザイン
- 「かみむらスポーツ教室」のホームページデザイン解説
サイトを開くと画面幅いっぱいの子供たちのムービーと、丸みを帯びたフォントのロゴにビタミンカラーのアイコンをあしらったロゴマーク、鮮やかなグリーンとオレンジのリンクボタンが目に入り、子供らしい明るく元気なイメージをまず与えてくれます。鮮やかな...
- 「JAXA 有人宇宙技術部門」のホームページデザイン解説
ファーストビューでは画面全体に表示された宇宙ステーションの写真のスライドショーと、その上に重ねられた太字のキャッチコピーが、力強いメッセージ性を感じさせます。各コンテンツの見出しは施設名は大きく写真に重ね、トピックスの見出しはやや小さくマー...
- 「となりのひきだし」のホームページデザイン解説
トップページに表示されたスライドショーは、引き出しを開ける両手のイラストが鉛筆書き風の素朴なタッチで描かれ、引き出しの中にスライドショーがはめ込まれています。引き出しの横にはクリップでつるされたカード風のサムネイルが表示され、サムネイルをク...
かっこいいなホームページのデザイン
- 「STOCK market」のホームページデザイン解説
画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...
- 「多摩美術大学 情報デザイン学科 情報デザインコース」のホームページデザイン解説
ファーストビューでは画面いっぱいにブルーのベタが表示された後画面が切り替わり、大学内の様子がスライドで紹介されます。ゴシック体のフォントのタイトルと大きめのフォントの本文が力強いイメージを感じさせるデザインです。ベタを殆ど使わないモノトーン...
- 「Waitless」のホームページデザイン解説
サイトを開くと真っ白なテーブルの上にお皿が現れ、画面が切り替わると女性の体の写真とサプリメントのパッケージが左右それぞれに表示される演出で、女性の美容と健康に関連したサイトだということが一目でわかります。ホワイトの背景にグレーのテキストを乗...