架空サイト制作:オーガニック野菜のランディングページ

OVERVIEW

スクールの提出課題として架空サイトのデザイン、コーディングを行いました。 設定、コンセプト等はスクール規定のものです。

YEAR 2019

概要

  • 無農薬野菜を扱った通販サイトのランディングページ。
  • 成長期の子どもがおり、食にこだわる丁寧な暮らしが好きな母親がターゲットユーザー。
  • サイトの目的は、お試し購入ボタンへ導くこと。

お客様のご要望(設定)

  • ナチュラルで清潔感のあるテイストにして欲しい
  • ある程度リッチでディティールに凝ったものにしたい
  • スマホでも使いやすくしたい

Webデザイン

制作期間:1ヶ月

(情報設計・ワイヤーフレーム:1.5週間/デザイン:1.5週間/コーディング:1週間)

使用ツール:Photoshop、Dreamweaver

レスポンシブ:スマホ・PC・タブレット

デザインのポイント

  • フォントや色でナチュラルさを表現し、明るくも落ち着いた雰囲気に仕上げた
  • お試しボタンを各所に配置し目立たせた
  • わざとらしさを感じさせないように配慮しつつ、商品購入に訴求した

制作後の感想

オリジナルでデザインをし、コーディングまで行った初めての作品です。ユーザーの目線に立って、自分が利用しやすいサイトにすることを意識して作成しました。

はじめのうちは、思うように実装することが難しくて苦戦しました。