上部にはナビゲーションメニューが固定表示されていることでサイトの内容がわかりやすく、スムーズな閲覧が可能な設計になっています。ファーストビューでは大小様々な商品写真が絶妙なバランスで配置されており、おしゃれな雰囲気が演出されています。スクロールした先では商品写真が並べて表示されていて、画面右側に見切れるようにして配置されています。カーソルを右端に持っていくと矢印マークが表示されて、クリックすることで隠されていた写真が現れる仕組みになっています。使われているフォントもセリフ体で統一されていて、全体を通して繊細な表現が特徴的な上品なサイトデザインに仕上がっています。
執筆者
カテゴリ
基本情報
サービスに関連するデザイン
-
「Gare Centrale de Montréal」のホームページデザイン解説カナダにあるモントリオール中央駅のサイトです。メインビジュアルは３枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
-
「Oui Will™」のホームページデザイン解説ファーストビューでは画面のほとんどを覆うブラックのベタとその上にシンプルに書かれたキャッチコピーがまず目を引き、その下にわずかに見切れている動画に興味を引かれてスクロールをすると、視差効果で動画が現れる構成です。画面をスクロールするとブラッ...
-
「My Austria Bucket List」のホームページデザイン解説ファーストビューでは画面全体をレッドのラインで囲んだ中央にサイトロゴが浮かび上がり、鮮やかな色がまず目に入ります。ベージュのテクスチャと柔らかい丸みを帯びたフォントが柔らかいイメージを与え、手書きのイラストや随所に盛り込まれたアニメーション...
サービスサイトに関連するデザイン
-
「特別展アリス―へんてこりん、へんてこりんな世界―」のホームページデザイン解説ファーストビューでは画面全体にかすれたスタンプ風のグラフィックが表示され、レトロなイメージをまず与えます。ピンクとグリーンの文字が次々とスライドする上にモノトーンのテキストと写真の切り抜きが配置されたレイアウトは、展示のコンセプトの「へんて...
-
「STOCK market」のホームページデザイン解説画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...
-
「ホホホタケ」のホームページデザイン解説ハナビラタケというキノコの栽培風景やメニューが切り替わるスライドショーの上に、ブランドロゴの「ホホホ」の文字が現れて消える、不思議な感覚を閲覧者に与えるファーストビューです。ホワイトとベージュの背景にブラックのテキストのみというシンプルな色...
カラフルを使ったデザイン
-
「ブックオフをたちよみ！」のホームページデザイン解説メインビジュアルは記事へのリンクを貼ったカルーセルとなっており、鮮やかなイエローのバックの上に、本の形にトリミングされた記事のサムネイルがまず目を引きます。淡いイエローをベースにネイビーをアクセントにしたカラフルな色使いですが、わずかに彩度...
-
「ドラマチックカリー ゴールデン中崎」のホームページデザイン解説画面の左右に固定されたビジュアルを大きく取り、中央の細いエリアのみがスクロールするレイアウトで、フィルムで撮ったような色使いの写真と、ざらざらとした質感のイラスト、縦書きの電話番号がレトロな雰囲気をまず感じさせます。イエローとネイビーをアク...
-
「イーヨ 〜子育てシングルの応援サイト〜」のホームページデザイン解説クラフト紙風にノイズを乗せたテクスチャの上に、ラフなタッチで描かれた顔文字のようなカラフルな笑顔のロゴが親しみやすさを感じさせるファーストビューです。コンテンツのバックはピンク、オレンジ、グリーンのポップな色が敷かれ、分解したロゴマークをサ...
高級感・リッチなホームページのデザイン
-
「西山製麺 ドイツ法人」のホームページデザイン解説画面中央に大きく配置された企業ロゴと、暗がりの中から浮かび上がるように配置された麺の写真の組み合わせで、画面全体にまず重厚感を与えています。ブラックに近いダークグレーの背景に、麺の色を思わせるベージュのテキストが映え、見出しのアクセントに添...
-
「福岡県立バーチャル美術館」のホームページデザイン解説3DCGで描かれた美術館の外観から、アニメーションで入り口から館内へと視界が移動していき、美術をモチーフとしたグラフィックが次々に現れた後、シンプルな画面のメインコンテンツが表示されるメリハリのある構成です。ホワイトにをバック淡いグレーのシ...
-
「日本料理 温石（おんせき）」のホームページデザイン解説サイトを開くと画面中央に鮮やかな料理の写真がスライドショーで表示され、背後に敷いたスミ色のベタと、サイドメニューの毛筆風のロゴ周辺に大きくとった余白で、凛としたイメージと高級感を演出しています。背景はホワイトと淡いベージュのみ、テキストもス...
