WEBサイト100選

勉強の一環として、デザインが参考になったサイトや気になったサイトをピックアップしています。何事もまずはその世界のことを知るところからスタートしなければ、と言う事で目指せ100選!!

サイト一覧 | 美容


30.BLIND BARBER

BLIND BARBER

USAのBarberのサイトです。まずインパクトがあるのは、サイトの作りよりも「盲目の理髪店」という斬新な店名。理髪店とbarが併設されているようで、日本では見ることのないスタイルのお店でとても興味深いです。本サイトは、理髪店の紹介予約に加え、ヘアーケア用品のオンラインショップも兼ねてるようです。カート内にドラッグ&ドロップで商品を追加できるUIを採用されていると事も気になります。



38.NERO HAIR SALON

NERO HAIR SALON

gifアニメでサイトに程よい動きを付けることにより、見ている人を引き込む作りになっています。また、可変グリッドレイアウトを利用されており、コンテンツ幅が綺麗に揃っていて見やすいです。その他には、ターゲット層が女性であるため、パステルカラーを利用することで柔らかい印象のサイトになっています。



56.Mirror Mirror

Mirro Mirror

footerのコピーライトがサイドに表示されているところが斬新です。また、店名のミラーをモチーフに左右対称に人物を配置した画像やファーストビューでfooterまで見えている作りから、トップ画面でサイトが完結している印象があり、とてもインパクトがあります。WordPressを利用して作られたサイトであり、参考になります。



66.コウベビューティー

コウベビュティー

ターゲット層が女性であるため、パステルカラーを利用されており、柔らかい女性の雰囲気のある作りのサイトになっています。女性らいいし可愛いらしい色合い→綺麗・可愛くなりたい→美容への結びつきを感じます。また、トップページ下部には利用者に分かりやすく新規会員登録のボタンが大きく設置されています。



79.IBUKI 資生堂

IBUKI 資生堂

商品紹介の個別ページであるためm、縦スクロールで画面いっぱいに商品を紹介されていて、一目見てどういったページか、何を伝えたいのかがストレートに分かる作りになっています。他の情報を一切載せないことで、伝わりやすさがある反面、商品へのイメージが強く残るため、画像や文字のバランスが難しいと思いますが、シンプルで洗練されたイメージに仕上がっています。そういった点で、バナーを作る際にも参考にしたいページだと思いました。