【click】▶ https://m-yui.jp/work/sugutabe
スクールの課題としてオーガニック野菜販売LP「スグ食べ」を制作しました。「どんなサービスか」が一目で分かるファーストビューと、スマホで読みやすい情報量を意識して制作しました
ーー 制作内容 ーー
【担当】
構成設計/デザイン/コーディング
【制作期間】
ワイヤーフレーム約1週間/デザイン約2週間/コーディング約2週間
【使用ツール】
Figma/Illustrator/Photoshop/VS Code(HTML・CSS・JavaScript)
【ターゲット】
・成長期の子どもがいるママ層。
・食にこだわりがあり、丁寧な暮らしを好む人。
【課題】
・情報をわかりやすく伝えたい
・「無農薬・有機野菜」の価値を、短時間で理解できる順番が必要
・スマホ閲覧が中心のため、文字量と余白で読みやすさを担保する必要がある
【解決】
・ファーストビューで「何のLPか」が分かる構成にし、CTAを目立つ位置に配置
・訴求点の優先順位を決め、価値→理由→安心材料→購入導線の順で情報を整理
・レスポンシブを意識した文字量・改行・余白を調整し、スクロールしても内容が追いやすい区切り方に