- WORKS
Webサイト制作
ベーカリー ヤマグチ
- Overview - 概要 -
- 自主課題制作として、福島県郡山市の無添加パン専門店「ベーカリーヤマグチ」のWebサイトを制作しました。家族みんなで安心して楽しめるパン屋さんとしてのやさしさや温もりを、ビジュアルと構成を通して表現しています。ユーザーにとって使いやすく、かつ店舗の魅力がしっかり伝わる設計を意識しました。
- Description - 説明 -
- (ターゲット)
-
地域に住む子育て世代の家族
健康志向の高いパン好きな層
無添加や国産素材に関心のある30代〜50代の女性 - (目的)
-
ブランドの認知度を高め、リピーターの獲得に繋げること
お店のこだわりや安心感を伝え、新規顧客の来店を促すこと
季節限定商品の告知やイベント情報の発信を円滑に行うこと
ユーザーが迷わず情報にたどり着ける構成と、スマホ対応による閲覧の快適さの提供 - (情報設計)
-
TOPページでは、キャッチコピーとメインビジュアルで店舗の世界観と魅力を直感的に伝達。MENUページでは、「季節限定」「惣菜パン」「菓子パン」などに分類し、タブ切り替えで回遊性を向上。郡山市のご当地パン「クリームボックス」の特設ページでは、販売店舗をアコーディオン形式で紹介し、SEOにも配慮した設計としています。
ライティングでは、ChatGPTを活用し、LLMOの観点からも最適化を実施。LLMによる情報抽出のしやすさを高めることで、拡散性や信頼性の向上を図っています。 - (デザイン)
-
ロゴカラーに合わせた温かみのあるブラウン系をベースに、角を丸めた画像デザインでやさしい雰囲気を演出。オーガニックで安心感のある印象を与えるため、ナチュラルで落ち着いた配色とゆったりとした余白を取り入れています。JavaScriptによるアニメーションも取り入れ、パンを選ぶ楽しさやお店への期待感を視覚的に盛り上げるようにデザインしました。スマートフォン用にレスポンシブデザインも実装しています。
今後は、オンラインショップのWebサービスでオンラインでの販売を予定しています。その際はパンの鮮度や魅力をより伝えられるデザインや実装を提案していきます。 - (制作範囲)
- Webサイトデザイン、コーディング、ライティング、写真選定とレイアウト調整、レスポンシブ対応