Flower Shop

FlowerShop

FlowerShop

【授業内制作作品】

架空のお花屋さんのウェブサイトを制作しました。

 
 

目的

初めてウェブサイトを作成する想定で、このお花屋さんを好きな方はもちろん、興味を持っていただいた方へ一歩進んだアプローチができるようにするために、よりお店の想いが伝わるウェブサイトを作る。 オンライン上でもお花を購入できるオンラインショップとの連携を想定し制作いたしました。

 
 

ターゲット

お花を生活に取り入れることで豊かさを感じる20〜40代の女性。
架空のお花屋さんを好きな方。

 
 

デザイン

花屋さんのコンセプトや想いを知っていただけるような構成を意識し設計し、画像をギャラリーとして見せることでよりイメージがつきやすくなるようにデザインを考えました。ページものにするよりも一つのページに情報がまとまっている方がアクションが少なくてユーザーの離脱も防げると考え1枚ものにしています。
また、こだわりを持っているオーナーをイメージし、花の写真が映えるようなグレー調のカラーを使用しました。

 
 

使用ツール

VisualStudioCode

 
 

制作範囲

ページ設計、デザイン、コーディング

 
 

 
 

Webサイト全体図

 
Previous
Previous

Handmade Kit Banner