WORK2-1

    WebsiteDesign

    • タイトル

      SUGAR BOUQUET
      (シュガー・ブーケット )

      テーマ

      使用ソフト

      Adobe Illustrator Adobe Photoshop HTML5 CSS3 WordPress jQuery

      制作期間

      2ヶ月

      プロジェクト概要

      カップケーキのお店(架空)のWebサイトを制作しました。店舗所在地は、東京自由ヶ丘、顧客のターゲットは10代から60代の幅広い年齢の女性、取り扱う商品は、見た目や材料に拘ったフラワーカップケーキやアイシングクッキー、ドリンクです。フラワーカップケーキのお店にした理由は、単なるカップケーキのお店ではなく、顧客に興味を持って頂けるオリジナルなポイントが必要と考えたからです。

      これらのコンセプトを元に、実際に店舗を運営すると仮定して、ロゴ、コーポレートカラーや使用する写真のイメージ、取り扱う商品や値段、販売方法、販売促進としてのイベントなどを考え、サイトにどの様に反映したら良いかを考えました。

      ロゴ作成に当たり気を付けた点は、フラワーカップケーキのお店である事が明確に分かる事、商品のパッケージやメッセージカードなど、どの様な使用環境でもシンプルで使い易いデザイン、色使いである事です。

      コーポレートカラーは、カップケーキのお店のイメージが顧客に明確に分かるものである事、自由ヶ丘というお洒落な立地や、10代から60代の幅広い年齢の女性をターゲットにしている事を考慮し、パステル調の年齢層を選ばない品のあるカラーを選びました。

      サイトのデザインでは、自由ヶ丘のお洒落なカップケーキのお店の雰囲気が明確に伝わる様なシンプルなものを心がけました。

      サイトの構成で工夫した点は、トップページに、季節限定商品、メニュー、オーダーメイドの三つのイメージアイコンを設置しこれらのページへ顧客を導入し易いデザインにした事、トップページに地図と店舗内の写真を配置し、同ページ上で店舗の雰囲気や所在地が明確に分かる様にした事、シンプルなデザインにする為トップページにはグローバルメニューを表示せず、ハンバーガーアイコンのみとしましたが、アイコンをクリックするとメニューだけでなく、店舗の連絡先や地図が表示される様にし、どのページでもハンバーガーアイコンをクリックする事により店舗の詳細を確認出来る様にした事、オーダーメイドのページにお問い合わせフォームを設置し、オーダーメイドに興味を持ったお客様が、同ページ上で直ぐにオーダーをし易い環境を整えた事、季節限定商品のバナーをトップページのスライドに組み込む事により、サイトを開いた顧客に一早く情報が伝わる様にした事、Wordpressの構成を工夫し、サイト上の季節限定商品や新商品の入れ替えをWordpressダッシュボード上で店舗運営者が情報を打ち込むだけで、簡単に更新が出来る様にした事などです。

      URL

      https://www.sayushino.com/sugar-bouquet/