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