架空サイト制作:オーガニック野菜のランディングページ
OVERVIEW
スクールの提出課題として架空サイトのデザイン、コーディングを行いました。 設定、コンセプト等はスクール規定のものです。
概要
- 無農薬野菜を扱った通販サイトのランディングページ。
- 成長期の子どもがおり、食にこだわる丁寧な暮らしが好きな母親がターゲットユーザー。
- サイトの目的は、お試し購入ボタンへ導くこと。
お客様のご要望(設定)
- ナチュラルで清潔感のあるテイストにして欲しい
- ある程度リッチでディティールに凝ったものにしたい
- スマホでも使いやすくしたい
Webデザイン
制作期間:1ヶ月
(情報設計・ワイヤーフレーム:1.5週間/デザイン:1.5週間/コーディング:1週間)
使用ツール:Photoshop、Dreamweaver
レスポンシブ:スマホ・PC・タブレット
デザインのポイント
- フォントや色でナチュラルさを表現し、明るくも落ち着いた雰囲気に仕上げた
- お試しボタンを各所に配置し目立たせた
- わざとらしさを感じさせないように配慮しつつ、商品購入に訴求した
制作後の感想
オリジナルでデザインをし、コーディングまで行った初めての作品です。ユーザーの目線に立って、自分が利用しやすいサイトにすることを意識して作成しました。
はじめのうちは、思うように実装することが難しくて苦戦しました。