パン屋のコーポレートサイトになります。
URL
https://mellow-bakery.r-design01.com/
担当
デザイン・コーディング・WordPressオリジナルテーマ構築
サイトの目的
店舗の認知向上および来店促進
使用技術
HTML / CSS / JavaScript / PHP / WordPress
デザインについて
焼きたてパンの温かみや親しみやすさが伝わるよう、ベージュやブラウンを基調とした配色でデザインしました。商品の魅力が伝わる写真を大きく配置し、初めて訪れる方にも見やすく、居心地の良さを感じられるデザインを意識しています。
コーディングについて
デザインカンプの制作からコーディング、WordPressオリジナルテーマ構築まで一貫して担当しました。
メニューセクションでは、パンの画像にマウスカーソルを合わせるとかじられた写真へ切り替わる演出を取り入れ、ベーカリーらしい遊び心を表現しています。
また、ナビゲーションにはホバー時の色変更や下線が表示される動きを実装し、視認性と操作性を向上させました。
レスポンシブ対応では、画面サイズに応じてレイアウトや余白、文字サイズを細かく調整し、スマートフォンでも快適に閲覧できるよう工夫しています。