Logo

デザイン筋トレチャレンジ|冷凍宅配ごはんLP「MOGU」

クレジット
Avatar
WEBデザイナー
デザイン筋トレチャレンジ|冷凍宅配ごはんLP「MOGU」-1
シェア

デザイン筋トレチャレンジ|冷凍宅配ごはんLP「MOGU」

課題制作/LPデザイン 【概要】 デイトラ主催の1か月間のデザイン筋トレチャレンジで制作した、ひとり暮らしの社会人向け冷凍宅配ごはんサービスのLPです。 参考LPの模写・分析を行い、そこから得た考え方をもとに、ターゲットや訴求内容、ページ構成、CTAの配置を検討し、Figmaでデザインしました。 【ターゲット】 外食やコンビニ食が続き、食生活や栄養バランスが気になっている、20〜40代のひとり暮らしの社会人を想定しました。 【目的】 忙しい日でも、冷凍宅配ごはんを取り入れることで無理なく食生活を整えられ、毎日の食事として続けられそうだと感じてもらい、初回お試しセットの購入につなげることを目的としています。 【デザインの方向性】 清潔感と親しみやすさを保ちながら、忙しい日にも手軽に取り入れられ、豊富なメニューによって「これなら続けられそう」と感じてもらえるデザインを目指しました。 制作前に、次の3つの方向性を検討しました。 案①:親しみやすさと大人っぽさを両立し、おいしさを重視した案 案②:清潔感があり、優しく健康的な日常を感じる印象を重視した案 案③:機能や利用方法を分かりやすく見せ、手軽さを重視した案 ターゲットやお題で求められている印象と照らし合わせ、案②をベースに、親しみやすさと日常に取り入れやすい手軽さが伝わる方向へ整えました。 【ページ構成】 ◾️共感・自分ごと化 FV → コンセプト → 利用シーン ◾️サービスへの理解・購入判断 4つの特徴 → メニュー → ご利用の流れ(3STEP)→ 料金 ◾️購入前の不安解消・申し込み 利用者の声 → よくある質問 → 最後のCTA FVとコンセプトで忙しくて自炊が続かないという悩みに寄り添い、利用シーンを見せることで、サービスを自分の生活に取り入れる場面を想像できる流れにしました。 悩みを長く伝える独立したセクションは設けず、FVのコピーとコンセプトにまとめています。その後、サービスの特徴や手軽さ、料金を伝え、利用者の声とよくある質問で購入前の不安を解消して、申し込みへつなげる構成にしました。 【CTA設計】 ページ前半では、まず商品を知ってもらうために「メニューを見る」という、行動しやすいCTAを設置しました。 料金を確認したあとは「初回お試しセットを注文する」へ切り替え、購入につなげています。スクロール中も表示される追従CTAを設け、ページ内の同じタイミングで内容が切り替わるように設計しました。 【デザインの工夫】 ◾️カラー 淡いベージュと白をベースに、安心感を与えるグリーンと、食欲や行動を促すオレンジを取り入れました。柔らかさのなかに楽しさも感じられ、「気軽に続けられそう」と思える配色を目指しています。 ベース:淡いベージュ・白 メイン:グリーン アクセント:オレンジ テキスト:黒 ◾️タイポグラフィ 本文には、読みやすさを重視してNoto Sans JPを使用しました。見出しには丸みのあるZen Maru Gothic、英字にはPoppinsを使用し、親しみやすい印象を加えています。 ◾️画像・イラスト おいしさや新鮮さが伝わる、彩りのある料理や野菜の写真を選びました。複数のメニュー写真でラインナップの豊富さを見せるとともに、実際の利用シーンや手軽さを想像できる写真を取り入れています。 イラストには、少しポップでありながら、ゆるくなりすぎないものを使用しました。 ◾️余白・形・装飾 余白は広すぎず狭すぎないバランスを意識し、情報を追いやすくしました。角丸や緩やかな曲線、少しポップでかわいいイラストを取り入れ、親しみやすさを持たせています。 【AIの活用】 コピー・説明文の案出しや文章整理、写真・イラスト素材の一部作成に生成AIを使用しました。方向性の選定、構成・CTAの設計、レイアウトやデザインの最終判断は自身で行っています。 【担当範囲・使用ツール】 担当範囲:方向性の検討/ページ構成・CTA設計/デザイン 使用ツール:Figma 制作区分:課題制作
クレジット
Avatar
WEBデザイナー
シェア
foriio

