komorebibakery

こもれびベーカリー

森の中にひっそり佇むベーカリーの魅力を、もっと多くの人に届けたい。 そんな想いから、「知ってもらえる」「足を運びたくなる」「買いたくなる」導線とデザインを意識して制作しました。 ナチュラルで親しみやすい世界観を大切に、実店舗とオンラインショップをつなぐ役割を担うWebサイトです。

webサイトを見る

  • ターゲット

    地域に住むファミリー層（20〜50代）や、オーガニック・自然派に関心のある20〜40代の女性

  • 課題

    実店舗が森の中にあり、視認性が低く認知度が伸びにくい。オンラインショップも開設したいが、うまく告知できていない。

  • 制作の目的

    ・新規顧客の獲得
    ・オンラインショップへの誘導と購入促進

  • 工夫した点

    ファーストビューではパンの写真とお店の外観をスライドショーで表示し、その下にお店のコンセプトとおすすめ商品を配置することで、訪問者の関心を高め、魅力が一目で伝わる構成にしました。また、オンラインショップのバナーをトップページに設置し、購入までの導線をスムーズにしています。 さらに、店舗情報（住所・営業時間・電話番号）はトップページにわかりやすく掲載し、詳細ページにはGoogleマップを埋め込むことで、視覚的にもアクセスしやすい工夫を取り入れました。

  • デザインプロセス

    PC・スマートフォン・タブレットなど、様々な端末でストレスなく閲覧できるよう、レスポンシブデザインを取り入れました。色味は「こもれび（木漏れ日）」のイメージから、柔らかな黄緑とイエローを採用。丸みのあるフォントで親しみやすさとナチュラルな印象を演出しました。

  • 制作期間

    ・ロゴデザイン：1日
    ・デザイン：6日間
    ・コーディング：2週間

  • 制作ツール・技術

    Photoshop/Illustrator/Visual Studio Code/HTML/CSS/JavaScript

webサイトのスマホのモックアップ
トップへ TOP