架空の農園のwebサイトを制作しました。

使用ソフト:Photoshop・Dreamweaver
制作期間:5日

※2022年5月8日追記 コーディングしたものをアップロードしました。※

PC用サイトデザイン
PC用サイトデザイン
スマートフォン用サイトデザイン
スマートフォン用サイトデザイン

コンセプト

農園のことを知ってもらい、顧客を増やすことと、ブランドイメージの発信をすることを目的とした設定でwebサイトを制作しました。

ユーザーのペルソナ

30~40代の主婦。食事にとても気を使っていて、食材も無農薬や有機栽培の野菜、無添加のものを買うようにするなどこだわっている。日中はパートに出ていて、買い物は週末にまとめてしている。夫、子どもと都内に住んでいて、月に一度は家族でドライブに出かける。家事は得意。

説明

全体的にはナチュラルなイメージになるようシンプルな配色・構成にしました。伝えたいポイントは目につきやすいよう、説明文の背景に色を付けてアクセントにし、内容ごとに色を分けてわかりやすいよう工夫しました。
農園の方が情報発信しやすいようブログのリンクを設置し、アイキャッチで内容がわかりやすい構成にしました。
使いやすいサイトを意識し、フッターにサイトマップ、画面右下に「トップに戻る」ボタンを設置しました。
様々なデバイスで閲覧することを想定し、レスポンシブ対応にしました。