パララックス効果を用い、歴代の製品が余白を意識しながら綺麗に並ぶデザイン性に長けたホームページです。 各コンセプト毎には漢字1文字で表現されておりまた、そのコンセプトに沿う製品が並んでいます。ページ内にはmenuバナーがありますが、シンプルに3項目に分かれており洗練されています。 1点1点整列しており、まるでショールームに訪れているかのようなおしゃれでワクワク感のあるランディングページです。シンプルではありながらもきちんとブランドイメージと本ページのコンセプトを伝えることを意識されている印象です。
執筆者
カテゴリ
基本情報
化粧品・コスメに関連するデザイン
-
「株式会社ヤマサキ」のホームページデザイン解説画面中央に商品写真が大きく表示されてスクロール追従型の固定表示になっており、インパクトのある演出になっています。ユーザに対して商品の認知度を高める効果的な演出がしっかりと考えられています。ファーストビューでは角丸の四角形に統一された大小様々...
-
「ミスパリ オンラインショッピング」のホームページデザイン解説グレーをベースにしたカラフルなサイトです。ファーストビューでは、ミス・パリの新商品を紹介しています。グローバルナビにて化粧品、ダイエット食品やサプリメントなどを案内しています。2カラム構成のトップページで、左サイドにはダイエット食品やサプリ...
-
「富士フイルム ビューティー&ヘルスケア Shop」のホームページデザイン解説ホワイトをベースにグレーをアクセントにしたサイトです。ファーストビューには、富士フイルムのビューティー＆ヘルスケアに関する製品情報を掲載しています。トップページの中央に、ブランドから商品を探せるアイコンが貼ってあります。その他の方法で商品を...
LPに関連するデザイン
-
「仏壇ナビ」のホームページデザイン解説グレーをベースにブラウンをアクセントにしたサイトです。グローバルナビにて宗派や仏事の解説、仏壇や仏具などを案内しています。トップページの中央に、当サイトを訪れる初めての方に読んでほしい記事を掲載しています。仏壇業界の傾向、仏壇・仏具を購入す...
-
「HiGash.Net」のホームページデザイン解説グレーをベースにブラックをアクセントにした、シンプルな1ページで構成されたサイトです。テキストにはブラックの明朝体のフォント、見出しには白抜き文字を使っています。見出しの文字にカーソルをあてると、背景色がブラックからレッドに変化します。トッ...
-
「disBlog」のホームページデザイン解説ホワイトをベースに、ブルーやグレーをアクセントにしたサイトです。ホームページ制作会社ドアズのスタッフブログです。グレー地にブルーの文字で書かれた見出しに、子犬が日付をつぶやいています。メガネのイラストに「もりちーのWEBもりもり」と表示され...
ホワイトを使ったデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
高級感・リッチなホームページのデザイン
-
「BRANCHE CHOCOLAT」のホームページデザイン解説画面中央に設置された大きめの画像領域では、高級感が表現された美しい画像がスライドショーで切り替わる仕組みになっていて、画像が切り替わる際のモーションが特徴的で目を引く演出になっています。スクロールしていくと小さめのGIF画像が設置されており...
-
「SIMONE」のホームページデザイン解説次々と切り替わるムービーがファーストビュー上で展開されており、思わず見入ってしまうような演出になっています。ムービーは圧倒されるようなインパクトのある表現で、サイトの導入として効果的な役割となっています。スクロールした先では「PROJECT...
-
「QUOITWORKS Inc.」のホームページデザイン解説背景画像の中央にさらに画像領域が設置されており、背景画像上では「PREV」と「NEXT」のマウスストーカーが操作指示を表示しており、中央の画像上ではマウスストーカーの形状にカラー反転表示する効果が加えられています。独自性を感じる特徴的な演出...