Facebook 【学校課題】オーガニック野菜販売LP
Logo

【学校課題】オーガニック野菜販売LP

クレジット
Avatar
Webデザイン
【学校課題】オーガニック野菜販売LP-1
シェア

【学校課題】オーガニック野菜販売LP

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

あなたのforiioを無料で作成

fori.io/
Logo
【学校課題】オーガニック野菜販売LP-1

【学校課題】オーガニック野菜販売LP

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

あなたのforiioを無料で作成

fori.io/