会員制 × PWA対応
オンラインコンテンツ販売サイト
Client: Healing Lab様
動画コンテンツやオンラインセッションを販売するための高機能ECサイトを構築。
WordPressとWooCommerceを基盤とした決済・会員管理機能に加え、PWA（Progressive Web App）技術を導入し、スマートフォンアプリのような快適な操作性とオフライン再生機能も実現しました。
コンテンツ販売からマーケティング、顧客体験の向上までを一気通貫で支援し、事業運営の効率化と収益最大化に貢献しています。
世界観を伝える
トップページデザイン
WordPress / WooCommerce /
Smart Slider
動画・セッション販売の基盤をWooCommerceで構築。
感性に訴えるヒーリングの世界観を柔らかな動きと余白を活かしたスライドで表現。
初めて訪れた人の心にそっと寄り添うファーストビューを設計しました。
オフライン再生対応の
PWA（Webアプリ）機能
PWA / Service Worker / Cache API /
オフライン対応
サイトをスマートフォンのホーム画面に「アプリ」として追加可能に。
プレイリストに保存すればオフラインで再生出来るので
通信量を消費せず、何度もサクサク視聴できます。
優れた顧客体験を提供します。
購入者限定の動画視聴ページ
Cloudflare R2 / HLSストリーミング /
Web Worker / アクセス制御
大容量の動画でも快適に視聴できるよう、Cloudflare R2とHLSストリーミング配信（ffmpeg利用）を導入。
動画を細かく分割して配信することで再生開始までの時間を短縮し、ユーザーの通信環境に合わせた安定した視聴体験を提供します。
また、Web Workerによるバックグラウンド処理や、購入者のみがアクセスできるセキュアな視聴環境を構築し、コンテンツの不正ダウンロードも防止しています。
購入者限定の高機能マイページ
会員制サイト構築 / 1on1チャット機能 / REST API / UI・UX設計
購入済みコンテンツの表示に加え、運営者と直接やり取りできるプライベートチャット機能を実装。
REST APIによる非同期処理で、Webアプリ全体の高速なページ遷移と快適な操作性を実現しています。
LINE連携＆マーケティング自動化
Google Apps Script(GAS) / LINE API /
カスタムフォーム
サイト登録と連動し、LINEから5日間の講座を自動配信する機能をGASで開発。
任意のページから商品レビューを投稿できる専用フォームも実装。
多角的に事業をサポートします。
LINE連携イベント予約システム
Client: Aranel様
専用のWebアプリケーションでシームレスな予約・決済体験を実現する完全オリジナルのイベント予約システムを開発。
手動だった予約管理やチケット発行といった業務を自動化。
主催者様の運営負担を大幅に軽減しました。
クライアントの理想に合わせて
機能カスタマイズ
オーダーメイド開発 / Google Apps Script(GAS) / 顧客データ蓄積
回数券での支払いや現地での現金払いなど、クライアント独自の決済フローに完全対応。
どのような支払い方法でもGASが情報を処理し、LINEの顧客情報と紐づけて利用状況を自動でデータ蓄積。
クライアントの理想の運用を実現するオーダーメイドの仕組みを構築しました。
インバウンド向けサービスの
Webサイト制作
Client: Miko Ceremony様
外国人観光客をターゲットとした体験サービスのWebサイトを企画・キーワード戦略からデザイン・構築まで一貫して担当。
さらに、サービスをその場で予約・決済できるオーダーメイドのシステムも開発。
日本の伝統美を表現しつつ、集客から売上向上までをWebサイト上で完結できる仕組みを実現しました。
伝統美を伝えるインタラクション
WordPress / Kadence / JavaScript /
Intersection Observer API
スクロールに応じてコンテンツが滑らかに表示されるアニメーションを実装。
サービスの持つ静かで神聖な世界観を、ユーザーの心に響く視覚体験として提供します。
ターゲットを捉えるSEO戦略
SEO戦略 / キーワード選定 /
コンテンツ設計
インバウンド観光客の検索ニーズを徹底的に分析。
「日本での文化体験」を探す潜在顧客に的確に情報を届けるためのキーワード選定とサイト構造を設計し、オーガニック検索からの流入を促進します。
オーダーメイドの予約・決済システム
オーダーメイド開発 / 予約システム /
オンライン決済 / 多言語対応
外国人観光客が言語の壁を感じることなくスムーズに予約・決済まで完了できるように
シンプルなUIのオーダーメイド予約システムを構築。
英語での表示はもちろん、オンラインでのカード決済にも対応して
機会損失を防ぎ売上向上に直接貢献します。
インスタで活動している方の
セッション宣伝LP
SNS発信と連動させた1ページ完結型LP。
ヒーローセクションから講座紹介まで、スマホユーザーを意識した縦長構成で制作。
ペライチ等からの移行もスムーズに行える柔軟なデザインです。
