Add original digital human IP offering

This commit is contained in:
Codex
2026-07-19 14:45:45 +09:00
parent 196c4bddf7
commit 766bf0686e
8 changed files with 13 additions and 13 deletions
+1 -1
View File
@@ -1,4 +1,4 @@
import Link from "next/link";import { PageHero } from "../../components/PageHero";import { SiteShell } from "../../components/SiteShell";
const cards=[["01","经典形象重新被看见","基于经授权的照片、视频与声音,创建当前形象或年轻时期经典形象的 AI 数字人,让珍贵的个人资产持续与粉丝连接。"],["02","内容产能可扩展","把一个创意延展到短视频、图文、语音与多语言版本。"],["03","关系持续被经营","从评论到私聊建立连续体验,让高意向粉丝得到自然回应。"],["04","变现不止一种","组合订阅、付费内容、打赏、专属互动等收入路径。"],["05","全程授权可控","合作前明确形象版本、使用场景、授权范围、内容红线与审核机制。"],["06","每一步可复盘","围绕内容触达、互动深度与粉丝价值建立指标。"]];
const cards=[["01","两种数字人模式","既可基于经授权的照片、视频与声音,创建真人创作者当前或年轻时期的 AI 分身;也可从形象、人设到故事完全从零打造原创数字人 IP。"],["02","内容产能可扩展","把一个创意延展到短视频、图文、语音与多语言版本。"],["03","关系持续被经营","从评论到私聊建立连续体验,让高意向粉丝得到自然回应。"],["04","变现不止一种","组合订阅、付费内容、打赏、专属互动等收入路径。"],["05","全程授权可控","合作前明确形象版本、使用场景、授权范围、内容红线与审核机制。"],["06","每一步可复盘","围绕内容触达、互动深度与粉丝价值建立指标。"]];
export default function Advantages(){return <SiteShell><main><PageHero eyebrow="WHY PARTNER WITH US" title={<><br/><span className="accent"></span></>} description="我们把 AI 技术、内容运营与粉丝商业化合成一套服务,让创作者专注于真正不可替代的部分:表达、审美与信任。" extra={<Link className="link" href="/process"> <b></b></Link>}/><section className="section shell"><div className="adv-grid">{cards.map(x=><article key={x[0]}><span>{x[0]}</span><h2>{x[1]}</h2><p>{x[2]}</p></article>)}</div></section><section className="section comparison"><div className="shell"><div className="title-row"><div><p className="kicker">A BETTER MODEL</p><h2></h2></div></div><div className="table"><div><b></b><b></b><b>AI </b></div>{[["内容生产","依赖单次拍摄与个人时间","一次创意,多形态持续延展"],["粉丝互动","容易漏掉重要回应","分层承接评论与私聊关系"],["商业化","以广告和平台分成为主","建立多元、可持续粉丝收入"],["增长复盘","数据分散","围绕粉丝旅程持续优化"]].map(r=><div key={r[0]}>{r.map((c,i)=><span className={i===2?"positive":""} key={c}>{c}</span>)}</div>)}</div></div></section><Cta/></main></SiteShell>}
function Cta(){return <section className="cta compact shell"><div><p className="kicker">FIND YOUR GROWTH LEVER</p><h2></h2></div><Link className="btn primary" href="/contact"> <b></b></Link></section>}
+1 -1
View File
@@ -1,3 +1,3 @@
import Link from "next/link";import { PageHero } from "../../components/PageHero";import { SiteShell } from "../../components/SiteShell";
const cases=[["CASE 01","成熟个人创作者","让年轻时期的经典形象,以 AI 数字人重新连接粉丝","拥有大量具有情感记忆的经典照片与作品,但个人时间有限,旧内容也难以持续产生新的互动与商业价值。",["建立年轻时期授权 AI 分身","还原经典形象与表达风格","扩展多语言数字人内容"],["经典内容唤醒","跨市场触达","粉丝互动深度"],"purple"],["CASE 02","关系型内容 IP","让一次内容互动,走向长期粉丝关系","评论活跃、私聊需求高,但人工无法持续回应,商业机会自然流失。",["评论分层运营","连续私聊体验","付费内容与订阅"],["关系深度","用户留存","单粉丝价值"],"coral"],["CASE 03","MCN / Agency","为多个创作者建立可复制的增长基础设施","不同账号依赖不同团队,内容、互动和收入数据分散,经验难复制。",["标准化创作者上架","共享运营规则","统一数据复盘"],["上架效率","运营一致性","矩阵收入"],"blue"]] as const;
const cases=[["CASE 01","成熟个人创作者","让年轻时期的经典形象,以 AI 数字人重新连接粉丝","拥有大量具有情感记忆的经典照片与作品,但个人时间有限,旧内容也难以持续产生新的互动与商业价值。",["建立年轻时期授权 AI 分身","还原经典形象与表达风格","扩展多语言数字人内容"],["经典内容唤醒","跨市场触达","粉丝互动深度"],"purple"],["CASE 02","原创数字人 IP","从零打造一个可长期运营的虚拟创作者","没有真人原型和现成粉丝资产,需要从目标人群出发,完整建立外形、人设、故事、内容风格与关系体验。",["原创形象与世界观","多平台内容冷启动","评论与私聊关系运营"],["人设认知度","粉丝增长","单粉丝价值"],"coral"],["CASE 03","MCN / Agency","为多个创作者建立可复制的增长基础设施","不同账号依赖不同团队,内容、互动和收入数据分散,经验难复制。",["标准化创作者上架","共享运营规则","统一数据复盘"],["上架效率","运营一致性","矩阵收入"],"blue"]] as const;
export default function Cases(){return <SiteShell><main><PageHero eyebrow="PARTNERSHIP CASES" title={<><br/><span className="accent"></span></>} description="以下为原型阶段的典型合作场景,用于展示方法与指标结构;正式上线时可替换为已授权案例和可核验数据。"/><section className="section shell case-list">{cases.map(x=><article className="case" key={x[0]}><div className={`case-art ${x[6]}`}><span>{x[0]}</span><div><i/><i/><i/></div><strong>{x[1]}</strong></div><div className="case-copy"><small>{x[1]}</small><h2>{x[2]}</h2><section><b></b><p>{x[3]}</p></section><section><b></b><p className="tags">{x[4].map(t=><span key={t}>{t}</span>)}</p></section><section><b></b><p className="metrics">{x[5].map(t=><span key={t}> {t}</span>)}</p></section></div></article>)}</section><section className="cta compact shell"><div><p className="kicker">YOUR CASE STARTS HERE</p><h2></h2></div><Link className="btn primary" href="/contact"> <b></b></Link></section></main></SiteShell>}
+2 -2
View File
@@ -1,3 +1,3 @@
import Link from "next/link";import { PageHero } from "../../components/PageHero";import { SiteShell } from "../../components/SiteShell";
const qs=[["可以制作创作者年轻时期的 AI 分身吗?","可以。经创作者或合法权利方明确授权后,我们可以基于年轻时期的照片、视频、声音与作品资料,制作相应时期的 AI 数字人;具体形象版本、使用场景和授权期限会在合作前约定。"],["AI 分身会不会取代创作者本人?","不会。AI 分身延展创作者已经建立的形象与表达;核心创意、授权边界与重大商业决策仍由创作者掌握。"],["如何确保 AI 内容符合我的形象?","合作初期会共同建立创作者 AI 手册,包含形象时期、语气、价值观、视觉规范、禁区和审核机制。"],["我的肖像、声音和内容版权归谁?","具体权利与使用范围会在正式合作协议中清晰约定。默认仅在获得授权的场景和期限内使用。"],["合作一定要同时做所有服务吗?","不需要。可以从 AI 数字人内容、评论运营、私聊关系或付费内容中的一个场景开始。"],["可以覆盖哪些平台和市场?","合作可适配主流内容、社交与粉丝平台;跨市场扩展会结合账号基础、用户画像与当地条件判断。"],["如何衡量合作是否有效?","不同阶段关注内容触达、互动进入率、粉丝留存、关系深度、付费转化与单粉丝价值。"],["第一步需要准备什么?","提供主要账号、粉丝规模希望使用的形象时期,以及当前最想解决的一个问题即可。"]];
export default function FAQ(){return <SiteShell><main><PageHero eyebrow="FREQUENTLY ASKED QUESTIONS" title={<><br/><span className="accent"></span></>} description="关于 AI 数字人、年轻时期分身、合作边界、版权与效果衡量,这里整理了创作者最常问的问题。" extra={<Link className="link" href="/contact"> <b></b></Link>}/><section className="section shell faq"><aside><p className="kicker">8 QUESTIONS</p><h2></h2><p></p></aside><div>{qs.map((x,i)=><details key={x[0]} open={i===0}><summary><span>{String(i+1).padStart(2,"0")}</span>{x[0]}<i></i></summary><p>{x[1]}</p></details>)}</div></section><section className="cta compact shell"><div><p className="kicker">LET&apos;S TALK</p><h2></h2></div><Link className="btn primary" href="/contact"> <b></b></Link></section></main></SiteShell>}
const qs=[["没有真人创作者,也可以纯做数字人 IP 吗?","可以。我们可以从目标人群出发,从零设计数字人的外形、姓名、性格、故事与内容世界观,再建立内容生产、粉丝互动和商业化路径,不需要绑定任何真人原型。"],["可以制作创作者年轻时期的 AI 分身吗?","可以。经创作者或合法权利方明确授权后,我们可以基于年轻时期的照片、视频、声音与作品资料,制作相应时期的 AI 数字人;具体形象版本、使用场景和授权期限会在合作前约定。"],["AI 分身会不会取代创作者本人?","不会。AI 分身延展创作者已经建立的形象与表达;核心创意、授权边界与重大商业决策仍由创作者掌握。"],["如何确保 AI 内容符合我的形象?","合作初期会共同建立创作者 AI 手册,包含形象时期、语气、价值观、视觉规范、禁区和审核机制。"],["我的肖像、声音和内容版权归谁?","具体权利与使用范围会在正式合作协议中清晰约定。默认仅在获得授权的场景和期限内使用。"],["合作一定要同时做所有服务吗?","不需要。可以从 AI 数字人内容、评论运营、私聊关系或付费内容中的一个场景开始。"],["可以覆盖哪些平台和市场?","合作可适配主流内容、社交与粉丝平台;跨市场扩展会结合账号基础、用户画像与当地条件判断。"],["如何衡量合作是否有效?","不同阶段关注内容触达、互动进入率、粉丝留存、关系深度、付费转化与单粉丝价值。"],["第一步需要准备什么?","若基于真人,可提供主要账号、粉丝规模希望使用的形象时期;若打造原创 IP,只需说明目标市场、受众和希望探索的方向。"]];
export default function FAQ(){return <SiteShell><main><PageHero eyebrow="FREQUENTLY ASKED QUESTIONS" title={<><br/><span className="accent"></span></>} description="关于原创数字人 IP、真人与年轻时期分身、合作边界、版权与效果衡量,这里整理了最常问的问题。" extra={<Link className="link" href="/contact"> <b></b></Link>}/><section className="section shell faq"><aside><p className="kicker">9 QUESTIONS</p><h2></h2><p></p></aside><div>{qs.map((x,i)=><details key={x[0]} open={i===0}><summary><span>{String(i+1).padStart(2,"0")}</span>{x[0]}<i></i></summary><p>{x[1]}</p></details>)}</div></section><section className="cta compact shell"><div><p className="kicker">LET&apos;S TALK</p><h2></h2></div><Link className="btn primary" href="/contact"> <b></b></Link></section></main></SiteShell>}
+1 -1
View File
@@ -14,7 +14,7 @@ const geistMono = Geist_Mono({
export const metadata: Metadata = {
title: "COZCREATORAI 创作者合作服务",
description: "为创作者与机构提供 AI 数字人、年轻时期 AI 分身、内容增长、粉丝关系运营与商业化服务。",
description: "提供真人授权 AI 分身、年轻时期 AI 分身、原创数字人 IP、内容增长、粉丝关系运营与商业化服务。",
other: {
"codex-preview": "development",
},
+4 -4
View File
@@ -2,7 +2,7 @@ import Link from "next/link";
import { SiteShell } from "../components/SiteShell";
const services = [
["01", "AI 数字人", "基于创作者当前形象或年轻时期的经典形象打造可持续更新的授权 AI 分身。"],
["01", "AI 数字人", "既可基于创作者当前或年轻时期形象打造授权分身,也可从零创建原创数字人 IP。"],
["02", "内容增长", "把一次创意延展为多平台、多语言、多形态内容资产。"],
["03", "关系运营", "承接评论与私聊,让粉丝被回应、被理解、愿意留下。"],
["04", "粉丝变现", "组合订阅、付费内容、打赏与专属互动,构建长期收入。"],
@@ -15,7 +15,7 @@ export default function Home() {
<div className="hero-copy">
<p className="eyebrow">AI CREATOR PARTNERSHIP</p>
<h1><br/><span className="accent">线</span></h1>
<p className="lead"> AI </p>
<p className="lead"> AI IP</p>
<div className="actions"><Link className="btn primary" href="/contact"> <b></b></Link><Link className="link" href="/cases"> <b></b></Link></div>
</div>
<div className="hero-art" aria-label="AI 创作者增长系统示意">
@@ -28,7 +28,7 @@ export default function Home() {
</section>
<section className="section shell">
<div className="split"><div><p className="kicker">OUR MODEL</p><h2><br/></h2></div><p>AI </p></div>
<div className="split"><div><p className="kicker">OUR MODEL</p><h2><br/></h2></div><p> IP</p></div>
<div className="service-grid">{services.map(([no,title,text])=><article key={no}><span>{no}</span><div/><h3>{title}</h3><p>{text}</p></article>)}</div>
</section>
@@ -38,7 +38,7 @@ export default function Home() {
<div className="title-row"><div><p className="kicker">USE CASES</p><h2></h2></div><Link className="link" href="/cases"> <b></b></Link></div>
<div className="scenario-grid">{[
["个人创作者","让当前形象与年轻时期的经典形象持续创造价值","AI 数字人 · 年轻时期分身 · 多平台内容","purple"],
["关系型 IP","从内容关注走向更深、更长期的粉丝关系","评论运营 · 私聊体验 · 付费内容","coral"],
["原创数字人 IP","从零打造可持续运营和商业化的虚拟创作者","原创人设 · 内容矩阵 · 粉丝关系","coral"],
["MCN / Agency","用一套系统承接多个创作者增长与变现","批量上架 · 标准流程 · 数据复盘","blue"],
].map(([label,title,tags,color])=><article className={`scenario ${color}`} key={label}><span>{label}</span><h3>{title}</h3><p>{tags}</p><Link href="/cases"></Link></article>)}</div>
</section>
+1 -1
View File
@@ -1,3 +1,3 @@
import Link from "next/link";import { PageHero } from "../../components/PageHero";import { SiteShell } from "../../components/SiteShell";
const steps=[["01","合作诊断","了解内容资产、核心粉丝、平台分布与商业目标,找到最值得优先验证的机会。","合作机会地图"],["02","形象版本与边界","选择当前形象、年轻时期经典形象或多个时期版本,并共同定义使用场景、表达方式、授权范围和审核规则。","创作者 AI 手册"],["03","AI 数字人制作","基于经授权的照片、视频与声音素材完成数字人形象、声音和表达能力校准,并准备首批内容样本。","可测试版本"],["04","小范围验证","选择一个平台或场景开始,观察触达、互动、留存与付费信号。","验证数据"],["05","规模化增长","扩展内容形态、渠道和变现路径,形成可复用运营节奏。","长期增长计划"]];
const steps=[["01","合作诊断","了解内容资产、核心粉丝、平台分布与商业目标,找到最值得优先验证的机会。","合作机会地图"],["02","形象模式与边界","选择真人当前形象、年轻时期经典形象,或完全原创的数字人模式,并定义人设、故事、使用场景、授权范围和审核规则。","数字人 IP 手册"],["03","AI 数字人制作","授权分身基于照片、视频与声音素材完成校准;原创数字人则从外形、声音、性格与内容世界观开始构建。","可测试版本"],["04","小范围验证","选择一个平台或场景开始,观察触达、互动、留存与付费信号。","验证数据"],["05","规模化增长","扩展内容形态、渠道和变现路径,形成可复用运营节奏。","长期增长计划"]];
export default function Process(){return <SiteShell><main><PageHero eyebrow="HOW WE WORK" title={<><br/><span className="accent"></span></>} description="我们从小范围验证开始,让每一步都可看、可控、可复盘。合作范围随真实结果逐步扩展。" extra={<Link className="btn primary small" href="/contact"> <b></b></Link>}/><section className="section shell process-list">{steps.map(x=><article key={x[0]}><span>{x[0]}</span><h2>{x[1]}</h2><p>{x[2]}</p><strong>{x[3]}</strong></article>)}</section><section className="section dark"><div className="shell principles"><div><p className="kicker">OUR PRINCIPLES</p><h2><br/></h2></div><div>{[["01","先验证,再扩大","用真实反馈决定投入。"],["02","先定边界,再创作","内容与互动在授权范围内运行。"],["03","长期价值优先","不透支粉丝信任。"]].map(x=><article key={x[0]}><span>{x[0]}</span><strong>{x[1]}</strong><p>{x[2]}</p></article>)}</div></div></section><section className="cta compact shell"><div><p className="kicker">READY WHEN YOU ARE</p><h2></h2></div><Link className="btn primary" href="/contact"> <b></b></Link></section></main></SiteShell>}
+2 -2
View File
@@ -1,3 +1,3 @@
"use client";import { FormEvent,useState } from "react";
const interests=["AI 数字人","年轻时期 AI 分身","内容增长","评论与私聊运营","粉丝变现","MCN / Agency 合作"];
export function ContactForm(){const [sent,setSent]=useState(false);function submit(e:FormEvent){e.preventDefault();setSent(true)}if(sent)return <div className="success" role="status"><i></i><p className="eyebrow">INQUIRY SAVED</p><h2></h2><p>线CRM </p><button className="link" type="button" onClick={()=>setSent(false)}> <b></b></button></div>;return <form className="form" onSubmit={submit}><div className="form-row"><label><input required placeholder="怎么称呼你"/></label><label><select required defaultValue=""><option value="" disabled></option><option></option><option> / </option><option>MCN / Agency</option><option></option></select></label></div><label><input required type="url" placeholder="https://"/></label><div className="form-row"><label><select required defaultValue=""><option value="" disabled></option><option>Facebook</option><option>Instagram</option><option>TikTok</option><option>YouTube</option><option></option></select></label><label><select required defaultValue=""><option value="" disabled></option><option>1 </option><option>110 </option><option>10100 </option><option>100 </option></select></label></div><fieldset><legend></legend><div className="checks">{interests.map(x=><label key={x}><input type="checkbox"/><span>{x}</span></label>)}</div></fieldset><label><textarea rows={5} placeholder="例如:有粉丝基础,但私聊和变现还没有系统运营……"/></label><label className="consent"><input required type="checkbox"/><span>使</span></label><button className="btn primary submit" type="submit"> <b></b></button><p className="note"></p></form>}
const interests=["真人授权 AI 分身","年轻时期 AI 分身","原创数字人 IP","内容增长","评论与私聊运营","粉丝变现","MCN / Agency 合作"];
export function ContactForm(){const [sent,setSent]=useState(false);function submit(e:FormEvent){e.preventDefault();setSent(true)}if(sent)return <div className="success" role="status"><i></i><p className="eyebrow">INQUIRY SAVED</p><h2></h2><p>线CRM </p><button className="link" type="button" onClick={()=>setSent(false)}> <b></b></button></div>;return <form className="form" onSubmit={submit}><div className="form-row"><label><input required placeholder="怎么称呼你"/></label><label><select required defaultValue=""><option value="" disabled></option><option></option><option> / </option><option> IP / </option><option>MCN / Agency</option><option></option></select></label></div><label><input required type="url" placeholder="https://"/></label><div className="form-row"><label><select required defaultValue=""><option value="" disabled></option><option>Facebook</option><option>Instagram</option><option>TikTok</option><option>YouTube</option><option></option></select></label><label><select required defaultValue=""><option value="" disabled></option><option></option><option>1 </option><option>110 </option><option>10100 </option><option>100 </option></select></label></div><fieldset><legend></legend><div className="checks">{interests.map(x=><label key={x}><input type="checkbox"/><span>{x}</span></label>)}</div></fieldset><label><textarea rows={5} placeholder="例如:想从零打造一个面向拉美市场的原创数字人 IP……"/></label><label className="consent"><input required type="checkbox"/><span>使</span></label><button className="btn primary submit" type="submit"> <b></b></button><p className="note"></p></form>}
+1 -1
View File
@@ -2,4 +2,4 @@ import Link from "next/link";
import type { ReactNode } from "react";
import { SiteNav } from "./SiteNav";
export function SiteShell({children}:{children:ReactNode}) { return <div className="site"><SiteNav/>{children}<footer><div className="shell footer-main"><div><Link className="brand inverted" href="/">COZ<span>CREATOR</span></Link><p> AI </p></div><nav><div><strong></strong><Link href="/advantages"></Link><Link href="/process"></Link><Link href="/cases"></Link></div><div><strong></strong><Link href="/faq"></Link><Link href="/contact"></Link><Link href="/contact"></Link></div></nav></div><div className="shell footer-bottom"><span>© 2026 COZCREATOR</span><span>AI · · · </span></div></footer></div> }
export function SiteShell({children}:{children:ReactNode}) { return <div className="site"><SiteNav/>{children}<footer><div className="shell footer-main"><div><Link className="brand inverted" href="/">COZ<span>CREATOR</span></Link><p> AI </p></div><nav><div><strong></strong><Link href="/advantages"></Link><Link href="/process"></Link><Link href="/cases"></Link></div><div><strong></strong><Link href="/faq"></Link><Link href="/contact"></Link><Link href="/contact"></Link></div></nav></div><div className="shell footer-bottom"><span>© 2026 COZCREATOR</span><span> AI · IP · · </span></div></footer></div> }