サイトにアクセスするとパステルカラーのカラフルなローディングアニメーションからピンクの同心円が広がっていくアニメーションが再生され、ページが表示されると女性の写真と商品画で構成したメインビジュアルがトップに表示されます。くすんだパステルピンクを背景に、明るいローズピンクをアクセントに使い、女性らしいデザインです。ピンク系の色味に馴染むよう、テキストの色はチョコレートブラウンで統一しています。画面をスクロールさせると下からコンテンツがふわりと浮かび上がる演出も、優しいイメージを与えています。
執筆者
カテゴリ
基本情報
化粧品・コスメに関連するデザイン
-
「株式会社ヤマサキ」のホームページデザイン解説画面中央に商品写真が大きく表示されてスクロール追従型の固定表示になっており、インパクトのある演出になっています。ユーザに対して商品の認知度を高める効果的な演出がしっかりと考えられています。ファーストビューでは角丸の四角形に統一された大小様々...
-
「ミスパリ オンラインショッピング」のホームページデザイン解説グレーをベースにしたカラフルなサイトです。ファーストビューでは、ミス・パリの新商品を紹介しています。グローバルナビにて化粧品、ダイエット食品やサプリメントなどを案内しています。2カラム構成のトップページで、左サイドにはダイエット食品やサプリ...
-
「富士フイルム ビューティー&ヘルスケア Shop」のホームページデザイン解説ホワイトをベースにグレーをアクセントにしたサイトです。ファーストビューには、富士フイルムのビューティー＆ヘルスケアに関する製品情報を掲載しています。トップページの中央に、ブランドから商品を探せるアイコンが貼ってあります。その他の方法で商品を...
サービスサイトに関連するデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「TWKS」のホームページデザイン解説素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
ピンクを使ったデザイン
-
「日比谷花壇」のホームページデザイン解説グレーをベースにピンクをアクセントにしたサイトです。ファーストビューでは、「ブリザーブドフラワー特集」や「誕生日プレゼント特集」などの特集ページを紹介しています。グローバルナビにて「ギフトを贈る」、「自宅で楽しむ」などを案内しています。トッ...
-
「HMV ONLINE」のホームページデザイン解説グレーをベースにピンクをアクセントにしたサイトです。ファーストビューでは、ローソンのキャンペーン情報を紹介しています。グローバルナビにて本・雑誌、音楽CD・DVDなどを案内しています。商品をクリックして買い物カゴに入れたり、欲しい物リストに...
-
「ドットイメージ」のホームページデザイン解説サイトにアクセスすると、淡いピンクのドットのテクスチャと、直線で書かれた記号のようなサイトロゴがまず目を惹きつけます。下層ページの図解やイラストもピンクで統一された柔らかい印象のデザインで、画面右の余白に縦書きで書かれたページタイトルが特徴...
シンプルなホームページのデザイン
-
「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...
-
「北海道大学 人間知×脳×AI研究教育センター」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、北海道大学 人間知×脳×AI研究教育センターのロゴマークが表示されています。トップページの左サイドに、ニュースやイベントなどのメニューが出ています。トップページの中...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...