【課題制作】ベーカリーヤマグチ Webサイト リニューアル課題

【制作期間】

15日間（企画：2日間、デザイン：7日間、コーディング：6日間）

【使用ツール・言語】

Photoshop、AdobeXD、Visual Studio Code、HTML+CSS、JavaScript

【ターゲット層】

家族

20代～30代

【課題】

・現在のホームページのデザインが古いので、今時のデザインにリニューアルしたい。

・郡山のお店にちなんで、クリームボックスに関する情報を掲載したい。

・店舗の特徴を引き立てるキャッチコピーを考案してほしい。

・店の特徴やこだわり、季節限定商品や新商品の情報、イベント情報を載せたい。

・既存のロゴデザインを採用してリニューアルしたい。

【目的】

・使いやすさとデザインの向上を図り、新規ユーザー獲得を目指す。

・企業のイメージやメッセージを明確に伝え、ブランディングの強化を図る。

・最新の商品やサービス情報を反映させ、コンテンツの更新を行う。

【デザイン】

クライアント様のご要望に基づき、現代的でシンプルなデザインを意識してウェブサイトをリニューアルしました。配色には、ベースカラーにアイボリー (#FDFBF7)、メインカラーにペールクリーム (#FBF5EE)、アクセントカラーにダークブラウン (#4E3B31)を使用し、全体的にパン屋の温かみと落ち着きを表現しています。

キャッチコピー「ひとくちで広がる、小さな幸せ。」は、店舗のこだわりである無添加素材のパンがもたらす「豊かでほっとする瞬間」を象徴しています。「ひとくち」「小さな幸せ」という表現を通じて、日常の中で得られるささやかな贅沢感を表現し、来店者に共感していただけるよう工夫しました。

また、郡山のお店を象徴する商品「クリームボックス」の情報はトップページのメニュー部分に配置し、ユーザーがすぐにその魅力に触れられるようにしました。これにより、郡山ならではの名物商品に興味を引く構成を実現しています。

店舗の特徴については、トップページで概要を伝え、詳細情報は別ページに分けて掲載しました。これにより、ユーザビリティを高め、必要な情報を簡潔に提供する設計にしています。

季節限定商品や新商品、イベント情報などは「お知らせ」欄に集約し、ユーザーが最新情報にアクセスしやすいよう工夫しました。

全体として、シンプルでありながら、温かみや親しみやすさ、落ち着きを感じさせるデザインに仕上げ、クライアント様のイメージを具現化することを目指しました。