既存Webサイトのリニューアル

石川和貴

制作年月日

2024年02月28日

使用ツール・言語

Photoshop / Illustrator / HTML / CSS / JavaScript / VisualStudioCode

製作期間

3週間

サイトURL:https://k-iskw.com/unoike
既存サイトURL:https://www.joyful-f.jp/

概要

愛知県にある体験型農園「ジョイフルファーム鵜の池」の既存Webサイトを新デザインにリニューアルする。
顧客に伝えたいことや鵜の池の強みなどの情報をまとめてどう見せるか考えてデザイン及びコーディングした。
コンセプトは、ファミリーが季節ごとに様々な味覚に出会える体験型農園であることが分かるサイト。

ターゲット

  • 男性、女性、年齢問わず。特に、こどものいる親や孫のいるお年寄りなどのファミリーに向けて。

制作の目的

  • 既存のWebサイトを見てリニューアルするにあたって情報をどうまとめるか考える。
  • 現在のWebサイトにはどんな情報を重視して載せているのか、また問題点はあるのかの把握と改善案の確認と実装。

デザインおよび制作のこだわり

  • 既存のWebサイトで感じた問題点と改善案
    トップページに多くの情報を載せており複雑になっている。
    →トップページにお知らせや各コンテンツの入り口など載せる情報を整理し、下層ページにて詳細を見ることができるようにする。
    横幅を固定した中にコンテンツをまとめているので窮屈に見える。左右の余白には何もないので寂しく見える。
    →載せる情報を整理しコンテンツのサイズを大きくし要素間の余白を既存の状態より多くとり広く見せる。
    見たときに緑色をベースにしているので統一感はあるがファミリー向けに変えられると感じた。
    →農園に関する色(赤→いちご狩り、茶→土、緑→葉)を背景にし、明るい雰囲気が持てるようにした。
  • 家族、こどもの画像や装飾を使い暖かい印象を、メインに使うフォントや要素の角は丸くしてやわらかい印象を与えるようにした。
  • 味覚狩りの時期に合わせてメインビジュアルが変わるようにした。(1~7月はいちご狩り、8月はぶどう狩り)
ジョイフルファーム鵜の池
既存Webサイト
ジョイフルファーム鵜の池
リニューアル後トップページ
鵜の池について|ジョイフルファーム鵜の池
鵜の池について
周辺観光情報|鵜の池について|ジョイフルファーム鵜の池
周辺観光情報
味覚狩り|ジョイフルファーム鵜の池
味覚狩り