Riko Tanaka Portfolio
スグ食べ オーガニック野菜販売サイト
ワイヤー・デザイン・コーディング
-
概要
学校課題として、オーガニック野菜販売サイト『スグ食べ』のランディングページを制作。販売促進を目的に、ターゲットの購買意欲を高めるデザインを意識しました。
-
使用ツール
Figma illustrator Visual Studio Code
-
制作期間
ワイヤー：2 日 デザイン：11 日 コーディング：18 日
-
目的
リスティング広告の開始に伴い、既存のWebサイトよりも訴求力の高いランディングページが必要となる。食へのこだわりが強い層に響くデザインと構成で、ユーザーをお試し購入へと効果的に誘導することが目的。
-
ターゲット
成長期の子どもを持ち、食にこだわりながら家族の健康を気遣うママ。『ていねいな暮らし』を大切にし、食に少しお金をかけられる層。
-
工夫点
明るい色調でヘルシーな印象を保ちつつ、和テイストの装飾や和紙の質感を背景に取り入れ、ナチュラルで落ち着きのあるデザインに。無農薬・有機野菜や産地直送などの訴求点を強調し、信頼感を演出しました。新鮮さを伝えるため、畑で撮影された写真を中心に使用し、旬の野菜や農家のイラストを添えて親しみやすさをプラス。注文ボタンは目立たせ、スムーズに購入へ誘導。レスポンシブ対応で快適に利用できるようにしました。
-
感想
ワイヤーフレームの作成からコーディングまで一貫して行う初めての制作物となり、クライアントの要望をデザインで表現する難しさを実感しました。改めてデザインを見返すと、ナチュラルさや高級感が不足し、全体的にポップな印象が強くなったことで、「ていねいな暮らし」を大切にする層への訴求にズレが生じたように感じています。今後はターゲットをより深く理解し、デザインの印象を的確にコントロールできるよう意識しながら制作に取り組みたいと考えています。また、方向性を見直し、ブラッシュアップした作品を再制作することで、より完成度の高いデザインを目指したいと思います。
Design
PC
SP
