SELECTED WORK / 01

自主制作 · 架空ヘアサロン

NAGIHAHair Atelier

静かな世界観を、
迷わず使えるサイトへ。

サロンの空気感から、予約・商品・採用の入口まで。
ブランドの余白と、使いやすさを一つにした
日英対応のWebサイトです。

担当
デザイン / 実装
制作範囲
10ページ / 日本語・英語 / スマホ対応
日本語デモを見る (新しいタブで開く)
NAGIHA日本語トップのPC画面。髪の写真と『髪に、静かな余白を。』の見出し。
NAGIHA日本語トップのスマートフォン画面。縦長の写真と画面下の予約デモ導線。
DESKTOP & MOBILE公開デモの画面 · 2026年10月確認

DESIGN & BUILD

雰囲気を伝え、
次の行動につなぐ。

01

凪のような、余白と動き。

深いグリーン、やわらかな写真、静かな文字組み。控えめなモーションで、架空サロンの世界観を表現しました。動きを減らす端末設定にも対応しています。

02

10ページを、ひとつの体験に。

トップ、メニュー、商品一覧、商品詳細3ページ、カート、初回案内、採用、クレジット。予約・買い物・応募の流れを、操作できるデモとして実装しました。

03

言語も、画面も、自然に。

日本語と英語でページと操作画面を切り替え。スマホでは読みやすい改行と余白を整え、予約への入口を画面下に配置しています。

TWO LANGUAGES, ONE EXPERIENCE

日本語でも、英語でも。
スマホで伝わる設計。

言語を切り替えても、入力中の内容やカートの数量を維持。短い画面でも読み進めやすく、ブランドの空気感が続く構成です。

日英のトップ画面を並べて紹介しています。
実際の操作は公開デモでご覧いただけます。

NAGIHAの日本語スマートフォン表示
JAPANESE
NAGIHAの英語スマートフォン表示。Find your quiet shapeの見出し。
ENGLISH

EXPLORE THE DEMO

サイトを、実際に。

PCではリンクから。スマホではQRから。
表示だけでなく、画面の流れもお試しいただけます。

スマホで開く SCAN TO VIEW