「上田西高等学校」のホームページデザイン解説

サイトにアクセスすると画面いっぱいに鮮やかな油彩のテクスチャが表示され、それが徐々にズームアウトすると1枚の絵が描かれているのがわかり、芸術大学らしい演出のファーストビューになっています。丸ゴシックの英文フォントで書かれた見出し、長体をかけ...

サイトにアクセスすると画面を赤いラインが斜めに走り、画面が入れ替わるとモノクロ写真のモチーフと赤いドットが画面いっぱいに散りばめられる、インパクトのあるファーストビューです。メインビジュアルはマウスカーソルの動きに追従して上下左右にわずかに...

ファーストビューでは画面いっぱいにブルーのベタが表示された後画面が切り替わり、大学内の様子がスライドで紹介されます。ゴシック体のフォントのタイトルと大きめのフォントの本文が力強いイメージを感じさせるデザインです。ベタを殆ど使わないモノトーン...

角を丸くトリミングしたスライドショーの写真と、画面左のナビゲーション濃いグリーンがマッチして、一目でナチュラルで自然豊かなイメージを与えてくれるファーストビューです。シンプルにグリーンのラインを引いただけの見出しとマージンを大きく取ってすっ...

パノラマ写真のような横長のスライドショーは尾道の風景が紹介され、中央に配置された縦書きのキャッチコピーとともに目を引きます。縦書きのタイトルと明朝体のフォントを組み合わせて日本らしさを出し、ホワイトの背景で余白を多めに取り、ベタを使わないボ...

銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...

画面左にタイトルと導入文、右側にスライドショーを配置したシンプルな構成ですが、自然光を感じる明るい色彩の写真を大きく使い、フォントの大小でコントラストをつけたコピーはマージンを大きく取ることで、フレッシュですっきりとした印象を感じさせます。...

角を丸くトリミングしたスライドショーの写真と、画面左のナビゲーション濃いグリーンがマッチして、一目でナチュラルで自然豊かなイメージを与えてくれるファーストビューです。シンプルにグリーンのラインを引いただけの見出しとマージンを大きく取ってすっ...

画面右にナビゲーションメニューを配置し、中央に大きくスライドショーを配置したレイアウトで、次々に台湾料理の写真のアップが入れ替わる様子が食欲をそそります。コンテンツは濃いグリーンの明朝体のテキストを中心にした落ち着いた雰囲気で、料理紹介では...

画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...

ファーストビューでは画面いっぱいにブルーのベタが表示された後画面が切り替わり、大学内の様子がスライドで紹介されます。ゴシック体のフォントのタイトルと大きめのフォントの本文が力強いイメージを感じさせるデザインです。ベタを殆ど使わないモノトーン...

サイトを開くと真っ白なテーブルの上にお皿が現れ、画面が切り替わると女性の体の写真とサプリメントのパッケージが左右それぞれに表示される演出で、女性の美容と健康に関連したサイトだということが一目でわかります。ホワイトの背景にグレーのテキストを乗...