Setsuna Films Website
A digital platform for a storytelling studio, built to connect viewers, clients, and creator commerce.
視聴者、クライアント、クリエイターコマースをつなぐ、ストーリーテリングスタジオのためのデジタルプラットフォーム。
The Story
ストーリー
Setsuna Films grew naturally out of the YouTube channel. After making cinematic stories about Japan, I started thinking about what it would mean to take that same approach beyond my videos: helping local businesses, creators, and projects present themselves with more care, more emotion, and a stronger digital presence. The website was built as the home for that idea. It needed to do more than look good. It had to explain what Setsuna Films does, receive inquiries from potential clients, support both English and Japanese visitors, and create a direct way for viewers to support the project through limited merchandise.
Setsuna Filmsは、YouTubeチャンネルから自然に広がっていったプロジェクトです。日本についてのシネマティックなストーリーを作る中で、その表現を自分の動画だけにとどめず、ローカルビジネス、クリエイター、さまざまなプロジェクトが、より丁寧に、より感情を込めて、より強いデジタルプレゼンスを持てるように活かせないかと考えるようになりました。このWebサイトは、その考えの拠点として作りました。見た目が良いだけではなく、Setsuna Filmsが何をしているのかを伝え、クライアントからの問い合わせを受け取り、英語と日本語の訪問者に対応し、限定グッズを通じて視聴者がプロジェクトを直接応援できる場所にする必要がありました。
Platform Design
プラットフォーム設計
The main challenge was to make the site feel like a creative studio on the surface while still working like a real operational system underneath. Visitors can discover the work, understand the studio, switch between English and Japanese, and purchase products in either JPY or USD. On the admin side, products, images, orders, tracking numbers, customer emails, and visitor analytics can be managed without touching code. I wanted the platform to feel simple for the visitor and reliable for the people operating it. That meant thinking about both sides: the emotional first impression and the practical workflow after someone places an order or sends an inquiry.
大きな課題は、表面上はクリエイティブスタジオらしい印象を持ちながら、その裏側では実際に運用できるシステムとして機能させることでした。訪問者は作品を見て、スタジオの内容を理解し、英語と日本語を切り替え、JPYまたはUSDで商品を購入できます。管理側では、商品、画像、注文、追跡番号、顧客メール、訪問者分析を、コードを触らずに管理できます。訪問者にとってはシンプルで、運営する側にとっては信頼できるプラットフォームにしたいと考えました。そのため、最初に受ける感情的な印象と、注文や問い合わせが入った後の実務的なワークフローの両方を意識して設計しました。
Features
主な機能
Bilingual Studio Presence
バイリンガルなスタジオプレゼンス
The site presents Setsuna Films in both English and Japanese, helping viewers, clients, and international visitors understand the work clearly.
Setsuna Filmsの活動を英語と日本語の両方で伝えることで、視聴者、クライアント、海外からの訪問者が内容を明確に理解できるようにしています。
Creator Commerce
クリエイターコマース
The store gives viewers a direct way to support the project through limited merchandise, instead of relying only on platform revenue.
限定グッズを通じて、視聴者がプロジェクトを直接応援できる仕組みです。プラットフォーム収益だけに依存しない関係づくりを目指しました。
Stripe Checkout
Stripe Checkout
Products are purchased through Stripe-hosted checkout, with JPY and USD flows configured for local and international customers.
商品はStripeがホストするCheckout画面を通じて購入できます。国内外の顧客に対応できるよう、JPYとUSDのフローを設定しています。
Webhook Order Flow
Webhook注文フロー
Orders are saved to PostgreSQL on Supabase only after Stripe confirms payment through a webhook, keeping payments and records aligned.
StripeがWebhookを通じて決済を確認した後にのみ、注文情報をSupabase上のPostgreSQLに保存します。これにより、決済情報と注文記録の整合性を保っています。
Admin Dashboard
管理ダッシュボード
Products, images, orders, tracking numbers, and customer updates can be managed from one dashboard without touching code.
商品、画像、注文、追跡番号、顧客への更新情報を、コードを触らずに一つのダッシュボードから管理できます。
Email & Analytics
メールと分析
Confirmation, shipping, and cancellation emails are sent through ZeptoMail, while visitor analytics help track traffic by country and filter bots.
注文確認、発送、キャンセルのメールはZeptoMailを通じて送信されます。訪問者分析では、国別のアクセス状況を確認し、botを除外できるようにしています。
Stack
技術構成
Outcome
成果
Setsuna Films became more than a YouTube channel name. It became a digital home for creative work, client communication, and direct audience support. The site gives the project a more professional presence, creates a place for potential clients to understand the work, and allows the audience to support the channel without relying only on YouTube, ads, or platform algorithms. Behind the scenes, the admin system makes everyday operations easier by keeping products, orders, emails, tracking, and analytics in one place.
Setsuna Filmsは、単なるYouTubeチャンネル名ではなく、クリエイティブな活動、クライアントとのコミュニケーション、そして視聴者からの直接的な応援を支えるデジタル拠点になりました。このサイトにより、プロジェクトとしての信頼感が高まり、クライアントが活動内容を理解できる場所が生まれ、視聴者もYouTube、広告、アルゴリズムだけに頼らずチャンネルを支援できるようになりました。裏側では、商品、注文、メール、追跡情報、分析を一か所で管理できるため、日々の運用もスムーズになりました。
Key Takeaways
学び
This project pushed me to learn through execution. I had to connect design, payments, databases, storage, automated emails, analytics, and bilingual content into one working system. Many parts were unfamiliar when I started, so I learned by breaking problems down, testing carefully, fixing issues, and improving the platform step by step. It also taught me the importance of thinking beyond the visible interface. A digital product has to create trust for users, reduce friction for the people operating it, and support the goals of the project in a practical way. For me, Setsuna Films became a project where creativity met systems. I learned that a strong idea needs structure behind it, and that curiosity alone is not enough unless it is followed by execution, testing, and continuous improvement.
このプロジェクトでは、実際に作りながら学ぶ力が鍛えられました。デザイン、決済、データベース、ストレージ、自動メール、分析、バイリンガルコンテンツを一つの動くシステムとしてつなげる必要がありました。最初は慣れていない部分も多かったため、課題を分解し、丁寧にテストし、問題を修正しながら、少しずつプラットフォームを改善していきました。また、見えているインターフェースの先まで考える重要性も学びました。デジタルプロダクトは、ユーザーに信頼を与え、運営する人の負担を減らし、プロジェクトの目的を実務面から支える必要があります。Setsuna Filmsは、私にとってクリエイティブとシステムが出会ったプロジェクトでした。強いアイデアには、それを支える構造が必要であり、好奇心だけではなく、実行、検証、継続的な改善があって初めて形になるのだと学びました。
Visuals
ビジュアル