ブラックの背景に特徴的なフォントで表示された大きなテキストがインパクトのある演出になっています。背景には砂嵐のような表現が付与されていて常に動きが見られ、独特な雰囲気が演出されています。文字の間に表示された「DESIGN」と「DEVEROPMENT」の表示にカーソルを合わせると白帯に繰り返し文字が流れるモーションが展開されて、アイキャッチの効果が実装されています。スクロールした先ではブラックから鮮やかなピンクに背景色が変わり、印象がガラッと変わる演出施されています。他にも、円形に表示された写真が項目ごとにカーソルを合わせると切り替わる表示なども用意されていて、様々な動きが随所に加えられていることで楽しく閲覧できるサイトに仕上がっています。
カテゴリ
基本情報
サービスに関連するデザイン
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「Oui Will™」のホームページデザイン解説
ファーストビューでは画面のほとんどを覆うブラックのベタとその上にシンプルに書かれたキャッチコピーがまず目を引き、その下にわずかに見切れている動画に興味を引かれてスクロールをすると、視差効果で動画が現れる構成です。画面をスクロールするとブラッ...
- 「My Austria Bucket List」のホームページデザイン解説
ファーストビューでは画面全体をレッドのラインで囲んだ中央にサイトロゴが浮かび上がり、鮮やかな色がまず目に入ります。ベージュのテクスチャと柔らかい丸みを帯びたフォントが柔らかいイメージを与え、手書きのイラストや随所に盛り込まれたアニメーション...
サービスサイトに関連するデザイン
- 「特別展アリス―へんてこりん、へんてこりんな世界―」のホームページデザイン解説
ファーストビューでは画面全体にかすれたスタンプ風のグラフィックが表示され、レトロなイメージをまず与えます。ピンクとグリーンの文字が次々とスライドする上にモノトーンのテキストと写真の切り抜きが配置されたレイアウトは、展示のコンセプトの「へんて...
- 「STOCK market」のホームページデザイン解説
画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...
- 「ホホホタケ」のホームページデザイン解説
ハナビラタケというキノコの栽培風景やメニューが切り替わるスライドショーの上に、ブランドロゴの「ホホホ」の文字が現れて消える、不思議な感覚を閲覧者に与えるファーストビューです。ホワイトとベージュの背景にブラックのテキストのみというシンプルな色...
ブラックを使ったデザイン
- 「萬珍軒」のホームページデザイン解説
画面中央に大きく表示された店舗ロゴの背景にスライドショーが表示され、明度を落とした写真を次々に映し出して重厚感と迫力を感じさせるファーストビューです。ブラックの引き締まった画面にホワイトの太いフォントが映え、ゴールドの中華風のあしらいがアク...
- 「FRIXION 3.0 解放しよう。」のホームページデザイン解説
ファーストビューの背景に表示される細いラインのグラフィックが画面のスクロールに合わせてアニメーションで変化し、四隅にナビゲーションバーやSNSアイコンを配置して画面中央を大きく使うことで画面全体に迫力を生み出し、特にワイドモニターでの閲覧時...
- 「西山製麺 ドイツ法人」のホームページデザイン解説
画面中央に大きく配置された企業ロゴと、暗がりの中から浮かび上がるように配置された麺の写真の組み合わせで、画面全体にまず重厚感を与えています。ブラックに近いダークグレーの背景に、麺の色を思わせるベージュのテキストが映え、見出しのアクセントに添...
高級感・リッチなホームページのデザイン
- 「西山製麺 ドイツ法人」のホームページデザイン解説
画面中央に大きく配置された企業ロゴと、暗がりの中から浮かび上がるように配置された麺の写真の組み合わせで、画面全体にまず重厚感を与えています。ブラックに近いダークグレーの背景に、麺の色を思わせるベージュのテキストが映え、見出しのアクセントに添...
- 「福岡県立バーチャル美術館」のホームページデザイン解説
3DCGで描かれた美術館の外観から、アニメーションで入り口から館内へと視界が移動していき、美術をモチーフとしたグラフィックが次々に現れた後、シンプルな画面のメインコンテンツが表示されるメリハリのある構成です。ホワイトにをバック淡いグレーのシ...
- 「日本料理 温石(おんせき)」のホームページデザイン解説
サイトを開くと画面中央に鮮やかな料理の写真がスライドショーで表示され、背後に敷いたスミ色のベタと、サイドメニューの毛筆風のロゴ周辺に大きくとった余白で、凛としたイメージと高級感を演出しています。背景はホワイトと淡いベージュのみ、テキストもス...