01
Context
想定した店舗・課題
ビジュアル重視の小規模ブランド・ショップを想定。世界観に惹かれた人が、商品や問い合わせへ進む導線を重視しました。
02
Purpose
サイトの目的
余計な装飾を削ぎ、写真と余白でブランドの輪郭をはっきり見せること。
03
Challenge
想定した課題
情報量を抑えつつ、世界観と必要導線(商品・問い合わせ)を両立させることが課題でした。
04
Concept
コンセプト
ミニマルなUIでブランドの印象を先に作り、そのあとに必要な行動だけを置く設計です。
05
Intent
設計意図
視線誘導をシンプルにし、各セクションの役割を明確化。スマホでも破綻しないタイポグラフィスケールを採用しています。
06
Focus
こだわったポイント
- ミニマルなグリッドと余白
- 写真ドリブンのファーストビュー
- 軽いホバー・スクロール演出
- 導線を絞って迷わせない構成
Screenshots
PC / スマホでの見え方
07
Tech
使用技術
- HTML
- CSS
- JavaScript