架空パン屋のサイト制作

＊要件定義・コンセプトなど＊

・目的：オンラインでパンを購入・また来店してもらうためのWebサイト

・ターゲット：３０代のパンが好きな女性

　　　　　　　おしゃれなかわいい雰囲気のおいしいパン屋さんに興味がある方

・コンセプト：日常のなかでほっと一息つけるような場所を提供し、優しい気持ちと笑顔

　　　　　　　を生み出したいという思いを大切にしている。

＊制作内容＊

①ワイヤーフレーム（手書き・photoshopにて作成）

②デザインカンプ（photoshopにて作成）

③レスポンシブ対応やjQueryなどを含めたコーディング

＊完成したサイト＊

＊工夫したポイント＊

①コンセプトと世界観

「美味しいパンを、やさしい時間とともに」というキャッチコピーとともに、サイト全体を通して暖色系のカラーを使用し、親しみやすいフォントを選び制作。

また、画像やボタンの枠を丸くするなど細かい部分からも柔らかい雰囲気を自然に感じられるようなデザインにした。

②画像から伝わる美味しさ（写真のレタッチ）

全体で使用している画像は全てレタッチし、美味しさが伝わり、思わず食べたくなるように工夫した。

また、様々な種類のパンの画像を配置することで、選べる楽しさも伝わるよう考えた。

③レスポンシブ対応・jQuery/java scriptを用いたアニメーション

ユーザーの使いやすさを考え、PCサイズ・SPサイズでのレスポンシブ対応ができるようコーディングした。

また、いくつかアニメーションを用いることで、スムーズなスクロールを促し、誰もが利用しやすいように考えた。