甘味処 つきのや
URL
作品概要
老舗和菓子店 「甘味処 つきのや」の架空Webサイト
担当範囲
企画 / デザイン / コーディング
製作期間
企画
2h
デザイン
14h
コーディング
15h
使用ツール
Figma / HTML / CSS / jQuery
目的
オープニングアニメーションやフェードイン、スワイパーなどの演出を取り入れたデザインの練習を目的に制作しました。スムーススクロールやスライドメニューといった基本的なアニメーションも、全体の雰囲気を損なわないように実装しています。
ターゲット
40～50代の男性
デザイン
老舗和菓子店の品格を伝えるため、全体的に落ち着きのある配色と余白を活かした構成で、高級感を感じられるよう意識してデザインしました。店名「つきのや」にちなんで、月をモチーフにした装飾や演出を随所に散りばめることで、ブランドの世界観に統一感を持たせています。
フォント：
老舗和菓子店の持つ伝統的な雰囲気と和の趣を表現するため、明朝体を採用しました。繊細な線の強弱や、品のある字形が、落ち着きと格調を感じさせる雰囲気づくりに寄与しています。
配色：
全体の配色は、老舗和菓子店の高級感を意識し、彩度を抑えた色を中心に構成しました。アクセントカラーには淡い黄色を採用することによって、店名である「つきのや」の月部分を演出しています。
#33363A
#C7C1BB
#F3F3CC
