コラム76本のサムネイルを、1日で作り直す。アイキャッチ量産と入稿の自動化
概要
アーム自身のコラムのアイキャッチを、1枚ずつ手で作るのをやめ、Figmaのコンポーネントから量産して入稿するまでを自動化した取り組みです。デザインを決めるところは人が握ったまま、複製・文言の差し替え・書き出し・圧縮・入稿という反復だけを機械に渡しました。設計・実装ともアーム内で行っています。
課題
- 記事を公開するたびにアイキャッチが必要で、1枚ずつ作っていると執筆の流れが毎回そこで止まっていた
- 用意が追いつかず、デフォルトのサムネイルのまま公開された記事が積み上がり、一覧の見た目がばらついていた
- デザインを刷新するたびに、既存の全記事ぶんを作り直す必要があった
施策
- サムネイルのデザインをFigmaのコンポーネントに集約し、差し替える箇所を見出しとサブコピーの2つだけに絞った
- Claude Codeから複製と文言差し替えを実行し、書き出し→AVIF圧縮（1枚200KB以内）→microCMSへのアップロード→記事への紐付けまでを一続きの手順にした
- 代替テキストの設定のようにAPIが用意されていない工程は、管理画面の操作ごと自動化して手作業を残さないようにした
- 公開済みの記事と、予約公開を待っている記事とで書き込み方を変え、公開日や公開状態を壊さない手順にした
成果
デザイン刷新にともなう76本の差し替えを1日で完了しました。以降は記事を書いた流れのままサムネイルが用意されるため、アイキャッチが理由で公開が遅れることが無くなっています。
スコープ
サムネイルのデザイン、テンプレートのコンポーネント化、量産・書き出し・圧縮・入稿・紐付けの自動化、既存記事の一括差し替え
担当者
- デザイン・実装：伊藤 悠希（aaam）
関連する実績
似た状況の案件なら、進め方をそのままお話しできます
PLを動かしたい方、ぜひご相談ください
綺麗なサイトは誰でも作れる時代です。問われるのは、経営の数字にどう響くか。ワンマンスタジオの熱量とスピードで、事業をグロースさせます。
愛媛出身、東京在住。制作会社3社で約7年、コーポレートサイトからEC・SaaS・管理画面・官公庁サイトまで担当し、デザイナー7名の品質管理も兼務。2024年6月に屋号「アーム（英名：aaam）」で独立。戦略設計からデザイン・実装、公開後のグロースまでをひとりで一気通貫に担う。
他のスタジオとの決定的な違い
課題を聞いた本人が、設計から実装、公開後の数字まで担当します。境界を1つ越えるごとに意図が1割薄まるとすれば、4回渡ったあとに残るのは6割ほど。伝言ゲームが0回なので、雑談でこぼれた本音まで画面に残ります。見積もりには工程間の伝達と管理の人件費が入りません。
ワンマンスタジオに頼む不安について
倒れたら止まります。これは消せません。だからアカウントは最初から貴社名義で作り、標準的な道具で作り、判断の記録を残して、いつでも他社へ引き継げる状態にしています。一度に大量には作れません。24時間の監視もできません。合わない場合は初回の面談でそう申し上げます。
できないことの一覧は、「大量には作れませんし、倒れたら止まります」のページに書いています。
アームがやらないこと
- 囲い込み。名義もデータも引き継ぎ資料も、すべてお渡しします
- 一式見積もり。工程ごとに金額と内訳を出します
- 進め方の押し付け。いまの運用に近い導線を優先し、変える箇所を絞ります
- 作って終わり。公開後の数字を見て、改善まで続けます
- 合わない案件を引き受けること。大量生産や、できないことは先にお伝えします