作品一覧へ
01 / WEBSITE自主制作 / 学習サンプル

SUZUKI美容室

お店の空気まで、伝わるサイト。

HTML / CSSJavaScriptClaude Code
SUZUKI美容室の作品画面

お店の空気まで、伝わるサイト。

初めて訪れる方が、お店の雰囲気や大切にしていることを感じ取り、自分に合うサロンかどうか判断できるホームページを目指しました。

想定するユーザー
美容室を探している方・来店を検討している方
制作範囲
参考サイトの分析・架空店舗向けの構成調整・実装(AI支援)
プロジェクト
自主制作 / 学習サンプル

既存サイトの配色・文字組み・情報構成を参考にした学習作品です。参考元サイトの制作には関与しておらず、受託・納品実績ではありません。店名・人物設定・口コミは架空で、写真はストック素材です。掲載スタイルは実際の施術実績ではありません。

デザイン・構成の参考:MINX ginza(外部サイト)

つくるときに考えたこと
01

写真でつくる、第一印象

店内写真を大きく使い、落ち着いた黒と柔らかなピンクを組み合わせました。情報を読む前に、サロンの温度感が伝わる構成です。

02

知りたい情報から、予約へ

スタイル、料金、スタッフ、アクセスを分けて整理。ヘッダーに予約への入口を置き、検討から問い合わせまでをつなげています。

03

お店の顔としての統一感

見出しの書体、写真の扱い、余白をそろえ、複数のページを巡っても同じブランドを感じられるようにしています。

このようなサイトやツールを、
あなたの事業にも。

この作品について相談する