Webサイトを作成させて頂きました！～キウイフルーツカントリーJapan～

2019/11/12

概要

秋といえば色々な果物などが旬で楽しい時期ですよね。そんな旬のフルーツの一つに「キウイフルーツ」があります。

私が住む静岡県掛川市には日本最大級のキウイ農園があります。それが「キウイフルーツカントリー Japan」さんです！
縁あって Web サイトのリニューアルを任せて頂き、自由にアピールしてもいいよということなので紹介したいと思います。

「キウイフルーツカントリー Japan」はキウイの栽培だけでなく、手ぶら BBQ が楽しめたりと隠れた観光名所になっています。
まずは農園の紹介とサイトの紹介をしたいと思います。
サイトの Web 技術的な紹介は別途まとめていきます。

キウイフルーツカントリーJapanとは？日本最大級のキウイ観光農園です！

「キウイフルーツカントリー Japan」は静岡県西部の掛川市のほぼ中央部に位置する日本国内で最大規模のキウイフルーツ観光農園です。
広さは東京ドーム3個分もある広大な土地で80品種以上のキウイを栽培し、50種類以上の新品種を開発している世界有数のキウイの楽園です。
世界でもここにしかない超貴重な品種がいくつもありますよ。

サイトの URL と住所は以下の通りですので、ぜひ、ご覧いただけると嬉しいです！

・キウイフルーツカントリー Japan - https://kiwicountry.jp/
※ブラウザの言語設定が日本語以外だと自動的に英語サイトにリダイレクトされます。
・住所：静岡県掛川市上内田2040

入園するとキウイが食べ放題！

キウイ好きにはたまらない「キウイの食べ放題」が入園すると自動的についてきます。嬉しいですね。
(入園の際は入園料が掛かります。消費税込で大人：1,500円、子供：1,000円、2歳以下は無料)

キウイは樹上では完熟しない (一部の品種を除く) ので収穫してから数日～1ヶ月ほど追熟が必要です。
食べ放題のキウイは食べごろになるように追熟させたものを用意してくれているのもポイントです。

キウイ以外にも見どころがたくさん！手ぶらBBQや動物とのふれいあいも！

キウイばかりに注目してしまいますが、実はそれ以外にも魅力がたくさんあります。
特にオススメは手ぶらで楽しめる BBQ とカワイイ動物とのふれあいです。

手ぶらBBQは準備も片付けも不要！持ち込みも自由です！

BBQ は面倒な準備も片付けも一切が不要でお任せでできてしまいます。
隅への着火で手間取ったり、大変な後片付けが必要ないので女性だけでも気にせずに楽しめますね。

食材付きで予約すればカット済みの焼くだけの食材も付いてきます。とても楽チンです。

写真は3食分の BBQ メニューです。お肉と野菜、焼きそばが付いてきます。
炭や鉄板・トング・菜箸などのレンタルも含めて1食分が 2,200円 (税込) とリーズナブルです。

また、持ち込みも自由なので好きなお酒やピザなんかも楽しむことができます。
売店でも種類は限られますが飲み物も買えます。キウイの地ビールもあっておススメです。

カワイイ動物と直接ふれあえます！

入園するとすぐの場所にウサギやヒツジといったカワイイ動物が待っています。
直接ふれあってエサやり (野菜スティック) などができます。

森の中は子どもが大好きな遊び場です！ツリーハウスもあります

農園の一番上には森があり、森林浴ができます。暑い夏は特に気持ちいいです。
ツリーハウスも設置されていて子どもたちに大人気エリアです。(大人も本当は楽しい)

森を抜けた先からは天気が良いと富士山も見られます。お茶畑と富士山の組み合わせは最高です。

Webサイトはスマホでの使い勝手を考えた機能とデザイン

Web サイトはスマホユーザの多さからスマホで快適にお使い頂けるよう必要な機能のみを実装してボタン類を大きく入力補助などを組み合わせて実装しました。
もちろん PC やタブレットなど、どんな解像度の端末でも快適に使えるレシポンシブデザインです。

・キウイフルーツカントリー Japan - https://kiwicountry.jp/
※ブラウザの言語設定が日本語以外だと自動的に英語サイトにリダイレクトされます。

スマホ

スマホでは表示領域が狭いので必要なボタン類のみに限定して表示させています。
メニューはどうしても数が多くなってしまうので1回のタップを必要とします。
(フッターまでスクロールした場合はフッターに展開したメニューを表示するようにしています)

タブレット

タブレットは向きもあり幅広い解像度が想定されるのでサイズに応じて連続的にデザインが変化します。
PC での表示と同じ量の情報を表示させるため、主にボックスである程度の要素をまとめています。

PC

PC では13型のノートパソコンで長らく使われていた HD (1366x768) 解像度でフルとなるように設計しています。
但し、横スクロールする要素 (スライダーや Instagram 投稿) は画面幅をいっぱいまで使います。

ブラウザの言語設定で自動的に英語サイトへリダイレクト

「キウイフルーツカントリー Japan」は海外からの農場視察やファームステイなど、国際的な交流も盛んな農園です。
そのため、日本語以外の言語設定を使ってアクセスした場合には自動的に英語サイトへリダイレクトされる仕組みになっています。

自動表示された言語以外に変更することもできるようにしてあります。
一度設定するとセッションに設定を保存してセッションが切れるまでは同一の設定で表示する仕組みです。

※現在、中国語も対応するか検討中です。

写真も採用して頂きました

サイト上で使用している画像の多くは私が撮影したものを採用して頂きました。
簡単な写真撮影でしたらサイトやページ作成に併せてさせて頂くこともできます。

まとめ

以上、作成した Web サイトの紹介でした。

Web サイトで使っている機能や技術などは別途まとめて公開していきますね。