画面右半分にスライドショーで切り替わる画像領域を設置して、左側に大きくテキストを表示したファーストビューが、目を引く演出になっています。画像が切り替わると同時にテキストも切り替わり、画面全体に大きな動きがあることで興味を抱かせる効果となっています。スクロールしていくと繰り返し短いムービーが流れ続けるGIF画像を用いて商品PRが展開されており、内容がストレートに伝わるとともに楽しく閲覧できる仕組みがしっかりと考えられています。「PRODUCT」の項目まで進むと背景カラーが徐々に切り替わる演出が見られて、展開された内容に関心を抱かせる工夫が施されています。細部までしっかりと作り込まれていて、非常に完成度の高いサイトです。
カテゴリ
基本情報
サービスに関連するデザイン
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「Oui Will™」のホームページデザイン解説
ファーストビューでは画面のほとんどを覆うブラックのベタとその上にシンプルに書かれたキャッチコピーがまず目を引き、その下にわずかに見切れている動画に興味を引かれてスクロールをすると、視差効果で動画が現れる構成です。画面をスクロールするとブラッ...
- 「My Austria Bucket List」のホームページデザイン解説
ファーストビューでは画面全体をレッドのラインで囲んだ中央にサイトロゴが浮かび上がり、鮮やかな色がまず目に入ります。ベージュのテクスチャと柔らかい丸みを帯びたフォントが柔らかいイメージを与え、手書きのイラストや随所に盛り込まれたアニメーション...
ECサイトに関連するデザイン
- 「日清食品グループ オンラインストア」のホームページデザイン解説
ファーストビューではまず、正方形にトリミングされたバナーが次々と表示されるカルーセルが配置されており、キャッチーでインパクトのある画像を立て続けに見せることで製品への興味を惹きつけています。ブラック・レッド・ライトグレーの3色を使ったフラッ...
- 「神戸元町辰屋」のホームページデザイン解説
サイトを開くと鉄板の上で肉が焼ける様子が動画で流れ、動画には手書き風の店主の似顔絵が重ねられています。ホワイトのすっきりとした画面は清潔感を感じさせ、商品のキャプションやキャッチコピーを縦書きにすることで、和食らしさを出しています。画面左下...
- 「Caffè Mokarico Firenze」のホームページデザイン解説
イタリアのコーヒーブランドのECサイトです。ファーストビューではコーヒー農園の写真と商品のスライドショーを組み合わせてメインビジュアルとしており、スライドショーにはカートボタンが設置されていてそのまま購入も可能です。リンク部分のラインにオレ...
カラフルを使ったデザイン
- 「ブックオフをたちよみ!」のホームページデザイン解説
メインビジュアルは記事へのリンクを貼ったカルーセルとなっており、鮮やかなイエローのバックの上に、本の形にトリミングされた記事のサムネイルがまず目を引きます。淡いイエローをベースにネイビーをアクセントにしたカラフルな色使いですが、わずかに彩度...
- 「ドラマチックカリー ゴールデン中崎」のホームページデザイン解説
画面の左右に固定されたビジュアルを大きく取り、中央の細いエリアのみがスクロールするレイアウトで、フィルムで撮ったような色使いの写真と、ざらざらとした質感のイラスト、縦書きの電話番号がレトロな雰囲気をまず感じさせます。イエローとネイビーをアク...
- 「イーヨ 〜子育てシングルの応援サイト〜」のホームページデザイン解説
クラフト紙風にノイズを乗せたテクスチャの上に、ラフなタッチで描かれた顔文字のようなカラフルな笑顔のロゴが親しみやすさを感じさせるファーストビューです。コンテンツのバックはピンク、オレンジ、グリーンのポップな色が敷かれ、分解したロゴマークをサ...
鮮やか・元気なホームページのデザイン
- 「日清食品グループ オンラインストア」のホームページデザイン解説
ファーストビューではまず、正方形にトリミングされたバナーが次々と表示されるカルーセルが配置されており、キャッチーでインパクトのある画像を立て続けに見せることで製品への興味を惹きつけています。ブラック・レッド・ライトグレーの3色を使ったフラッ...
- 「かみむらスポーツ教室」のホームページデザイン解説
サイトを開くと画面幅いっぱいの子供たちのムービーと、丸みを帯びたフォントのロゴにビタミンカラーのアイコンをあしらったロゴマーク、鮮やかなグリーンとオレンジのリンクボタンが目に入り、子供らしい明るく元気なイメージをまず与えてくれます。鮮やかな...
- 「やさしい切りかた辞典」のホームページデザイン解説
鮮やかなブルーをメインとしたビビットカラーのタイトルロゴに、直角三角形のドットで形成された野菜のイラストが次々と流れてきて、コンテンツに対する興味を強く惹きつけます。画面をスクロールすると野菜のイラストのサムネイルと、野菜の切り方のムービー...