Web Site Design
洋菓子屋サイト
- サイト名
- Atelier Cake
- サイトURL
- View Site ↗
- 制作内容
- 架空の洋菓子店を想定したWebサイト制作
- 使用ツール
- HTML / CSS / Photoshop
- 制作の目的
- 店舗の上品でやさしい雰囲気が伝わるように、 写真・余白・配色を意識して制作しました。
- 工夫した点
- 商品写真が引き立つように全体の色数を抑え、余白を広めに取りました。 また、見出しやナビゲーションの文字サイズを整え、 落ち着いた印象になるようにしました。
Mobile view (iPhone 14 Pro Max)
こだわりポイント
ゆとりのある余白
余白を広く取り、上品で落ち着いた印象になるようにしました。
写真を主役に
商品写真が引き立つように、装飾を抑えたシンプルな構成にしました。
整ったナビ設計
ロゴやナビゲーションの文字サイズを整え、落ち着いた印象にしました。