top
about
skill
works
contact
Copyright © Mai Komachi. All rights reserved.
Menu
top
about
skill
works
contact
Copyright©Mai Komachi. All rights reserved.
デザイン
コーディング
すぐ食べ
ページを見にいく
使用言語
HTML / SCSS / jQuery / JavaScript
使用ツール
Illustrator / Photoshop / DreamWeaver
制作期間
1ヶ月半
scroll
scroll
こだわりのオーガニック野菜を
ご自宅で。
デジタルハリウッドスタジオby LIGに通っていた際に、課題で仮想の野菜直送サイト「すぐ食べ」のサイトを作成いたしました。 農家さんのお顔が見える安心感や農薬不使用の野菜、獲れてから最短24時間で発送可能なところ売りです。 この時ランディングページを初めて作成し購入につながるように購入ボタンの配置や話の流れに注意し作成いたしました。レスポンシブ対応済みです。
こだわりのオーガニック野菜を
ご自宅で。
デジタルハリウッドスタジオby LIGに通っていた際に、課題で仮想の野菜直送サイト「すぐ食べ」のサイトを作成いたしました。 農家さんのお顔が見える安心感や農薬不使用の野菜、獲れてから最短24時間で発送可能なところ売りです。 この時ランディングページを初めて作成し購入につながるように購入ボタンの配置や話の流れに注意し作成いたしました。レスポンシブ対応済みです。
target
ターゲット
成長期の子どもがいて、食材をこだわりたいお母様
そこそこ食にお金をかけられるお客様(普通のスーパーの1.5~2倍程度)
食にこだわる自分が好き。「ていねいな暮らし」が好き。
strongness
お店の強み
こだわりオーガニック野菜をご自宅で
箱詰め倉庫を介すことなく、農家より24時間以内に発送可能
全ての商品が無農薬・無化学肥料
季節によって旬な商品を試すことができ、街中では見られないような珍しい商品とも出会えます。
生産者の顔が見える安心感
information
情報設計
まずはお試しセットの購入を促したいため、注文ボタンを右下に追従させてお客様が商品の紹介を見て購入したいと思ったタイミングでいつでも販売ページへ促せる様にし、 【お試しセット】のセクションを強調させるために、ある程度商品の紹介をしたところで1回、フッター前で1回と計2回差し込むことで購買意欲を向上させて販売に繋げる
商品に関する説明の最後にQ&Aを配置することにより、お客様の不明点を減らすようにしています。
design
デザイン
清潔感があり優しい印象を与えるために背景色はクリーム色(#fefbf0)を使用しました。
注文につながるボタンやカートマークは赤色にして目を引く様にしました。
【お試しセット】の背景色を変えることにより他のセクションより目立たせました。
フォントに関しては【晴れの空明朝(明朝体)】と【Noto sans(ゴシック体)】の2種類を使い分けています。 見出しを【晴れの空明朝(明朝体)】にすることで清潔感・信頼感を出して洗礼されたイメージを持たせ、 本文を【Noto sans(ゴシック体)】にし読みやすさを重視しました。
degin camp(pc)
カンプ
▼top
▼top slider
degin camp(mobile)
カンプ
▼top
▼menu
← back
next →