サイトを開くと大画面の画像が現れて、思わず見入ってしまうような構成となっています。スクロールして行くとピックアップコンテンツの表示が現れて、右から左にスライドショーで流れていく表示が、動きがあって目を引く演出となってます。展開している商品をシリーズごとに分けた表示もあり、ユーザの興味・関心を感じる商品が見つかりやすい構成が考えられています。商品の紹介には大きな画像を使い、左右に表示された矢印マークをクリックするとバリエーションや同シリーズの他の商品に切り替わる仕組みとなっています。直感的に操作して閲覧できる仕組みが実装されていて、全体を通してスッキリと見やすいサイトに仕上がっています。
カテゴリ
基本情報
化粧品・コスメに関連するデザイン
- 「OPERA コスメティック公式」のホームページデザイン解説
ファーストビューは画面左が製品名とカートボタン、右はスライドショーとなっており、リップの色に色味を合わせた女性のビジュアルが製品の魅力を最大限にアピールしています。肌の色に近い赤みのかかったベージュをベースに、細身のフォントでスペースを大き...
- 「Surratt」のホームページデザイン解説
ニューヨークのコスメブランドのECサイトです。ファーストビューでは女性のアップのビジュアルがブラックの背景に乗せられ、背景にはわずかに星がまたたくようなドットのアニメーションが添えられていてメイクの輝きを表現しています。ビジュアルには使われ...
- 「肌ナチュール 炭酸クレンジング」のホームページデザイン解説
ホワイトをベースにグレーをアクセントにしたサイトです。ファーストビューには、肌ナチュールのシリーズを紹介しています。3本ラインのメニューボタンにて、Waqooの製品やコンセプトなどを案内しています。トップページの中央に、肌ナチュールの炭酸ク...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ホワイトを使ったデザイン
- 「GINZA WEDDING BOOK 25ans」のホームページデザイン解説
銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
- 「WEEK END」のホームページデザイン解説
ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
- 「美容室MILLOR」のホームページデザイン解説
ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...
男性向けなホームページのデザイン
- 「NUDO モイストベースクリーム」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、エフェクトをかけた男性画像が使われています。グローバルナビにてNELのコンセプト、プロダクトなどを案内しています。トップページの中央に、NUDOモイストベースクリー...
- 「名古屋グランパス」のホームページデザイン解説
ページ全体としては白と本サイトで紹介されているサッカーチームのロゴに用いられている赤とオレンジを用いた明るく楽しい印象のホームページです。ファーストビュー画像の下には最新の試合情報が掲載されています。いつ、何時にどこのチームとどの場所で戦う...
- 「FC岐阜」のホームページデザイン解説
ファーストビュー画像は注目の特集などを掲載しています。画像内の情報量が多く、またポップで明るい色使いや写真やイラストを用いており見やすいデザインです。ページ全体としては黒、白、緑を基調としています。緑は濃い緑を用いることで落ち着いた誠実な印...