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