Prefix

Prefix. Reimagining the future of experience recycling

A cute hedgehog curled into a ballA cute hedgehog curled into a ball
Services
Video

,

Categories
Product Explainers

,

Animation

,

Industries
Tech

,

Tech stack
No items found.

Prefix helps you to build tiny business apps that automate big and important processes: updating CRMs, enriching leads, onboarding customers, processing invoices, managing inventory—you get the idea.

O0 collaborated with Prefix to help visualize how it works.

Got 2 awards:

<svg width="59" height="32" viewBox="0 0 59 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M32.4777 31.0912V0H16.9281C8.34449 0 1.38647 6.95802 1.38647 15.5495C1.38647 24.141 8.34449 31.099 16.936 31.099H32.4855L32.4777 31.0912Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.8316 31.0938H57.9228V25.6436C57.9228 25.6436 57.9228 25.6122 57.9228 25.5965C57.9228 17.0128 50.9647 10.0469 42.3732 10.0469C33.7817 10.0469 26.8237 17.005 26.8237 25.5965V31.0938H26.8316Z" fill="#B5B5B5"/> </svg>

Collision Awards

,

Concept

Prefix is a dialogue app where you communicate with an AI agent that helps you build an automation. To emphasize this dynamic, we’ve built the narrative around two colleagues having a dialogue as they discover the new app together.

Our hypothesis is that this approach makes the video more relatable and fun to watch. Here’s the part of the video where our characters played chess. It didn’t make it to the final cut, but it was a fun idea to entertain nonetheless.

Approach

To understand Prefix we’ve asked their CEO to run us through the product and create an automation together. This became the core of the script. From here we just needed to figure out how to get in and out of it.

We recreated the interface of the app to be able to transform it and add some animation magic for visual explanation. We then designed the intro and outro slides.

Process and AI integration

To move quickly through the production pipeline, we decided to record the talktrack right away and edit it together with the key images from each scene. This helped us to create a timeline draft and understand the timing of different scenes. We didn’t hire voice over artist’s though as we knew that the script would go through several revisions. Instead, we recorded the voices ourselves and used the AI voice modulation to play with accents and delivery. We saw it as a cool new feature for pre-production, but one of the voices actually made it to the final cut.

Visual development

Engineers use grids to design projects. A grid is a field of possibilities, a symbol of data and design. Prefix is an engineer. O0 imagined a dynamic grid that tells a story. The cells shift and change in size; they store, edit, and delete data (represented with icons). The cells rearrange. It’s interesting to follow the progression of each composition (scene); the eye always follows the leading lines to discover new details. A subtle, minimalistic animation highlights the points of interest.

Key challenge

The biggest challenge was to create a dynamic rhythm in an interface-driven story while keeping it simple at the same time.

Production

We translated a complex subject into simplified graphics and turned it into a fun, animated story that’s easy to grasp. That was basically our goal.

Review
No items found.
lets talk icon