合同会社QUEST

プラズマ技術で食品の鮮度保持に取り組む研究開発型企業様のコーポレートサイトを、WordPressの旧サイトから全面リニューアルしました。

資金調達とグローバル展開のフェーズに入られたタイミングでのご依頼だったため、「海外の投資家・事業パートナーが最初に見る場所」という位置づけでサイトを設計。日本語・英語の2言語対応、お知らせを自社更新できるCMS、管理画面の2段階認証までを含め、受注から約3週間で公開まで完了しています。

・ワンページ構成8セクション（ヒーロー／What We Do／Services／Technology／Team／Newsroom／Contact／フッター）
・日本語・英語の2言語対応（ヘッダーのボタンで全セクション切替）
・お知らせCMS（Tiptapエディタ・画像アップロード・2言語入力・即時反映）
・管理画面の2段階認証（パスワード＋メール6桁コード／有効期限5分）
・お問い合わせフォーム（スパム3重防御）
・既存ドメインのDNS切替・SSL設定まで対応

【ご依頼の背景】
既存サイトはWordPressで構築されていましたが、事業フェーズが「技術の実証」から「社会実装・グローバル展開」へ進んだことで、サイトの見せ方が実態に追いついていない状態でした。海外パートナーとの商談が動いている中で、英語での情報発信と、お知らせを自社でスピーディに出せる仕組みが必要というご要望でした。

【デザイン】
ご指定のデザインテンプレートに準拠し、等幅フォント（Fragment Mono）／12カラムグリッド／プラスアイコンといった要素まで忠実に再現。スムーズスクロール（Lenis）とスクロール連動アニメーション（GSAP）で、技術系企業らしい静かで精度の高い印象を作りました。

【CMS・多言語】
お知らせ（Newsroom）は管理画面から記事の作成・編集・削除・公開管理・画像アップロードが可能。日本語と英語をそれぞれ入力でき、公開後は即時反映されます。専門知識がなくても直感的に操作できるようPDFの操作マニュアルもお渡ししています。

【セキュリティ（10項目に対応）】
管理画面はパスワード＋メール6桁ワンタイムコードの2段階認証。5回失敗で5分間ロックアウト、httpOnly Cookieによるセッション管理、CMS出力のHTMLサニタイズ、画像アップロードのマジックバイト検証（拡張子偽装の防止）、CSPをはじめとするセキュリティヘッダーまで対応しました。お問い合わせフォームはハニーポット・送信タイミングチェック・IPレート制限の3重でスパムを防いでいます。

【技術構成】
Next.js 16（App Router）＋ TypeScript、Vercelホスティング、Vercel KV（データストア）、Vercel Blob（画像）、Resend（メール送信）、Lenis＋GSAP（アニメーション）。

【旧サイトの扱い】
移行前のWordPressサイトのコンテンツを完全バックアップし、クラウドストレージに格納。DNS切替後も旧コンテンツを参照できる状態を確保しました。

・受注から約3週間で、日英2言語のコーポレートサイトを公開（既存ドメインでの公開・SSL設定まで完了）
・お知らせの更新が社内で完結する体制になり、英語での情報発信も自社対応が可能に
・提案時のセキュリティ要件10項目すべてに対応。加えて高度なボット対策、OGP設定、XMLサイトマップ自動生成、サイトの死活監視を追加費用なしで実装
・お問い合わせフォームは本番環境で実際の到達確認まで実施し、取りこぼしのない状態で運用開始
・弊社の障害監視システムに登録し、公開後も障害を検知できる体制を構築

世界初の技術で食品ロスに挑む企業様のサイトということで、「派手さで語らない」ことを一番意識しました。技術の説明は誇張せず、実証済みの事実だけを英語でも正確に伝わる形に整える。そのうえで余白とスクロールの気持ちよさで質を感じてもらう、という設計です。

3週間という短い期間でしたが、公開後の運用まで見据えてCMSとセキュリティには手を抜きませんでした。海外パートナーとの商談や資金調達の場面で、このサイトがきちんと会社の実力を伝える役目を果たしてくれればと考えています。