あなたのforiioを無料で作成

fori.io/
デザイン筋トレチャレンジ|冷凍宅配ごはんLP「MOGU」-1

デザイン筋トレチャレンジ|冷凍宅配ごはんLP「MOGU」

課題制作/LPデザイン 【概要】 デイトラ主催の1か月間のデザイン筋トレチャレンジで制作した、ひとり暮らしの社会人向け冷凍宅配ごはんサービスのLPです。 参考LPの模写・分析を行い、そこから得た考え方をもとに、ターゲットや訴求内容、ページ構成、CTAの配置を検討し、Figmaでデザインしました。 【ターゲット】 外食やコンビニ食が続き、食生活や栄養バランスが気になっている、20〜40代のひとり暮らしの社会人を想定しました。 【目的】 忙しい日でも、冷凍宅配ごはんを取り入れることで無理なく食生活を整えられ、毎日の食事として続けられそうだと感じてもらい、初回お試しセットの購入につなげることを目的としています。 【デザインの方向性】 清潔感と親しみやすさを保ちながら、忙しい日にも手軽に取り入れられ、豊富なメニューによって「これなら続けられそう」と感じてもらえるデザインを目指しました。 制作前に、次の3つの方向性を検討しました。 案①:親しみやすさと大人っぽさを両立し、おいしさを重視した案 案②:清潔感があり、優しく健康的な日常を感じる印象を重視した案 案③:機能や利用方法を分かりやすく見せ、手軽さを重視した案 ターゲットやお題で求められている印象と照らし合わせ、案②をベースに、親しみやすさと日常に取り入れやすい手軽さが伝わる方向へ整えました。 【ページ構成】 ◾️共感・自分ごと化 FV → コンセプト → 利用シーン ◾️サービスへの理解・購入判断 4つの特徴 → メニュー → ご利用の流れ(3STEP)→ 料金 ◾️購入前の不安解消・申し込み 利用者の声 → よくある質問 → 最後のCTA FVとコンセプトで忙しくて自炊が続かないという悩みに寄り添い、利用シーンを見せることで、サービスを自分の生活に取り入れる場面を想像できる流れにしました。 悩みを長く伝える独立したセクションは設けず、FVのコピーとコンセプトにまとめています。その後、サービスの特徴や手軽さ、料金を伝え、利用者の声とよくある質問で購入前の不安を解消して、申し込みへつなげる構成にしました。 【CTA設計】 ページ前半では、まず商品を知ってもらうために「メニューを見る」という、行動しやすいCTAを設置しました。 料金を確認したあとは「初回お試しセットを注文する」へ切り替え、購入につなげています。スクロール中も表示される追従CTAを設け、ページ内の同じタイミングで内容が切り替わるように設計しました。 【デザインの工夫】 ◾️カラー 淡いベージュと白をベースに、安心感を与えるグリーンと、食欲や行動を促すオレンジを取り入れました。柔らかさのなかに楽しさも感じられ、「気軽に続けられそう」と思える配色を目指しています。 ベース:淡いベージュ・白 メイン:グリーン アクセント:オレンジ テキスト:黒 ◾️タイポグラフィ 本文には、読みやすさを重視してNoto Sans JPを使用しました。見出しには丸みのあるZen Maru Gothic、英字にはPoppinsを使用し、親しみやすい印象を加えています。 ◾️画像・イラスト おいしさや新鮮さが伝わる、彩りのある料理や野菜の写真を選びました。複数のメニュー写真でラインナップの豊富さを見せるとともに、実際の利用シーンや手軽さを想像できる写真を取り入れています。 イラストには、少しポップでありながら、ゆるくなりすぎないものを使用しました。 ◾️余白・形・装飾 余白は広すぎず狭すぎないバランスを意識し、情報を追いやすくしました。角丸や緩やかな曲線、少しポップでかわいいイラストを取り入れ、親しみやすさを持たせています。 【AIの活用】 コピー・説明文の案出しや文章整理、写真・イラスト素材の一部作成に生成AIを使用しました。方向性の選定、構成・CTAの設計、レイアウトやデザインの最終判断は自身で行っています。 【担当範囲・使用ツール】 担当範囲:方向性の検討/ページ構成・CTA設計/デザイン 使用ツール:Figma 制作区分:課題制作
クレジット
Avatar
WEBデザイナー
シェア
foriio

あなたのforiioを無料で作成

fori.io/