T
LOADING
LOADING
Case Study / Web · Booking · Payment
淡路島の一棟貸し民泊の予約サイトを、空室カレンダー・動的料金・Stripe決済・管理画面まで一貫して設計。 自社で運用しながら継続的に改善しています。
案件名
TnewT 民泊予約サイト（自社運用）
カテゴリ
Webサイト / 予約・決済システム / CMS
対象ユーザー
宿泊予約者・施設運営者（管理画面）
主な機能
予約・決済・空室カレンダー・管理画面・ブログ
予約フォーム・決済・確認メール・管理画面・集客用ブログまでを内製し、外部の予約システムに依存せず運用。 自社で運用しているからこそ、現場の使い勝手を反映した改善を継続できます。
日程・人数・プラン選択から確認・決済までを、スマホでも迷わない導線で提供します。
DB上の予約とGoogleカレンダー（OTA予約）を連動し、予約可能日を可視化。ダブルブッキングを防ぎます。
土日祝の割増・連泊割引・クーポンを料金ロジックとして一元管理し、リアルタイムに合計金額を表示します。
Stripe Checkout とWebhookで決済を安全に処理。直前日程はAirbnb/Agodaへ自動振り分けします。
Amazon SESで予約確認・支払いリンクを自動送信。運営の手作業を削減します。
予約・物件・クーポン・オプション・写真をブラウザから管理。認証付きで安全に運用できます。
Markdownファイルで記事を管理し、Articleスキーマ・sitemapに自動反映。集客用コンテンツを内製できます。
構造化データ・sitemap・llms.txt・AIクローラー向けドキュメントを整備し、検索とAI双方に強い設計です。
| フロント / バックエンド | Next.js（App Router）+ TypeScript |
|---|---|
| スタイリング | Tailwind CSS + Radix UI / Headless UI |
| データベース | Amazon DynamoDB |
| 決済 | Stripe（Checkout + Webhook） |
| メール送信 | Amazon SES |
| ホスティング / CI | AWS Amplify（SSR） |
| 解析 | Google Analytics 4 |
実際に公開・運用中のサイト画面です。
施設紹介と予約可能日をひと目で確認
PCは左カレンダー・右予約詳細の2カラム
カルーセル＋拡大表示（ライトボックス）
カテゴリ・所要時間つきのスポット紹介
予約・決済・管理画面まで、業務に合わせて設計から運用まで支援します。自社運用の知見を活かし、「使い続けられる」システムをご提案します。