AIReact+Tailwind CSS＋Gemini AIチャット搭載のプレミアムデザインサイトました

react next.js

自社サービス「ワールドトレードネクスト（WTN）」の公式WebサイトをReact+Tailwind CSSで設計・開発・公開しました。

【サービスの背景】
「AIは難しい」という思い込みをなくし、スマホと同じ感覚でAIを使いこなせる時代を作る。AI自動化エンジンの構築支援から高単価講座のプロデュースまで、ワンストップで提供する事業ブランドサイトです。

【実装した主な機能・ページ構成】
・ヒーローセクション（AIへの問いかけコピー＋CTAボタン）
・高単価講座・構築エンジン極（KIWAMIページ）
・AI Connectorページ（LINE×AI業務自動化）
・Lark業務自動化ページ・サービス一覧・ビジョン・代表プロフィール
・AI搭載チャット（Gemini API連携のWTN AIコンシェルジュ）
・SEO・MEO最適化（構造化データJSON-LD、OGP、Geo Targeting）

【技術スタック】
・React 19 / JSX / Tailwind CSS
・Google Gemini API（AIチャット）
・Recharts（グラフ）、Vercel（デプロイ）

【デザインコンセプト】
「重厚感×信頼感×先進性」をテーマに、ダークネイビーをベース、ゴールドをアクセントとしたプレミアムデザイン。スクロール連動アニメーション・レスポンシブ完全対応。

【成果】
・東京都23区・千葉県のSEOキーワードで上位表示対応
・Gemini API連携のAIコンシェルジュでリード獲得導線を構築

サイトURL：https://wtnext.vercel.app/

カテゴリー: ランディングページ (LP) 制作
業種: 広告・イベント・プロモーション
場所: 千葉県
制作期間: 7日
参考価格: 150,000 円
最終更新日: 2026年3月7日

※この制作物は生成AIを活用しています

制作者

harry _(harry-n2)

営業25年×AI12資格｜セールスマーケティングで「売れる仕組み」を即実装するプロ

65 件満足

0 残念
認定ランサー
個人
千葉県

お問い合わせ

「難しそう…」と思われるWeb制作・マーケティング支援を、再現性高くシンプルに実現します。営業25年・セールスコピーライティング20年以上の実務経験と、Anthropic公式認定12資格以上のAI専門知識で、あなたのビジェスの成果を最大化します。

■ 3つの強み
①【AI×マーケティングの実行支援】
Claude・ChatGPTを実務に深く組み込み、LP・セールスレター・ステップメール・LINE配信文を高速制作。エバーグリーンファネルの設計からリストマーケティングの実行まで一気通貫で対応します。Anthropic公式「MCP Advanced Topics」「Building with the Claude API」など高度なAI資格を保有し、業務自動化・ファネル構築も提案・実装できます。

②【実績62件・満足率100%の信頼】
ランサーズ認定ランサーとして完遂62件、満足評価率100%、リピーター7名。LP制作・セールスライティング・YouTube台本・プロダクトローンチ設計まで幅広く対応。「また依頼したい」と思っていただける丁寧な仕事を心がけています。

③【超速納期×売上につながる制作力】
最先端AIツールを駆使した短納期対応。「見た目だけキレイ」なコンテンツは作りません。Google広告認定（検索・動画・アプリ・測定）・GAIQ保有により、SEO・広告・アナリティクス視点を組み込んだ「成約につながる」制作を標準装備します。

■ 対応領域
✅ セールスレター・LP制作（高成約率設計）
✅ ステップメール・メルマガ・LINE配信文
✅ エバーグリーンファネル設計・構築
✅ プロダクトローンチ企画・実行支援
✅ YouTube・SNS動画台本制作
✅ AIエージェント活用による業務効率化

■ こんな方におすすめ
「フォロワーはいるのに収益化できていない」
「LP・メルマガの成約率を上げたい」
「AIを使った仕組みで集客・販売を自動化したい」
「急ぎでセールスコンテンツが必要」

【稼働体制】
平日・土日祝 10:00〜23:00対応
ChatWork・Slack・Zoom対応可
迅速レスポンス・専門用語なしの丁寧なコミュニケーション

まずはオンラインMTGで、やりたいことをお気軽にお聞かせください。御社のビジネスの成功を全力でサポートします。