鮮やかなオレンジをメインカラーに使って、派手でインパクトのある演出が特徴的なサイトデザインに仕上げられています。ファーストビューの画像領域では画像が切り替わる際のモーションに面白い効果が加えられていて、目を引く演出となっています。ヘッダーに表示されたナビゲーションメニューは下スクロールで上部に固定表示される仕組みになっており、スムーズな閲覧が可能な設計です。また、マウスストーカーには円形のぼかし効果が加えられていて、ちょっとした面白みを感じるデザインが実装されています。「Program」の項目では可愛らしいイラストが用いられており、見ていてワクワクするようなサイトが表現されています。
執筆者
カテゴリ
基本情報
ゲーム・漫画・映画・アニメに関連するデザイン
-
「ブックオフをたちよみ！」のホームページデザイン解説メインビジュアルは記事へのリンクを貼ったカルーセルとなっており、鮮やかなイエローのバックの上に、本の形にトリミングされた記事のサムネイルがまず目を引きます。淡いイエローをベースにネイビーをアクセントにしたカラフルな色使いですが、わずかに彩度...
-
「京都みなみ会館」のホームページデザイン解説ファーストビュー画像はコンセプトメッセージが常時表記されたまま、左右スクロールによって切り替えることができるデザインです。同様の内容はその下の上映作品一覧紹介でも確認が可能です。さらに進む上映スケジュールが掲載されています。残席状況が丸、三...
-
「ニコニコ動画」のホームページデザイン解説淡いグレーの幾何学模様の背景に、カード状の動画サムネイルを隙間なく並べたファーストビューで、コンテンツの豊富さを一目で感じさせます。カテゴリー別の動画一覧はサムネイルとテキストのみでシンプルに構成されており、個別の動画ページは動画の再生に合...
サービスサイトに関連するデザイン
-
「特別展アリス―へんてこりん、へんてこりんな世界―」のホームページデザイン解説ファーストビューでは画面全体にかすれたスタンプ風のグラフィックが表示され、レトロなイメージをまず与えます。ピンクとグリーンの文字が次々とスライドする上にモノトーンのテキストと写真の切り抜きが配置されたレイアウトは、展示のコンセプトの「へんて...
-
「STOCK market」のホームページデザイン解説画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...
-
「ホホホタケ」のホームページデザイン解説ハナビラタケというキノコの栽培風景やメニューが切り替わるスライドショーの上に、ブランドロゴの「ホホホ」の文字が現れて消える、不思議な感覚を閲覧者に与えるファーストビューです。ホワイトとベージュの背景にブラックのテキストのみというシンプルな色...
オレンジを使ったデザイン
-
「FruOats（フルオーツ）」のホームページデザイン解説ファーストビューではまず鮮やかな赤みのかかったオレンジが画面いっぱいに広がり、画面右からクッキーの写真がスライドで流れてきて目を惹きつけます。オレンジのバックにホワイトのロゴとフォントという、シンプルながらコントラストがつけられた色使いです...
-
「うさみ歯科クリニック」のホームページデザイン解説ファーストビューでは画面中央に外観写真が大きく表示され、アクセスページでは医院までの道のりの目印を写真に矢印を書き込んで示すことで、初めて歯科医院を訪れる方への良い目印となっております。オレンジをアクセントカラーにしたフラットなデザインは各...
-
「養老うまいもん広場BBQ場」のホームページデザイン解説サイトを開くと、中央のキャッチコピーを挟むように手書き風のお肉とビールのイラストがまず表示され、大きなインパクトを与えます。画面をスクロールするとイラストがさっと左右にはける演出もユニークです。淡いオレンジのグラデーションと山のイラストが常...
奇抜・派手なホームページのデザイン
-
「日清食品グループ オンラインストア」のホームページデザイン解説ファーストビューではまず、正方形にトリミングされたバナーが次々と表示されるカルーセルが配置されており、キャッチーでインパクトのある画像を立て続けに見せることで製品への興味を惹きつけています。ブラック・レッド・ライトグレーの3色を使ったフラッ...
-
「恋する鳥羽ホテル」のホームページデザイン解説イエローのベタの上にスカイブルーで手書き風のロゴが表示され、画面が切り替わるとシンプルなラインで描かれたイラストが表示されるファーストビューです。イラストにはパーツごとにアニメーションが加えられ、「見て」「泊まって」「食べて」「遊んで」と重...
-
「つばめタクシー・大和グループ 採用情報サイト」のホームページデザイン解説ファーストビューでまず、鳥のキャラクターに扮した男性の写真がスライドショーで次々と現れ、鮮やかなスカイブルーのバックに大きく書かれたキャッチコピーと相まって特大のインパクトを与えています。下層ページでもブルーの背景では仮装した人物を、それ以...
