URL
https://1road.jp/sundayflower/index.html
スキル・ツール
HTML5/CSS3・javascript(jQuery)・php・figma・illustrator・Photoshop
目的
ヒアリング資料からフレームワーク、デザインカンプを起こし落とし込む工程
画像デザイン、作成、編集、HTML/CSSをはじめとしたコーディング技術、それらの総合的な習熟
コンセプト
業者向けの生花会社が個人向けに花屋をオープンした、という体
ヒアリング内容に「駅徒歩4分」「ハードルの低い」、「アットホーム」などのワードがあったことから
ネット販売ではなく地域密着型の店舗であると想定し、作成
デザインについて
店名のSundayflowerからヒマワリをメインイメージに据え
カラー構成もヒマワリにあう青空やネイチャーなイメージのターコイズブルーを基調に作成
スマホ、タブレット、PCの端末ごとに最初に目に入る画面（ファーストビュー）に注意した
地域密着型というコンセプトからフォントは店員が顧客に話すような内容は丸ゴシックで、事務的な内容は角ゴシックで表した
コーディングについて
jQuery のプラグインなどを使わずにCSSのみで絞込み表示のようなものはできないか、という試みを
商品一覧で行った