ホームページのファーストビュー

わくわくベジタブル様

新鮮で豊富な産地が魅力のオーガニック野菜配送サービス

架空の会社のLPサイトを制作しました。

#LPサイト
Webサイトを見る

QUICK LOOK

  • 担当領域

    企画デザインコーディング

    企画からサイトの公開まで全工程を一人で担当させて頂きました。

  • 利用ツール

    PhotoshopIllustratorHTML5CSS3JavaScriptjQuery
  • 制作期間

    1ヶ月(企画1week デザイン2weeks コーディング2weeks)

  • 制作時期

    2020年11月〜12月

  • サイト制作

    新規サイト

    リニューアル

  • お客様情報

    • 事業内容

      オーガニック野菜の宅配サービス

    • HPを制作する背景

      既存のサイトは存在するが、リスティング広告を出すことにしたため、より訴求力の高いランディングページが必要になった。

  • ゴール

    食へのこだわりが強い層に響くような内容にして、何はともあれお試し購入へ導きたい。

  • 作品のコンセプト

    • 「新 鮮さ・信頼感・安心感・健やかさ・ヘルシー」

    • 訴求したい事項

      ・「ていねいな暮らし」が好き無農薬・有機野菜・オーガニック野菜
      ・ 身体にいいものを販売している(いいものを作っている農家をセレクトしている)・ ブランディング
      ・産地直送(だから新鮮でおいしい)
      ・旬のものが味わえる

    • クライアント様のご要望

      ナチュラルで明るく、清潔感がある感じ。
      ターゲットユーザーはスマホもよくみるので、スマホでも使いやすくしたい。

  • ターゲットユーザ

    ・まだ成長期の子どもがいるママ
    ・働き盛りの夫にも、まだまだ元気でいてほしいと思っている妻
    ・そこそこ食にお金をかけられる(普通のスーパーの1.5~2倍程度)
    ・ 食にこだわる自分が好き
    ・「ていねいな暮らし」が好き

  • デザイン

    • カラー

      • メインカラー

        #307a02

        #f78c22

      • アクセントカラー

        #df4e72

      • サブカラー

        #f9f1c0

        #ee3c2d

      • ベースカラー

        #ffffff

        #fbf8f5

        #766153

      • テキストカラー

        #624939

        #333333

      野菜カラーである緑と、美味しさを連想させるカラーのオレンジをメインとした。またラディッシュの色をカラーピッカーでとりアクセントカラーにして、アクセントととして目立たせたい部分に使用した。野菜セットの野菜が色彩豊かなため、配色も全体的にそれに寄せている。

    • フォント

      • タイトル

        ヒラギノ角ゴシック Pro W3

      • 本文

        Arial

      • アクセント

        Noto Serif Japanese

        フォントの見本

      ターゲットユーザが女性のため、太いフォントや角張っているフォントよりも、丸みのある柔らかいフォントを選んだ。タイトル部分はカーニングを広めにとっている。

    • デザイン

      • PCデザイン
      • スマホデザイン