Wahoriサイト

Wahoriは、創業者が率いるゲーム開発のベンチャーで、英語が生き抜く手段になる、癒し系の生活シミュレーションを開発しています。『どうぶつの森』に通じるぬくもりで、本格的な言語習得を包んだゲームです。土台にあるのは「フリーズ」。英語を7年間勉強して、バンクーバーに降り立ちます。するとタクシーの運転手に「What nationality are you?」（国籍はどちらですか）と聞かれます。教科書で習った「Where are you from?」（出身はどこですか）ではない、その質問に、あなたは固まってしまいます。ローンチ市場はアラビア語と日本語の話者で、ベンチャーは友人・家族・エンジェル投資家からの調達ラウンドで、ゲームをクローズドアルファまで運ぶ資金を集めています。今回の依頼は、その資金調達のためのウェブプレゼンスでした。

サイトは、3つの顔を持つ、小さく丁寧に作り込んだNext.jsアプリケーションとして作りました。ランディングページは、舞台にのせた「フリーズ」です。5つのスクロール連動シーンはすべて、Motion v12のスクロール系プリミティブだけで動いています。ほかのプロジェクトで使っている、より重いGSAPとLenisの構成をあえて採用しなかったのは、必要なのはスクロール連動のシーンであり、本格的なアニメーションのタイムライン管理ではなかったからです。

このサイトのアラビア語と日本語は、飾りではなく、サイトを支える要素です。どのフレーズも本物で、確認済みで、文脈上も正しいものです。コードベースにも、ダミーテキスト（Lorem ipsum）は使わない、飾りにしない、というルールが明文化されています。サイト全体が3つの言語で動き、英語がデフォルトで、アラビア語と日本語は正式に対応したロケールです。アラビア語では右から左のレイアウトにも完全に対応しています。リクエスト単位のプロキシが、初回訪問時にブラウザーのAccept-Languageヘッダーを読み取り、最も合致するロケールをCookieの初期値として設定するため、アラビア語を話す訪問者は、言語切り替えの操作をしなくてもアラビア語のページに着きます。

/pitch のピッチページは、投資家向け概要を資料の形にしたものです。課題、インサイト、プロダクトの一場面、なぜ今なのか、優位性、市場、4フェーズのロードマップ、チーム、資金調達の条件を並べています。この先を見据えたページがさらに2つあります。/progress の公開進捗ログと、/investors の非公開の投資家ポータルです。どちらもv0では設計済みの枠として公開し、機能は次のイテレーションに回しているため、URLも見せ方も期待値も、初日から揃っています。