Works
創業100年 季節の和菓子
うさぎ庵
Website
concept
架空サイトの制作を検討している時期に、下町の和菓子屋さんが登場する絵本を子どもと読んでいて、とても印象に残り、和菓子屋さんのWebサイトを自分が制作するとしたら... と考えるところから始めました。和菓子の魅力的な写真をより多く紹介するため、JavaScriptでカルーセルを実装しました。スマートフォンからの閲覧が多いことを想定し、レスポンシブにも対応しています。
design
主に甘い和菓子が好きな、年齢層は少し高めの女性がターゲットで、落ち着き、品のある、少し高級感も感じるデザインを意識しました。若年層にも好意的に思っていただけるよう、可愛らしさも取り入れ、LINEとInstagramへの誘導のアイコンも実装しました。色は、抹茶や桜餅を連想させるものを選びました。
- ＃F3DEB9
- ＃A59F00
- ＃E8AAA3
contents
ヒーローエリアにはカルーセルを設置し、和菓子の写真を4枚紹介しています。
PC版では、2カラムレイアウトで、必要な情報にアクセスしやすくなるよう工夫しました。
毎月のおすすめ品を紹介するセクションを作り、お店の魅力をアピールします。アクセスはGoogle Map を使用し、営業情報なども分かりやすく掲載するよう心がけました。
店舗の写真を掲載するセクションを作り、まだお店に足を運ばれたことのないお客様に興味を持っていただけるよう工夫しました。
data
- 制作範囲 企画・サイト設計・デザイン・コーディング
- 制作期間 2021年10月〜 約2週間
- 使用ツール Visual Studio Code(コーディング）
- 使用言語 HTML, CSS, JavaScript
- url https://tomatonft.github.io/usagi-an/
