デザインしたもの
aomugi菓子店
ご夫婦で経営されている洋菓子店aomugi菓子店様の公式サイトを制作しました。 4つの主要サービスを明確にし、かつ顧客が必要な情報に迅速にアクセスできるようにしながら、 ナチュラルカントリー調のお店の雰囲気を存分に感じていただける世界観の伝わるデザイン設計を目指しました。
サイトをみる
-
ターゲット
20〜40代のSNSで発信力のある女性。
ご近所にお住まいの方々。 -
課題
4つのサービスを提供していることが、インスタグラムの運営のみだとお客様にわかりづらい。
夫婦での経営のため、お問合せに対応する時間がない。 -
目的
一目で4つの提供サービスがわかるようにし、 さらに各サービスごとによくある質問やご予約方法を明確に記載することで、お問い合わせの数を減らす。
-
情報設計
トップページに主要サービスを記載することで、提供するサービスが4つあることがすぐにわかり、 必要な情報に迅速にアクセスできるように設計しました。各サービスのページでは、よくある質問を設置し、 聞かれることの少ない細かい製作方法や材料についての情報は控えめに。 「カフェ」ページと「お祝いホールケーキ」のページでは、 ご予約方法についてのみ横スクロールで設計し、注目しやすいようにしました。(全7ページ)
-
デザインプロセス
ほとんどの利用者がスマホから見ることを想定し、スマホに最適化したウェブサイトを作成しました。 主婦層もターゲットに含めており、タブレットでもデザインが崩れないようにしています。 文章はなるべく短くし、多くの写真を使うことで店の魅力を伝えるよう心がけました。 ゆっくりとしたアニメーションを用いて、お店の落ち着いた雰囲気を表現しています。
-
制作期間
企画 / 情報設計 / WF
デザイン
コーディング
WordPress
2週間
3週間
2週間
2週間
-
使用ツール
Illustrator / Photoshop / VScode / WordPress