01
概要
本サイトは、仮想の地域密着型ベーカリー「Nord BAKERY」のホームページとして制作しました。規格設計・デザイン制作からコーディング、WordPressへの実装まで一貫して行いました。
店舗の世界観を伝えることと、運用のしやすさを両立させることを目的に制作しました。
02
デザインコンセプト
コンセプトは「季節の素材を使った、ぬくもりのある地域密着型ベーカリー」です。親しみやすさと安心感を演出するため、ベージュやブラウンを基調とした温かみのある配色を採用しました。
参考サイトとして「ねこねこ食パン」様の構成や写真の見せ方を研究し、世界観づくりの参考にしました。
03
実装ポイント
更新頻度が高い「商品情報」や「お知らせ」を簡単に追加できるよう、WordPressで構築しました。テーマ「Lightning」をベースにしつつ、CSSカスタマイズによりデザインのオリジナリティを出しています。トップページの商品カルーセルはランダム表示に設定し、閲覧のたびに異なる商品が目に入る仕組みにしました。
04
JavaScript実装部分
- アンカーリンクによるスムーススクロール
- トップページBREADセクションのカルーセル（ランダム表示）
ページ遷移やスクロール時の体験が自然になるよう、JavaScriptによる演出を取り入れました。
05
使用技術
HTML / CSS / JavaScript / Figma / WordPress（Lightningテーマカスタマイズ）