【制作実績】大分の有機農場「ウジャマー農場」公式サイト ─ 無料テンプレート「SANCTUARY」をWordPress化して商品ページ・お知らせ機能まで実装

プロジェクト概要

「ホームページを作りたいけど、ゼロから依頼すると費用が高い」「無料テンプレートを使うとどこまで実現できるのか不安」——そんな声を地方の事業者の方からよくいただきます。

このコラムでは、ソラマメワークスが手がけた ウジャマー農場 様の公式サイト制作事例をご紹介します。無料テンプレート「SANCTUARY」を土台に、農場ならではの機能を追加して 約1週間で公開 まで持っていきました。「無料テンプレートを土台に、必要な機能を後から足していく」というアプローチがどこまでできるのか、わかりやすくご紹介します。

なぜ SANCTUARY を選んだのか

ウジャマー農場様のサイトに求められたのは、「家族のように繋がる循環型農業」という、静かで誠実な世界観を伝えるデザインでした。

「SANCTUARY」は、上品なタイポグラフィと余白の使い方が美しく、スクロールに合わせて画像がゆっくり動くアニメーション（パララックス）が、訪問者の視線を作物や農場風景に自然と集中させる作りになっています。「作物を主役にしたい」農場サイトと相性が抜群です。

また、スマホ・PC問わず細部まで作り込まれたレスポンシブ設計のおかげで、デザインを大きく変えずに、必要な機能だけを追加していく形で制作を進められました。

テンプレートでは「できないこと」と、私たちが追加した機能

SANCTUARY は基本的に「見た目のデザイン」を提供する静的なテンプレートです。そのままだと、新しい商品を追加したり、お知らせを更新したり、お問い合わせを受け付けたりといった「動きのある運用」はできません。

そこで本案件では、テンプレートの世界観はそのままに、運用に必要な機能を後付けで実装しました。具体的に追加した機能は以下の通りです。

① 商品紹介ページ

ウジャマー農場の主力商品である 黒米・有機甘酒・カボスジュース・カボスBOX の4商品それぞれに、写真・説明文・価格などを掲載する詳細ページを新規作成しました。商品ページの最下部には「この商品について問い合わせる」ボタンを配置し、自然にお問い合わせまで誘導する導線を設計しています。

② お知らせの投稿機能

農作業の様子や入荷情報を、クライアント様自身がパソコンから投稿できる仕組みを追加しました。これまでは制作会社に依頼しないと更新できなかった部分を、管理画面から記事を書いて「公開」ボタンを押すだけで反映されるように整えています。

③ お問い合わせフォーム

商品ごとの問い合わせを想定し、「問い合わせる」ボタンを押した商品名が自動でフォームに入る仕組みを実装しました。お客様が「どの商品について」の問い合わせかを書く手間が省け、ウジャマー農場様の対応もスムーズになります。送信後はお客様にも自動で確認メールが届きます。

④ 過去のお知らせ・写真の引っ越し

旧サイトに蓄積されていた 60件以上のお知らせ記事と100枚以上の画像を、新サイトへすべて移行しました。さらに、旧サイトのページURLを新サイトでもそのまま開けるように設定したことで、検索順位や他サイトからのリンクが切れないように配慮しています（SEO評価を100%引き継ぎ）。

SEO とパフォーマンスの仕上げ

検索エンジンに正しく評価されるよう、サイトの裏側にも対策を施しています：

• 「大分 有機農場」のような地域検索で表示されやすいよう、農場情報を検索エンジン用の専用フォーマットで記述
• 各ページのタイトル・説明文を自動で最適化
• SNSでシェアされたときに、サイト名・サムネイル画像が正しく表示されるOGP対応
• 画像をすべて軽量なWebP形式に変換し、ページの表示速度を向上
• スマホでも快適に動くよう、アニメーションを軽量化

結果、Google公式のサイト診断ツール（Lighthouse）の SEO評価は100点 を達成しました。

完成したサイトの特徴

• 「家族のように繋がる」というブランド観が伝わる落ち着いた世界観
• スマホファーストの完全レスポンシブ
• 商品ページから問い合わせまでスムーズな導線
• 地域検索（「大分 有機農場」等）にも強い構造化データ設計
• クライアント様自身でお知らせを更新できる運用しやすい管理画面

「無料テンプレート + カスタマイズ」というアプローチの魅力

本案件は「良い無料テンプレートを土台にして、必要な機能を丁寧に追加していく」ことで、短期間で高品質なサイトを実現したアプローチの代表例です。

無料テンプレートの強み

1. デザインの世界観をすぐに手に入れられる（ゼロからデザインを起こす数週間の工程をスキップ）
2. プロのデザイナーが作り込んだレイアウトを土台にできる
3. コストを大幅に抑えられる

そこに「丁寧なカスタマイズ」を加えることで…

• ブランドに合わせた写真・文言の差し替え
• 業態固有の機能追加（商品ページ・お問い合わせ・お知らせ）
• 管理画面の整備でクライアント様の自走運用を実現
• SEO・パフォーマンスの仕上げで検索流入・表示速度を底上げ

「良いテンプレートを選び、丁寧にカスタマイズする」というアプローチは、コスト・期間・品質のバランスに優れた、現代的なWeb制作の有力な選択肢です。

採用したテンプレートのレビュー記事