07 — EC / 有機栽培茶 / 2025

JURAKUEN

富士市の有機栽培茶農家のD2Cサイト。ブランドの発信とオンライン販売を一体にした日英対応のサイトです。

2025
静岡県富士市
クライアント
聚楽苑
領域
EC / 有機栽培茶
担当
デザイン、開発、EC、多言語対応、SEO
年
2025
公開中
www.jurakuen.com ↗

01 / PROJECT

WHAT THE
PROJECT IS.

生産者、栽培、有機JASの情報を、商品カタログとオンライン購入の導線とあわせて掲載しています。日本語と英語のページを用意し、同じブランド・商品情報を国内と海外の双方に届けられるようにしました。

購入フローはカートとStripeによる決済で構成しています。検索流入については、ロケール別のcanonical URL、サイトマップの自動生成、商品の構造化データ、カート・決済結果ページのインデックス制御で対応しました。

02 / HOW IT WORKS

THE DECISIONS
UNDER IT.

実装から

01
言語が通貨を決める

決済セッションはリクエストごとに組み立てます。日本語のカタログは円、英語のカタログはドルで、line_itemsを固定の価格オブジェクトではなく動的に構築します。商品はひとつのまま、2つの市場に出せます。

02
注文を確定するのはブラウザではない

決済イベントは署名シークレットで検証してから処理します。即時の完了だけでなく、コンビニ払いや銀行振込のように後日確定する決済も扱います。領収書はWebhook側から送るので、購入者が完了ページに戻ってきたかどうかに関係なく届きます。

03
言語による自動リダイレクトはしない

ブラウザの言語判定は切ってあり、ロケールは常にURLに含まれます。日本語のページを共有したリンクは、受け取った相手のブラウザ設定でリダイレクトされることなく、日本語のまま開きます。

04
拾われるべきページだけを出す

サイトマップは両ロケールを載せ、カートや決済結果といった取引中のページは除外してインデックスからも外します。検索結果が他人の空のカートではなく、商品や記事を指すようにするためです。

03 / DELIVERED

WHAT WAS
BUILT.

  1. 01

    商品カタログ、カート、オンライン決済

  2. 02

    日本語・英語のサイト構造

  3. 03

    生産者、栽培、有機JASの情報ページ

  4. 04

    商品の構造化データと検索エンジン向けメタデータ

  5. 05

    動的サイトマップと、カート・決済結果ページのインデックス制御

  6. 06

    有機栽培茶・抹茶の検索に向けたSEOランディングページと内部リンク設計

04 / TECHNOLOGY

THE STACK
BEHIND IT.

  • Next.js
  • React
  • TypeScript
  • Stripe
  • next-intl
  • Framer Motion
次の実績 — 01CaRoot→実績一覧 ↗