見附市役所近くにあります、打ちっぱなしのコンクリートとスパンドレルを組み合わせた洗練されたデザインの建物が印象的なCREER HAIR(クレエ・ヘアー)様のWebサイトです。
ヘアーサロンのホームページということもあり、全ページに渡りユーザビリティを損なわず意図したデザインに仕上がるよう制作においては十分に配慮しました。全体はモノトーンを基調とし、画面の大部分をご提供いただいたクオリティの高い画像をスライド表示、アーティスティックな雰囲気を存分に感じられるかと思います。
ヘアーサロンのホームページは写真のクオリティがウェイトを大きく占めます。そしてその印象を弱くしないよう、他の装飾はなるべく控えることでメインのビジュアルにより視点を集められ、シンプルなモノトーンのデザインと必要な項目に絞り込み、余計なキャッチコピーなどを一切排除したことで、表示されるスライド画像だけでヘアーサロンということが十分に伝わります。
画面いっぱいに横幅を持たせ、縦のないレイアウトに統一。下層ページはトップページを背景とし、透過させた背景にコンテンツを乗せるデザインを採用。要所にカラーの写真を効果的に利用したためトップページからのページ遷移においては、すぐに視点が集まります。
1カラムの中に若干のスクロール量を持たせることで、デザインを崩さないまま必要な情報をわかりやすく表示させられるようにもしてあります。
全ページ固定のフッター部分にシンプルなグローバルメニューを統合し、マップやブログ、問い合わせはカラフルなアイコンで表現しました。
新着情報はこまめに更新されているAmebaブログのタイトルをリンクとしてINFORMATIONページに表示させました。あちこち多重に更新する手間なく、普段のブログの更新にて新着情報として表示されるので手間がかかりません。
ヘア―サロンのホームページを閲覧するユーザーは他業種と比較してもスマートフォンユーザーの比率が圧倒的に高いため、CREER・HAIR様にもスマートフォンサイト付きページをご採用いただきました。PCサイトのデザインを踏襲しつつスマートフォン専用のページとして設計制作してあるため、様々な画面サイズの端末でも十分な操作性を持たせることができました。
もともとのPCページの高いデザイン性を損なうことのないようにスマートフォンページもモノトーンを基調としたシンプルなデザインでまとめ上げ、操作性を考慮しタップしやすいようにメニューを大きくしました。ページ下部にはPCページと共通のアイコンを配置。どちらのサイトを見てもCREER・HAIR様のページだとすぐにわかるよう統一させてあります。
ヘアーサロンのページ制作はいずれも高いデザイン性と独自性を必要としますが、どちらも満たせる内容に仕上げることができたかと思います。
【CREER HAIR】
URL：http://www.creernet.com/
〒954-0083 新潟県見附市市野坪町1172-1
TEL 0258-63-5823
