ABOUT
- 概要
- 「“和”の要素を取り入れた洋菓子ブランド」のブランドサイト
- 制作期間
- 3週間
- 制作時期
- 2024年10月
- 使用ツール
- VS Code/Adobe Photoshop/Adobe Illustrator/Figma
- 使用言語
- HTML/CSS/JavaScript（JQuery）
ブランドについて（想定）
和の要素を取り入れた洋菓子（クッキーやケーキ、焼き菓子など）を主力商品として、関西に3箇所の実店舗と、オンライン店舗を展開するお菓子ブランド。手頃な価格で本格的な洋菓子を味わえるため、お土産などに選びやすいブランドとして、女性を中心に幅広い年齢層に支持されている。
サイトについてのご要望（想定）
- ブランドの商品や独自性を周知したい。
- 店名を記憶してもらい、実店舗での売り上げへつなげたい。
- 新規・既存顧客をオンラインショップへ誘導したい。
- 期間限定商品や様々な目的のギフト向け商品があることを周知し、リピーター増を狙いたい。
- SNSをフォローしてもらい、最新情報を届けたい。
POINT
洋菓子ブランドらしさと「和」の表現
イメージの近い複数の洋菓子ブランドのサイトを参考にし、メインカラーはお菓子らしい茶色としています。
全体が柔らかな印象になるよう本文のフォントをセリフ体とし、また背景色と文字色にコントラストがつきすぎないよう調整しています。
アクセントに「抹茶」から連想したくすんだ緑色を使用しています。
また、「コンセプト」セクションには「和」に寄りすぎないよう、さりげない市松模様のあしらいを施しています。
商品を引き立てる加工
商品のビジュアルが印象に残るよう、商品写真は背景を透過して、シルエットや色が際立つようにしました（フリー素材を使用）。
閲覧環境の考慮
自宅のみならず、屋外や駅、電車の車内などでのサイトの閲覧も考えられます。そのため通信環境が悪い可能性も想定し、アイコンやロゴ等の画像はsvg形式で極力軽量化しました。
