ファーストビューで全画面表示されるムービーは花の塗り絵を入れて華やかさと透明感を演出し、画面をスクロールさせるとモデルの写真とテキストがスライドしながら表示されます。細めのすっきりとしたフォントで表示されるテキストは文字間と行間にゆとりを持たせて上品さを演出しています。商品写真の背後には流れる水の背景画像を敷き、自然豊かな水から作られた高品質な化粧品を演出しています。ブランドロゴのローズピンクを使う際にも細いフォントや線のみで構成されたイラストを使用し、派手になりすぎない程度に華やかさを与えています。画面上部のナビゲーションはアイコンとハンバーガーメニューで最低限の項目のみ表示し、常時表示させても邪魔にならないワンポイントになっています。
執筆者
カテゴリ
基本情報
化粧品・コスメに関連するデザイン
-
「株式会社ヤマサキ」のホームページデザイン解説画面中央に商品写真が大きく表示されてスクロール追従型の固定表示になっており、インパクトのある演出になっています。ユーザに対して商品の認知度を高める効果的な演出がしっかりと考えられています。ファーストビューでは角丸の四角形に統一された大小様々...
-
「ミスパリ オンラインショッピング」のホームページデザイン解説グレーをベースにしたカラフルなサイトです。ファーストビューでは、ミス・パリの新商品を紹介しています。グローバルナビにて化粧品、ダイエット食品やサプリメントなどを案内しています。2カラム構成のトップページで、左サイドにはダイエット食品やサプリ...
-
「富士フイルム ビューティー&ヘルスケア Shop」のホームページデザイン解説ホワイトをベースにグレーをアクセントにしたサイトです。ファーストビューには、富士フイルムのビューティー＆ヘルスケアに関する製品情報を掲載しています。トップページの中央に、ブランドから商品を探せるアイコンが貼ってあります。その他の方法で商品を...
LPに関連するデザイン
-
「仏壇ナビ」のホームページデザイン解説グレーをベースにブラウンをアクセントにしたサイトです。グローバルナビにて宗派や仏事の解説、仏壇や仏具などを案内しています。トップページの中央に、当サイトを訪れる初めての方に読んでほしい記事を掲載しています。仏壇業界の傾向、仏壇・仏具を購入す...
-
「HiGash.Net」のホームページデザイン解説グレーをベースにブラックをアクセントにした、シンプルな1ページで構成されたサイトです。テキストにはブラックの明朝体のフォント、見出しには白抜き文字を使っています。見出しの文字にカーソルをあてると、背景色がブラックからレッドに変化します。トッ...
-
「disBlog」のホームページデザイン解説ホワイトをベースに、ブルーやグレーをアクセントにしたサイトです。ホームページ制作会社ドアズのスタッフブログです。グレー地にブルーの文字で書かれた見出しに、子犬が日付をつぶやいています。メガネのイラストに「もりちーのWEBもりもり」と表示され...
ホワイトを使ったデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
シンプルなホームページのデザイン
-
「株式会社メルカリ」のホームページデザイン解説グレーをベースにレッドをアクセントにしたサイトです。ファーストビューの右から左へ、メルカリのプレスリリース情報をスライドさせています。2本ラインのメニューボタンにて、メルカリからのお知らせや会社情報などを案内しています。トップページの中央に...
-
「TNER」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、TNER（トナー）のレンタルオフィスを紹介しています。レンタルオフィスの室内が写っています。トップページの左右に分けたグローバルナビにて、レンタルオフィスのご利用方...
-
「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...