{/* decorative orbit */}

{/* Decorative dots removed per user request */}

Positioning

代理店より実行力、制作会社より戦略。戦略・制作・運用を一気通貫で担える、業界でも稀有なポジションを取っています。

{/* ============================================ POSITIONING MAP — full-width 2D scatter plot ============================================ */}

{/* Quadrant background tints */}

{/* Background grid (10x10 faint) */}

{/* Crosshair axes — dashed, span the inner chart */}

{/* Center origin dot */}

{/* Quadrant codes (corner overlays) */}

Q2 · CREATIVE-LED

★ Q1 · IDEAL ZONE

Q3 · IN-HOUSE

Q4 · OPS-LED

{/* Y-axis: vertical label on left edge with scale arrows */}

↑ 高クリエイティブの量と質低 ↓

{/* X-axis: horizontal label at bottom with scale arrows */}

← 低運用の実行力高 →

{/* Player bubbles plotted at (x, y) */} {players.map((p) => (

{/* Star burst behind featured */} {p.featured ? (

) : null} {/* The bubble */}

{ e.currentTarget.style.transform = "scale(1.06)"; }} onMouseLeave={(e) => { e.currentTarget.style.transform = "scale(1)"; }} > {p.featured ? ( {p.label} ) : ( {p.label} )}

{/* Brief description below every bubble */}

{p.shortDesc}

{/* "HERE WE ARE" callout pinned to the LEFT of frevia */} {p.featured ? (

HERE WE ARE ↘

) : null}

))}

{/* ============================================ (Legend tiles removed — each bubble carries its own label + brief description.) ============================================ */}

{banners.map((b, i) => { const t = themeMap[b.theme]; return (

{/* Hero image area */}

{/* Text bars */}

{/* A / B badge */}

{b.badge}

); })}

); } if (kind === "lp") { // Animated LP mockups — auto-scroll content, rotate "current page" indicator, // and pulse the CTA. Feels like real LPs being optimized in real time. return (

{[0, 1, 2].map((i) => { const y0 = `${i * 8}px`; const r0 = `${(i - 1) * -3}deg`; return (

{/* Page content (animated scroll) */}

{/* Headline bar — color/width flickers (A/B test) */}

{/* Hero block */}

{/* Text lines */}

{/* Image placeholder with grid */}

{/* CTA */}

{/* "improving" badge */}

A/B

{/* moving cursor */} {i === 1 ? (

) : null}

); })}

); } // data return (

); } function ServiceFlow() { const steps = [ { n: "STEP 01", title: "戦略設計の土台策定", body: "弊社の分析データと貴社のCRM・MAデータを掛け合わせ、データドリブンにペルソナを立案。市場・ユーザー行動をとらえた戦略設計。", color: "var(--navy)" }, { n: "STEP 02", title: "施策成果の最大化", body: "クリエイティブPDCAとLP最適化（LPO）で施策成果を最大化。バナー量産とWithoutによるLP生成で、無制限に検証。", color: "var(--sky)" }, { n: "STEP 03", title: "事業売上・利益の最大化", body: "インハウス化支援を通じて、事業売上のさらなる拡大。OJT形式の伴走・社内勉強会で、ノウハウを組織の資産に。", color: "var(--terra)" }, ]; return (

Service Flow

委託 → 並走 → 自走

{steps.map((s, i) => (

{s.n}

0{i + 1}

{s.title}

{s.body}

))}

GOAL

自分たちで、
未来をハンドリング
できる強さを。

支援のゴールは、貴社がマーケティングを
「自らの意志で自由に動かせる」状態になることです。

マーケティング基盤の権限は最初から貴社に帰属。
蓄積されたデータもノウハウも、すべて貴社の資産として残ります。

「任せる」のも「自分たちでやる」のも、常に貴社が最適に選べるように。

freviaは、ブラックボックスを排除し、貴社チームの自立的な成長にどこまでも伴走します。

); } function Pricing() { const plans = [ { name: "Standard", jp: "Standard Plan", price: "50", color: "var(--sky)", tag: "運用主軸", tagline: "運用とレポートを中心に、着実にPDCAを回すスタートプラン。", includes: [ "週次改善MTG（週1回・60分）", "月次レポート（Looker Studio）", "広告オペレーション実務対応", "バナー制作～月 50本", "LP制作～月 1本（LPO対応）", ], }, { name: "Execution Add", jp: "Execution Add Plan", price: "80", color: "var(--sky)", tag: "クリエイティブ加速", tagline: "クリエイティブと分析を強化、成果を一気に押し上げる中間プラン。", includes: [ "Standard の全内容を含む", "週次戦略MTG（週1回・2時間）", "制作ディレクターアサイン", "バナー制作～月 100本", "LP制作～月 2本（A/Bテスト対応）", "市場・競合分析レポート（月次）", ], featured: true, }, { name: "Premium Full", jp: "Premium Full Plan", price: "100", color: "var(--terra)", tag: "インハウス支援", tagline: "戦略・運用・制作・インハウス化まで、フル伴走プラン。", includes: [ "Execution Add の全内容を含む", "月次経営报告MTG（森田参加）", "専属デザイナー・ストラテジストアサイン", "バナー制作無制限", "LP制作無制限（キャンペーンLP対応）", "インハウス化支援（スキルトランスファー・社内勉強会）", ], }, ]; return (

Pricing

サービスプラン

{plans.map((p) => (

{p.featured ? ( POPULAR ) : null} {p.name}

{p.jp}

{p.tagline}

月額 {p.price} 万円

（税別）

{p.tag}

✓ {line}

))}

※初回契約期間：6ヶ月　/　契約更新：1ヶ月ごとの自動更新　/　締結書類：最初の契約書のみ

); } function ServicePage({ onNav }) { return (

); } window.ServicePage = ServicePage;

強み、ぜんぶ

{it.title}

委託 → 並走 → 自走

{s.title}

自分たちで、
未来をハンドリング
できる強さを。

サービスプラン

{p.jp}

強み、ぜんぶ

{it.title}

委託 → 並走 → 自走

{s.title}

自分たちで、未来をハンドリングできる強さを。

サービスプラン

{p.jp}

自分たちで、
未来をハンドリング
できる強さを。