Works — Hair Salon

atelier NOIR

「色を消しても、美しい髪を。」写真をすべてモノクロにして、ファッション誌の誌面のように組んだヘアサロンのサイトです。カットの輪郭と髪の質感が主役になります。

パソコンの画面（1920×1080）で、トップページを上から下までスクロールした様子です。

Design Pointsデザインのポイント

Point 01
写真をすべてモノクロに
色を消すことで、カットのラインや髪の質感が際立ちます。「技術で選ばれるサロン」という印象をつくるための選択です。
Point 02
誌面のような文字組み
欧文のイタリックと縦書きの和文を組み合わせ、写真に大きな英字を重ねました。ファッション誌のページをめくるような緊張感があります。
Point 03
スタイルは横に流れるギャラリー
スクロールに合わせてスタイル写真が横に流れ、たくさんの作品を短い時間で見てもらえます。
Point 04
メニューは所要時間まで
点線でつないだメニュー表に料金と所要時間の目安を添え、予約の前に気になることを減らしています。

カラー

#101010黒（ノワール）#FFFFFF白#BDB7AEウォームグレー#D8C3A5アクセント（シャンパン）

フォント

Cormorant Garamond（英字・イタリック）／Zen Kaku Gothic New（和文）

ページの構成

動き

文字は一文字ずつ静かに現れ、写真はゆっくり拡大します。モノクロの世界に合わせて、動きも控えめで品よく。

※自主制作：架空の店舗を想定して、当社が制作したオリジナルデザインです。店舗名は架空のもので、住所・電話番号は仮の表記です。写真はイメージです（Unsplashの写真を使用）。