Web site

スグ食べ

架空のオーガニック野菜宅配サービス「スグ食べ」のランディングページをデジタルハリウッドSTUDIOの課題として制作しました。
サービスの特徴である“新鮮さ”“安心感”“ヘルシーさ”が一目で伝わるよう、写真・配色・レイアウトを工夫しています。また、初めて訪れるユーザーでも迷わない導線設計と、購入行動につながる情報の見せ方を意識しました。

ターゲット 日々の食生活にこだわりを持ち、オーガニックや健康志向の食事に興味がある20〜40代の女性。
特に、家族の健康や栄養を大切にしたいと考える主婦層を想定。
目的 サイトを訪れたユーザーにサービスの特徴や利用イメージをわかりやすく伝え、お試しセット購入の申し込みにつなげる。
工夫した点
  • 情報の優先度を整理した、視線の流れを意識したレイアウト。
  • スマートフォンでの閲覧を前提に、ボタンサイズや余白を調整し操作しやすさを重視。
  • デザインデータとブラウザ表示の差異が出ないよう、細かな余白や文字サイズまで調整しながらコーディング。
担当範囲 企画 / ワイヤーフレーム設計 / デザイン / コーディング(実装含む)
ページ数 LP 1ページ
制作期間
  • ワイヤーフレーム
    2日
  • デザイン
    10日
  • コーディング
    14日
使用ツール Figma / Illustrator / Photoshop / HTML / CSS / JavaScript / VS Code

Sample

完成見本

  • スマートフォン

    scroll
  • パソコン

    scroll

Thank you!

ご覧いただき
ありがとうございます

お問い合わせは
下記のメールアドレスに
お気軽にご連絡ください

aloe.asim@gmail.com