架空フラワーショップのホームページ制作

【作業内容】

・デザインカンプ制作(Photoshop)

・コーディング(AtomにてHTML、CSSのコーディング)

・レスポンシブ対応(ハンバーガーメニュー作成時にJQuery)

【作業時間】

・デザインカンプ：約1週間

・コーディング(レスポンシブ対応含む)：約2週間

---------------------------------------

【目的】
・花を身近に感じてもらう
・花が買える場所があるということを知ってもらう
・花をまずホームページで見ることで、興味を持ってもらう
【内容】
ABOUT、SERVICE、GALLERY、ACCESS
(・SERVICEは➀ワークショップで他の誰かと一緒に花に触れる機会を与える➁自分用にも、誰かのためにも花を購入してもらう➂自分だけでなく、誰かに花の魅力を届けるという風に花を身近に感じてもらうステップをイメージし、並べる。)

【ターゲット】

・自分と同じ世代の20〜30代女性
・花を部屋に飾ったことがない方
・季節を自分の部屋で感じたい方
・花に全く興味のない方と少しだけ興味のある方
・きれいなものを誰かにシェアしたい方

【工夫したポイント】

・全体的に優しいイメージを表現したかったため、濃い色ではなく薄い色や暖かいイメージの色を使用しました。
・サイトからも花を身近に感じてもらうため、どのページにも花の画像があるように配置しました。
・画像は、部屋に飾るイメージを持っていただきたかったため、花瓶に入ったものを多く使用しました。
・メインビジュアルで実際に花を飾った時をイメージできるような写真を使用しました。
・20〜30代のインスタ映えを気にしている方に興味を持っていただけるようヘッダーとフッターにInstagramのアイコン配置しました。
・実際に足を運んでいただきたかったため、マップとボタン(GoogleMapで見る)を配置しました。

---------------------------------------

【PC】スクリーンショット