ベーカリーのWebサイト制作(企画/WF作成/デザイン/コーディング)

架空のベーカリーのWebサイトを、コンテンツの検討～デザイン～HTML/CSSでのコーディングまでを通して作成しました。

【制作期間】１週間
このボリュームであればWFからお任せ頂いても作業期間計1週間でレスポンシブ対応まで制作可能です。

【想定クライアント】ファミリー層の多い地域のベーカリー

【Webサイトの目的】ベーカリーの販売を増やす（新規顧客・リピーター・ファンを増やす）

【ターゲットユーザ】子育て中のお母さん／30~40代前半／共働き

【こだわった点】
★レスポンシブ対応
PC、タブレット、スマホのいずれから閲覧しても見やすいレイアウト・デザインになるよう調整しました。

★リッチなアニメーション
jQueryを使ってアニメーションのあるリッチなWebサイトとなっています。

★HTML5に準拠

HTML5に準拠したコードで記述しています。

★UXの設計
どんなときにパン屋さんのHPにアクセスするか？どうしたら来店したくなるか？というUXを想定。
⇒共働きのお母さんをターゲットにしているので、「時間がないので買い物は先に買うものを決めておきたい、行っても欲しいものがないのは避けたい」「子供の好みのパン、喜ぶパンが買いたい」というニーズがあると考え、商品情報や、フェアなどのトピックスをコンテンツとしました。

★ターゲットを意識したデザイン
・トンマナは、ファミリーをイメージして、優しい／柔らかい／可愛らしいトーンで統一しました。
・配色は、パン屋さんのイメージで、ベージュ、ブラウン、オレンジ系で統一しました。
・メインビジュアルとフッターには、美味しいパン、楽しい食卓を想起させる写真を配置しました。