体験する・食べる・買う」をひとつの楽しみに。体験農園の魅力を丸ごと伝えるホームページ制作

体験農園みとか様には、収穫体験・カフェ・直売所という性格の異なる3つの施設があります。そこでトップページでは、これらを別々の施設として並べるのではなく、「フルーツ農園みとかでできる体験」としてひとつにまとめました。そのうえで「体験する」「食べる」「買う」の3つの動詞で入口を分けています。
3つにはそれぞれテーマカラーを割り当てました。

体験する（Harvest）：いちごのピンク
食べる（mitocafe）：オレンジ
買う（&Market）：ティール

この色を、波形のバッジ、続く「FEATURE 01〜03」の紹介ブロック、各ブロックの「View More」ボタンまで一貫して使っています。紹介ブロックは写真と文章を左右交互に配置し、背景の色味も各テーマカラーに寄せています。

これにより、「いちご狩りに来た人がカフェにも寄る」「カフェ目当ての人が次は収穫体験に来る」という農園内の回遊を、サイト上でも自然に想像できる構成にしています。

メインビジュアルは、笑顔でいちごを頬張る来園者様や、陽に透けるぶどうの写真などみとか様の魅力が伝わる写真を大きく使っています。
その写真に、縦組みの極太英字「MITOCA」「YAMAGATA」と筆記体の「Gifu」を重ねました。農園らしいやさしさの中に、雑誌の表紙のような印象的な見た目を持たせています。

ページの随所では、写真の見せ方に変化をつけています。
Aboutセクション：傾けた施設写真といちご狩りの写真を重ね、切り抜きの子どもとヤギが写真からはみ出すコラージュ
写真ループ：四角・カプセル形・円形と形の異なる写真を、上下にずらして横に流す
周囲の装飾：切り抜きのいちごを点在させ、スクロールしても目を楽しませる

FEATUREブロックでは、商品写真の角にスタッフの切り抜き写真を配置し、こちらを指差しながら話しかけるような演出にしました。果物やスイーツのおいしさだけでなく、「ここで働く人たちに会いに行きたくなる」親しみまで伝えることを狙っています。