AnsatzのコーポレートサイトをAstro × microCMS × Vercelの構成でリニューアルしました。
最近、Human-driven, AI-amplified. という言葉を1つの会社の軸として考えています。人の意思や判断を起点にして、AIでできることを広げていく。
そう考えるからには、まず自分たちのサイトもその考え方で作ってみるべきだと思いました。
この記事では、非エンジニアがAIを使ってコーポレートサイトをリニューアルしてみて、何ができるようになり、どこで人間の判断が必要だったのかを整理します。
なぜ、非エンジニアがコーポレートサイトをフルAIで作り直したのか
今回コーポレートサイトを作り直す際に再定義したのは、このサイトの役割は会社の現在地を公開する場であるということです。
何を支援しているのか。どんな事例があるのか。どんな考え方で仕事をしているのか。そういったものは、一度きれいにまとめれば終わりではありません。
Ansatzの支援領域も、ここ数年で少しずつ変わってきました。マーケティングオペレーション、アナリティクス、Kizashiシリーズ。
扱うものが増えていく一方で、サイト側の情報が追いつかなくなると、会社の実態と外から見える姿にずれが出てきます。
そこで意識したのが、最初からAI Nativeな環境で作ることでした。
非エンジニアでも、構成を考え、文章を出し、実装を進め、見た目を確認し、また修正する。
この距離がAIによってかなり近づきます。もちろん、すべてが一瞬でできるわけではありません。ただ、「考える」と「形にする」の間にあった壁が低くなった感覚はありました。
今回の目的は、制作コストを下げることではありません。自分たちの考えや事例やサービスを、これからも更新していける状態を作ることでした。
「フルAI」とは、人間の判断をなくすことではない
フルAIという言葉だけを聞くと、人間がほとんど関与せずにサイトが完成したように見えるかもしれません。
実際には、むしろ人間が判断する場面は多くなりました。AIに任せられることは確かに増えます。
構成案を出す。コピーのたたきを作る。実装の方向性を探る。表示崩れの原因を調べる。改善案を複数出す。こうした作業の速度は大きく上がりました。
一方で、「何を採用するか」はAIには決められません。
この言葉はAnsatzらしいのか。この見出しは少し大げさではないか。このセクションは初見の人にとって判断しやすいか。このデザインはきれいだが、会社の温度に合っているのか。
そういった判断は、結局こちら側に残ります。
むしろ、AIが大量に案を出してくれるほど、選ぶ力が問われます。候補が少ないときは、出てきたものを直すだけで済みます。
候補が多いときは、その中から何を捨てるかを決めなければいけない。
今回の制作で一番時間を使ったのは、作ることそのものよりも、「これは違う」と判断することだったかもしれません。
「それらしいニュアンスのテキスト」には意味がない
AIは、整った文章をすぐに出してくれます。
言葉の流れも自然で、見出しもそれらしく、会社紹介として成立しているように見える。
けれど、読んでいるうちに違和感が残ることが何度もありました。何か間違っているわけではない。
でも、自分たちが言いたいことではない。
この違和感は、かなり重要だったと思います。
「マーケティングを支援します」「課題に伴走します」「データを活用します」。どれも間違いではありません。
ただ、そのままだと、どの会社にも言えそうな言葉になってしまいます。
自分たちが本当に言うべきなのは、もっと具体的なことでした。
たとえば、Ansatzは施策を並べる会社ではなく、実行が続く状態を一緒に作る会社です。
分析をするだけではなく、数字を次の判断につなげることを重視しています。
AIを使うこと自体を売りにしたいのではなく、人の判断を起点にして、できることを増やしたいと考えています。
そうした輪郭は、AIが最初から持っているものではありません。
こちらが言葉にしない限り、AIはそれらしい表現を増やしていきます。
だから、今回のリニューアルはサイト制作であると同時に、自分たちの言葉を取り戻す作業でもありました。
いちばんこだわったのは「更新性」だった
今回、見た目以上にこだわったのが更新性です。
もちろん、見た目は大事です。コーポレートサイトである以上、読みやすく、信頼できて、会社の雰囲気が伝わることは必要です。
ただ、格好良いことがすべてではありません。
特に今回のサイトは、会社の情報発信の場としての役割を強く持たせたかったので、見た目の完成度だけでなく、公開後にどれだけ更新し続けられるかを重視しました。
Knowledge、Works、NewsをはmicroCMSで更新できるようにしました。トップページにも最新のNews、Works、Knowledgeが反映される構造にしています。
新しい事例が出たとき、考え方を記事にしたいとき、サービスの見せ方を少し変えたいときに、毎回大きな開発を挟まなくてもよい状態にしたかったからです。
コーポレートサイトは、作った瞬間が一番新しい。そこから何もしなければ、少しずつ古くなっていきます。
支援内容も、クライアントの課題も、自分たちの考え方も変わります。
特にAIを前提に仕事の進め方が変わっている今、半年や一年で見せるべき内容が変わることもあるはずです。
だから、きれいなサイトを作るだけでは足りません。情報発信の場として機能し続けるために、更新できる状態を最初から持っておく必要がありました。
Knowledgeは、会社の考え方を蓄積する場所です。Worksは、実際にどんな現場に向き合ってきたかを見せる場所です。Newsは、会社の動きを伝える場所です。
これらが止まると、サイトはすぐにレガシーな状態に戻ってしまいます。
更新性は技術仕様の話に見えますが、実際には会社が自分たちの現在地を見直し続けられるかどうかの話だと思います。
AI臭さを消すには、こちらの意思が必要だった
デザインでも同じことが起きました。
AIを使うと、見た目として整った案はすぐに出てきます。未来感のあるグラデーション、抽象的なビジュアル、少し発光したような演出。
悪くはないのですが、Ansatzのサイトとして見たときに、何か違う。
今回のサイトでは、派手さよりも、余白、構造、読みやすさを優先しました。
情報を盛るより、判断しやすくする。強い演出より、静かに信頼できる状態にする。
AIを使って作ったことが前面に出すぎると、見る人にとってはノイズになると感じたからです。
AI臭さは、放っておくと残ります。
それは画像や配色だけではありません。セクションの言葉にも、カードの並びにも、CTAの言い回しにも出ます。
どこかで見たような言葉。意味は通るけれど、温度がない文章。きれいだけれど、会社の実態に触れていない構成。
それを取るには、「何がAnsatzらしくないか」を人間側が判断する必要があります。AIに「もっと人間らしく」と指示するだけでは足りません。
自分たちが何を大事にしていて、何を避けたいのかを持っていないと、結局またそれらしいものに戻っていきます。
サイトはどのような構成にしたのか
サイト全体は、会社の全体像と、各支援領域が自然につながるように構成しました。
トップページでは、Ansatzが何をしている会社なのかを伝えたうえで、サービス、事例、Knowledge、問い合わせへ進めるようにしています。
サービスページでは、マーケティングオペレーションとマーケティングアナリティクスを軸に、実行とデータの両側から支援する考え方を整理しました。
Kizashiシリーズは、インサイト、レビュー、顧客分析の各ページに分けています。これは本格的な伴走支援の前に、課題や機会を見える状態にする入口として位置づけています。
Worksは支援事例の蓄積、Knowledgeは実行に使える知見の蓄積です。Contactは、支援メニューが決まっていなくても相談できる入口として設計しました。
こうして並べると普通のサイト構成に見えるかもしれません。ただ、作っている最中に意識していたのは、サービスを機能名で並べすぎないことでした。
広告、SNS、CRM、分析、制作と並べるだけだと、結局「何でもできます」に近づいてしまいます。
本当に見せたかったのは、顧客の状態から見たときに、Ansatzがどこに入れるのかです。
施策が止まっているのか。数字はあるが判断につながっていないのか。何が課題かわからないのか。
そうした状態から、必要な支援へ進めるようにしたいと考えました。
実際にやってみて、AI活用の見方が変わった
今回やってみて、AIは初稿を作る力よりも、反復の速度を上げる力が大きいと感じました。
文章を出す。違和感を伝える。別案を見る。実装する。画面で確認する。また直す。
この往復が速くなることで、考える量も増えます。
非エンジニアにとっては、特にこの変化が大きい。以前なら実装の前で止まっていたアイデアを、ひとまず形にして見られるようになるからです。
ただし、良い反復には判断軸が必要です。
会社のポジションが曖昧なままAIを使うと、曖昧なものがたくさん出てきます。
支援対象が曖昧なままコピーを作ると、誰にでも当てはまりそうな文章になります。
デザインの方向性が曖昧なまま画面を作ると、それっぽいけれど残らない見た目になります。
AIを使うほど、人間側の言語化と編集力が問われる。
これは、今回かなり強く感じたことです。AIによって制作物との距離は近づきます。
けれど、意思決定の責任が軽くなるわけではありません。むしろ、自分たちが何を良いとするのかを持っていないと、速く迷うだけになります。
では、自社でAI活用を進めるなら何から始めるべきか
AI活用というと、まずツールを入れる話になりがちです。
もちろんツールは必要です。ただ、今回の経験から考えると、最初に見るべきなのは「本当は自分たちの言葉で語るべきなのに、更新されていない場所」だと思います。
コーポレートサイトかもしれません。事例ページかもしれません。採用ページかもしれません。営業資料かもしれません。
そこには、自分たちが何をしている会社なのか、何を大事にしているのかが残ります。
次に、AIに任せる作業と、人が判断する論点を分ける。構成案や初稿や実装補助はAIに任せられます。
一方で、会社の立場、言葉の採否、見せる順番、違和感の判断は人間側に残ります。
最後に、公開して終わらせないことです。AIを使うと、作る速度は上がります。
だからこそ、公開後に何を更新し続けるのかを決めておかないと、速く作ったものが速く古くなります。
小さく試すなら、Knowledgeや事例の更新から始めるのがよいと思います。
AIで効率化する前に、何を自分たちの言葉で更新し続けたいのかを決める。その問いがあるだけで、AIの使い方はかなり変わります。
AIで作ったことより、自分たちの言葉で更新し続けられること
今回のリニューアルは、完成ではなく運用の始まりです。
サイトは作った瞬間に完成するものではなく、会社の支援、事例、考え方を見せ続ける場所です。
だからこそ、AIで作れたことよりも、AIを使いながら自分たちの言葉を更新し続けられる状態を作れたことの方が大きいと感じています。
Human-driven, AI-amplified.
言葉として掲げるのは簡単です。ただ、本当にそう働けているのか。人の意思や判断を起点にして、AIでどこまで広げられるのか。
今回のサイトリニューアルは、その問いを自分たちに向ける機会でもありました。
AIは、それらしいものを速く作ってくれます。だからこそ、これは自分たちの言葉なのか。これは自分たちの判断なのか。これは本当に見せたい会社の姿なのか。
その問いを持ち続ける必要があります。
道具が変わっても、最後に問うことはあまり変わらないのだと思います。
自分たちは、何を自分たちの言葉で語れるのか。