works

スクールの中間課題スグ食べのモックアップ

中間課題:スグ食べ

仮想LPサイト

デジタルハリウッドSTUDIO三宮校の中間課題で有機野菜をお届けするサービスのLPを制作しました。

内容

中間課題

制作期間

3週間(入学から3ヶ月目)

概要

有機野菜をお届けするサービスの仮想LP制作

担当範囲

Webデザイン /コーディング

クライアント

なし

使用ツール

Figma / Photoshop / Visual Studio Code

目的

まずお試しで購入してもらいたいためコンバージョンへの導線を強化したい

課題

情報面:ユーザーが好みの農家さんを選択でき、訴求内容を分かりやすく伝えること

デザイン面:ナチュラルで健康志向のデザインにする、お試しセットのボタンが目立つようにする

解決案

情報・機能面
  • 1.訴求内容をイラストを用いて説明する

    強みを権威付けとしてページトップに配置することで、ユーザーの信頼感を得られるようにする

  • 2.農家さんの情報を分かりやすく伝える

    顔写真を大きく載せることで、ユーザーに安心感を伝える。また、吹き出しでおすすめポイントを記載することで、農家さんの特徴を伝えることを意識した。

デザイン面
  • 1.ナチュラル志向の女性が好む色味を使用

    少し黄みがかったアイボリーやベージュ色を全体的に使用し、手書き風イラストを用いれることで親しみが感じられるようにする

  • 2.購入への導線をつくる

    コンバージョンに至りやすくするために、アクセントカラーのオレンジと野菜を目立つように配置する

  • 3.食卓を連想させるファーストビューにする

    食卓風景をイメージすることで、購入意欲向上に繋げることを目的としている

制作で気づいたこと

コンセプトは「ちょっと試してみたい!」と感じるサイトです。
LPを制作する上で①離脱させない②顧客目線③コンバージョンさせることを意識しました。LPの特性上、1ページのボリュームが多くなるため、コンテンツごとに背景色やあしらいの雰囲気を変更し、メリハリを意識しました。
自分がペルソナの立場であれば、「本当に購入するのか?」と自問自答を繰り返すことで納得のいく制作が出来ました。

スグ食べのLPサイト01
スグ食べのLPサイト02

other Works