Riko Tanaka Portfolio
オーガニック野菜販売サイト スグ食べ
ワイヤー・デザイン・コーディング
-
概要
学校課題として、オーガニック野菜の販売サイト「スグ食べ」のランディングページを制作。お試し購入への誘導を目的に、ターゲットの購買意欲を高めるデザインと導線設計を意識したサイト構成を行いました。
-
使用ツール
Figma Illustrator Visual Studio Code
-
制作期間
ワイヤー：2 日 デザイン：11 日 コーディング：18 日
-
目的
リスティング広告の開始に合わせ、既存サイトよりも訴求力のあるランディングページが必要となった。食への関心が高い層に響くデザインと情報設計で、ユーザーをお試し購入へと自然に誘導することを目指す。
-
ターゲット
成長期の子どもを持ち、食にこだわりながら家族の健康を気遣うママ。「ていねいな暮らし」を大切にし、食に少しお金をかけられる層。
-
工夫点
明るくヘルシーな印象を保ちながら、和紙の質感や和風の装飾を取り入れ、ナチュラルで落ち着いた雰囲気を演出。無農薬・有機野菜・産地直送といった信頼性の高い訴求ポイントを明確に打ち出しました。畑で撮影された写真や農家のイラストを活用し、新鮮さと親しみやすさの両立を意識。注文ボタンは目立たせ、スムーズな購入導線を設計。レスポンシブにも対応し、ユーザーがストレスなく利用できる環境を整えました。
-
感想
初めてワイヤーフレームからコーディングまで一貫して取り組んだ制作物となり、ターゲットに合った世界観や印象づくりの難しさを実感しました。振り返ると、ナチュラルさや上質感を十分に表現できず、「ていねいな暮らし」を好む層への訴求にややズレがあったと感じています。今後は、ターゲット理解を深めた上で、視覚表現のトーンや訴求軸をより丁寧に設計できるよう取り組んでいきたいです。再制作も視野に入れ、より完成度の高いアウトプットを目指します。
Design
PC
SP
