.../articles/
I Made a Video Ad

I Made a Video Ad

2020.07.05



We recently made the Twitter creative for qrop, a cloud-based order management app for farmers.

This was the first time I ever made an animation.

To give you an idea of how much of a novice I was: "What do you even make animations with in the first place?" "Do the images switch like... kamishibai picture cards or something?" That's about the level I was at.



Before starting, I first thought about "who do I want to show this to?" and "what do I want to convey?" What's the best way to convey the many good points of qrop, which is still new, and get people to know about it? For qrop, there are still more people who will be using it in the future than people using it now. Animation can convey a lot more information than a still image, and it catches the eye even of people who don't know qrop yet. So, I decided to give it a try ◎



  • "Catching the eye" Stands out to the user Has clear contrast
  • "Driving action" Makes people want to convert Easy to click



↑ While keeping in mind these key points I was taught for making Twitter creatives,

  • New features added
  • Free until the end of August
  • Estimated shipping date visible at a glance
  • Data sharing available
  • Create a PDF with one click

I aimed to convey this information as much as possible without needing to read any text.



Please take a look ◎

Here

What did you think? Did it come across at a glance...?

Video can convey an overwhelmingly larger amount of information. And since it's not live-action, the range of expression is huge, and there's so much you can do with it. It was a double-edged sword: combining simple movements effectively can guide the viewer's eye really well, but unnecessary motion can backfire.

Still, I think video is really great because it's so easy to understand.

Looking through all kinds of animated ads for reference, I found so many that were exciting to watch, had cool, satisfying motion, and stuck in your memory. This time, being my first attempt, there were parts where "I wish I could do this more" (I wanted more natural movement...!) didn't quite come together, but I want to get better at using motion and make even better work going forward.

written by

.../article/

Articles

All articles

From Firebase to Vercel, Contentful to microCMS — a migration log written with Claude Code

From Firebase to Vercel, Contentful to microCMS — a migration log written with Claude Code

We moved our corporate site's hosting and CMS, and made it bilingual along the way. The constraints we only found by running against real data were more useful than the migration itself, so this post focuses on where we got stuck.

Can't Read POST Data with Firebase Functions × Remix?

Can't Read POST Data with Firebase Functions × Remix?

How to read POST data from a Remix action when running on Firebase Functions.

Generative AI for Executives and Leaders: An Approach to Self-Driven DX

Generative AI for Executives and Leaders: An Approach to Self-Driven DX

Building a structure where executives and leaders themselves can identify issues and evaluate solutions using generative AI. We introduce how combining this with our hands-on support dramatically improves both the quality and speed of digital transformation.

Deploying a Monorepo Next.js App (App Router) to AWS Amplify

Deploying a Monorepo Next.js App (App Router) to AWS Amplify

Notes on the obstacles we hit while deploying a Next.js app managed in a monorepo to AWS Amplify.

Keeping Production Running Smoothly with Remote Work and Online Meetings [Documentation]

Keeping Production Running Smoothly with Remote Work and Online Meetings [Documentation]

Many production companies have adopted remote work as a result of the pandemic, and we are one of them.

Designing an E-Commerce Site That Sells: How to Find Great Reference Examples

Designing an E-Commerce Site That Sells: How to Find Great Reference Examples

There is no single formula for e-commerce design that sells. Driving revenue requires a solid concept, and getting to that concept requires thorough research.

Productivity Tools We Recommend as a Production Company, Including Services That Work Well Solo

Productivity Tools We Recommend as a Production Company, Including Services That Work Well Solo

With remote work becoming the norm during the COVID-19 pandemic, our team now works from home most days of the week.

We Released Thought Recorder, a Figma Plugin for Keeping a Commit History of Your Designs

We Released Thought Recorder, a Figma Plugin for Keeping a Commit History of Your Designs

We hope this helps web designers who work in Figma. Read on for how to use it.

How to Build an E-Commerce Site, and Which Platforms We Recommend

How to Build an E-Commerce Site, and Which Platforms We Recommend

Shopping online for fashion, appliances, and even groceries is now routine. With the pandemic accelerating the shift, we receive a steady stream of questions about which platform to use and how much it costs.

Generating FastAPI Schema Classes from OpenAPI

Generating FastAPI Schema Classes from OpenAPI

We chose FastAPI, a relatively modern framework, for a Python API project. FastAPI can generate an OpenAPI definition from your backend code, but here we do the opposite: generating FastAPI schema classes from an OpenAPI definition prepared in advance.

View all articles

Contact us