Webデザインスクール「デジタルハリウッド by LIG」の課題。
無農薬・オーガニック野菜の産地直送サービス。新規LPサイト制作を想定。
ターゲットは都内在住の30代の既婚女性。夫や成長期の子供に健康的な食生活を送ってほしいと考えている。
用意されたヒアリングシートを元にAdobe XDでワイヤーフレームを作成。デザインもXDを使用しました。
素材はできるだけシンプルなものを選び、全体の構成がわかりやすくなるよう心がけました。
CSS設計はFLOCSSを採用し、Sassを用いています。スライドショーはJavaScriptライブラリSwiperを使用。
サイトURL：
https://works.rinfactory.jp/sugutabe
ソースコード：
https://github.com/rin-k-dev/sugutabe
使用ソフト：
Adobe XD、Visual Studio Code
言語：
HTML、CSS、Sass、JavaScript
製作期間：
1ヶ月
ベーシック認証あり：
ユーザー：dev01, パスワード：hello00
スグ食べ
概要
