ブログ

BLOG 2018.08.17AIブログ

勝手にサイト紹介!参考にしたい美容系サイト5選【おまけ付き】

こんにちは!制作部のゆりです。

今回は”美容系サイト”の紹介をしていきたいと思います!

美容系というと幅が広く、美容院・エステ・化粧品など、様々なサイトがありますよね。
比較的競争率が高いので、競合サイトと差別化することが、特に重要となるのではないでしょうか。検索してみると、ハイクオリティで綺麗なものが多く、参考になるような部分がたくさん出てくると思います。

その数多くある美容系サイトのうち、個人的に特にいいなと思ったものをまとめてみました。
どれも紹介に”外せない”ものばかりです!

1. ALBION

http://www.albion.co.jp/

「真に価値のある高級化粧品をつくりあげている」というアルビオン様の公式ホームページです。ホームにまとめられている一つ一つのバナーから、下層ページに飛ぶことができるようになっています。どのページも、コンテンツごとにとても綺麗にまとめられており、見やすさや分かりやすさ共に抜群です!

2. NATURE’S WAY

https://www.naturesway.co.jp/

ファーストビューで動画が流れるのが印象的なウェブサイト。
スクロールすると植物が描かれながら現れたり、手書き風のイラストが使われていたり、
”優しさ”や”自然”というようなテーマに沿っているデザインが、とても素敵ですね:-)

3. HACCI

http://hacci1912.com/

はちみつに重きを置いた化粧品ブランド”HACCI”様のホームページです。
個人的に、このサイトで特に参考にしたいなと思ったのが、沿革のデザイン。
「フォントサイズのバランス」「明朝体の文字や細かな点線」がとても綺麗で、
さらに写真を入れることによって、見やすく・分かりやすくなっています。

4. MIKIMOTO COSMETICS

https://www.mikimoto-cosme.com/

リンク付けやモーダルウィンドウを使用することで、
全体的にスッキリとして見やすいデザインになっています。
細かな情報は「ウィンドウで見せる」「別のページに分ける」というアイデアは、
ぜひ取り入れていきたいところです:-O

5. O’LERY

https://www.oleary.jp/

ブランドや商品のイメージと非常にマッチしたデザインになっています。
文字サイズもそうですが、配色のコントラストがはっきりとしていて、
非常に参考になるようなウェブデザインです。

おまけ1. SALONIA

https://salonia.jp/product/

ヘアアイロンで有名な「SALONIA」様の公式ホームページ。
スクロールしたときの動きやページの移り変わりがとにかくかっこいいです。

おまけ2. Lululun ONE

https://lululun.com/one/top/

ファーストビューに現れる水面。
この上でカーソルを動かすたびに、本当に触れているかのような、なめらかな波紋が広がります。
今まで見たサイトの中でも、特に衝撃を受けたウェブサイトです。

おわりに

今回紹介した美容系サイトは、化粧品関係が多かったのですが、
同じ部類でも、デザインによってそれぞれ違った印象を受けました。
こういった差別化ができるように、ブランドコンセプトをしっかりと理解し、
個性的で印象に残るようなウェブサイトの制作を行いたいですね。

では、ご閲覧ありがとうございました!
次回もよろしくお願いします。

Tweet Share RSS

関連記事