サイト全体に大きく画像が使われていて、インパクトのある演出が施されています。ファーストビューでは全画面表示の写真がスライドショーで切り替わる仕組みで、ゆっくりとしたオーバーラップの効果が加えられていることでサイトの雰囲気を演出する要素になっています。またファーストビューの画像上ではカーソルが矢印ボタンに変化して、クリックすると手動で画像を切り替えることもできる機能が実装されています。スクロールしていくと「選ばれ続ける4つの魅力」が表示され、それぞれの項目のリンクには写真が使われていることで鮮やかな画面が構成されています。全体を通してしっかりと作り込まれており、完成度の高いサイトです。
カテゴリ
基本情報
学校・大学に関連するデザイン
- 「京都芸術大学 アートプロデュース学科」のホームページデザイン解説
サイトにアクセスすると画面いっぱいに鮮やかな油彩のテクスチャが表示され、それが徐々にズームアウトすると1枚の絵が描かれているのがわかり、芸術大学らしい演出のファーストビューになっています。丸ゴシックの英文フォントで書かれた見出し、長体をかけ...
- 「立命館先進研究アカデミー」のホームページデザイン解説
サイトにアクセスすると画面を赤いラインが斜めに走り、画面が入れ替わるとモノクロ写真のモチーフと赤いドットが画面いっぱいに散りばめられる、インパクトのあるファーストビューです。メインビジュアルはマウスカーソルの動きに追従して上下左右にわずかに...
- 「多摩美術大学 情報デザイン学科 情報デザインコース」のホームページデザイン解説
ファーストビューでは画面いっぱいにブルーのベタが表示された後画面が切り替わり、大学内の様子がスライドで紹介されます。ゴシック体のフォントのタイトルと大きめのフォントの本文が力強いイメージを感じさせるデザインです。ベタを殆ど使わないモノトーン...
ポータルサイトに関連するデザイン
- 「新つくば 茨城県つくばエクスプレス沿線移住情報サイト」のホームページデザイン解説
角を丸くトリミングしたスライドショーの写真と、画面左のナビゲーション濃いグリーンがマッチして、一目でナチュラルで自然豊かなイメージを与えてくれるファーストビューです。シンプルにグリーンのラインを引いただけの見出しとマージンを大きく取ってすっ...
- 「人と尾道」のホームページデザイン解説
パノラマ写真のような横長のスライドショーは尾道の風景が紹介され、中央に配置された縦書きのキャッチコピーとともに目を引きます。縦書きのタイトルと明朝体のフォントを組み合わせて日本らしさを出し、ホワイトの背景で余白を多めに取り、ベタを使わないボ...
- 「GINZA WEDDING BOOK 25ans」のホームページデザイン解説
銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
ホワイトを使ったデザイン
- 「かみむらスポーツ教室」のホームページデザイン解説
サイトを開くと画面幅いっぱいの子供たちのムービーと、丸みを帯びたフォントのロゴにビタミンカラーのアイコンをあしらったロゴマーク、鮮やかなグリーンとオレンジのリンクボタンが目に入り、子供らしい明るく元気なイメージをまず与えてくれます。鮮やかな...
- 「JAXA 有人宇宙技術部門」のホームページデザイン解説
ファーストビューでは画面全体に表示された宇宙ステーションの写真のスライドショーと、その上に重ねられた太字のキャッチコピーが、力強いメッセージ性を感じさせます。各コンテンツの見出しは施設名は大きく写真に重ね、トピックスの見出しはやや小さくマー...
- 「となりのひきだし」のホームページデザイン解説
トップページに表示されたスライドショーは、引き出しを開ける両手のイラストが鉛筆書き風の素朴なタッチで描かれ、引き出しの中にスライドショーがはめ込まれています。引き出しの横にはクリップでつるされたカード風のサムネイルが表示され、サムネイルをク...
鮮やか・元気なホームページのデザイン
- 「日清食品グループ オンラインストア」のホームページデザイン解説
ファーストビューではまず、正方形にトリミングされたバナーが次々と表示されるカルーセルが配置されており、キャッチーでインパクトのある画像を立て続けに見せることで製品への興味を惹きつけています。ブラック・レッド・ライトグレーの3色を使ったフラッ...
- 「かみむらスポーツ教室」のホームページデザイン解説
サイトを開くと画面幅いっぱいの子供たちのムービーと、丸みを帯びたフォントのロゴにビタミンカラーのアイコンをあしらったロゴマーク、鮮やかなグリーンとオレンジのリンクボタンが目に入り、子供らしい明るく元気なイメージをまず与えてくれます。鮮やかな...
- 「やさしい切りかた辞典」のホームページデザイン解説
鮮やかなブルーをメインとしたビビットカラーのタイトルロゴに、直角三角形のドットで形成された野菜のイラストが次々と流れてきて、コンテンツに対する興味を強く惹きつけます。画面をスクロールすると野菜のイラストのサムネイルと、野菜の切り方のムービー...