架空オーガニック野菜販売サイト

OVERVIEW

Webデザインスクールの中間課題にてLP(架空オーガニック野菜販売サイト)を制作。

■制作物概要:LP(架空オーガニック野菜販売サイト)

Webデザインスクールの中間課題として制作。ワイヤーフレーム作成からコーディングまで約1ヶ月間で制作。

■目的/ゴール:HPを通してサービスを知ってもらい、お試しセット野菜を購入してもらうこと。

■コンセプト:食にこだわりを持って丁寧な暮らしをしている方をターゲットに、オーガニック野菜を連想させる、暖色を中心とした優しく落ち着いた統一感ある色を使用。フォントは游ゴシック体。

写真はフリー素材を使用。産地直送のイメージを連想させるよう、なるべく”手”が写った写真を選んだ。Photoshopで明度・彩度・色調・コントラストを調節、HP全体の統一感を持たせた。

ゴールであるお試し購入コンバージョンにスムーズに誘導するための工夫として、CVボタンのクリック率が上がるようにやや大きめの周囲に埋もれないサイズと、対比が出るようにCVボタンにのみ深みのある赤色(#ba4539)を使用することで目立たせた。

■学び:LPを制作する上で情報量とサイト全体の統一感のバランスが大切であると実感した。多くの情報をより端的に目的の情報に到達できるような工夫として、文字のジャンプ率をつけ目立たせたい要素から要素へ視線を誘導させることを意識した。コンテンツは足したり引いたりすることが大事で、なぜ必要なのか、そしてなぜ不要なのかをきちんと言語化できるようにすることが大切だと学んだ。