Motion · Creative systems · Performanceモーション · クリエイティブシステム · パフォーマンス
Designing with data
I was given the job of modernising how the design team worked. I led the move from scattered, largely analogue workflows to a connected, data-led system for planning, testing and learning from creative.デザインチームの働き方を今の形にアップデートする役割を任されました。バラバラで、かなりアナログだった進め方を、企画・テスト・学びがつながるデータ主導の仕組みに変える取り組みをリードしました。
I built the workflows, Figma tools and shared libraries behind it, then used performance data to guide what we made next.そのためのワークフロー、Figmaツール、共有ライブラリをつくり、実際のパフォーマンスデータを次に何をつくるかへつなげました。
Data, not vibes.ノリじゃなく、データ。
Overview概要
The creative was good. Finding it, learning from it and knowing what to make next was the messy part.クリエイティブ自体は良かった。難しかったのは、見つけること、学びを残すこと、そして次に何をつくるかを決めることでした。
Context背景
We had reached the point where good work was disappearing into folders, spreadsheets and people’s memory.良い仕事が、フォルダやスプレッドシートや誰かの記憶の中に埋もれるようになっていました。
At Little Star Media, campaign work and useful learning were spread across folders, spreadsheets, Jira tickets and people’s memory. I was asked to modernise it.Little Star Mediaでは、キャンペーン素材も、そこから得た学びも、フォルダ、スプレッドシート、Jiraチケット、そして人の記憶に散らばっていました。そこを整理し、今の働き方にアップデートするのが私の役割でした。
My role担当
I started pulling the pieces together.まずは、散らばっていたものを一つずつつなげるところから始めました。
- Led the move to a data-led creative workflowデータを活かすクリエイティブワークフローへの移行をリード
- Designed and built the Figma systemFigmaシステムを設計・構築
- Created the searchable creative library検索できるクリエイティブライブラリを制作
- Created competitor, hypothesis-testing and data spaces競合分析、仮説テスト、データのためのスペースを構築
- Used performance learning to plan what the team made nextパフォーマンスから得た学びを、次の制作計画に反映
- Kept designing and animating campaign creativeキャンペーンのデザインとアニメーションも継続
Campaign & motionキャンペーン & モーション
I kept designing and animating campaign work while building the system around it.仕組みをつくりながら、キャンペーンのデザインとアニメーションも自分で続けました。
The system still had to make the work better.仕組みは、最終的にクリエイティブを良くしなければ意味がない。
I kept making motion and campaign creative myself, then used what we learned from each live piece to shape the next one.自分でもモーションやキャンペーン素材をつくり続け、実際に公開したものから得た学びを、次の一本に戻しました。
Storyboarding & processストーリーボード & プロセス
Pencil first, pixels later. It helps me see what the idea is actually doing.まず鉛筆、ピクセルはそのあと。アイデアが本当は何をしているのか、先に見えるようにするためです。
I still like to draw it first.やっぱり、最初は描きたい。
Storyboarding is basically the bit where I get to draw and call it planning. I love it. It is where I work out the sequence, framing, timing and little animated moments before I start building the final piece.ストーリーボードは、絵を描いて「これは計画です」と言えるパート。大好きです。シーケンス、構図、タイミング、小さな動きまで、完成版を組み始める前にここで考えます。
Design, data & creative systemsデザイン、データ & クリエイティブシステム
I built the system, not just the assets.アセットだけでなく、仕組みそのものをつくりました。
Creative was living across folders, spreadsheets, Jira tickets and people’s memory. Useful information had a habit of disappearing just when you needed it. So I brought it together.クリエイティブはフォルダ、スプレッドシート、Jiraチケット、人の記憶の中に散らばっていました。必要なときほど、大事な情報が見つからない。だから、一つにまとめました。
I created a searchable Figma library for social creative, competitor-analysis boards, hypothesis-testing pages and a data hub. It gave the team one place to see what we had made, what we had learned and what was worth testing next.SNSクリエイティブを検索できるFigmaライブラリ、競合分析ボード、仮説テスト用ページ、データハブをつくりました。何をつくったか、何を学んだか、次に何を試す価値があるかを、チームが一か所で見られるように。
The numbers had somewhere to go.数字にも、ちゃんと居場所ができた。
I used thumb-stop rate, click-through rate, CPO, spend and creative fatigue to lead the next round of creative decisions.Thumb-stop rate、CTR、CPO、広告費、クリエイティブ疲労を見ながら、次の制作判断につなげました。
Sometimes the answer was hiding in the first second of an animation. Sometimes it was the offer, the pacing or the whole idea. The important bit was making sure what we learned actually changed what we did next.答えがアニメーションの最初の1秒に隠れていることもあれば、オファー、テンポ、アイデアそのものにあることもあります。大事なのは、学んだことが本当に次の制作を変えることでした。
Better planning, fewer hunches.計画はもっと良く。勘頼みは少なく。
The system became part of how I planned creative with marketing and the wider design team.この仕組みは、マーケティングやデザインチームと次のクリエイティブを考えるときの土台になりました。
What is working? What is getting tired? What have we already tested? What are competitors doing? What should we make next?何が機能している？ 何が飽きられてきた？ すでに何を試した？ 競合は何をしている？ 次は何をつくる？
Instead of starting every conversation from scratch, we had something useful to work from.毎回ゼロから話を始めるのではなく、ちゃんと使える材料を見ながら考えられるようになりました。
Conclusionまとめ
Make it. Measure it. Make it better.つくる。測る。もっと良くする。
That loop is probably the part I enjoy most. I get to make the work, see what happened, learn something from it and use that to shape the next idea. Design, motion and data all feed into each other.このループが、たぶん一番好きな部分です。つくって、結果を見て、何かを学んで、それを次のアイデアに戻す。デザイン、モーション、データが全部つながっていきます。