⏰ Reminder to founders:
If you have a product to sell, you should be creating hype promo videos!
Here are some favorites from my previous product videos:
🐝 Gratitude post:
This
@beehiiv
animated video, which I made during a weekend, sitting in my bedroom
Is being displayed continents apart, at Times Square, NYC.
So glad to be a part of this rocketship of a company.
"Empire State of Mind" 🗽
Super excited to join
@beehiiv
full-time as a Creative Designer (product | motion | video).
Stoked to team up with the crew that is shaping the entire email industry!
Great times ahead!
Offically Pri "🐝"
A typical
@beehiiv
animated video takes about 8-10 hours of total work.
Scripting > Storyboarding (usually skip this step nowadays) > Execution > Revision
These videos are entirely created inside an animation software called Adobe After Effects.
Here's a little
Today, I complete one year at
@beehiiv
! 🥳
It all started with a cold email and a pitch
For a position that didn't even exist.
From Times Square billboard to Arnold,
here are some of the best moments!
A typical 30-sec animated video takes about 10-12 hours of total work.
3 primary softwares I use:
Adobe After Effects, Illustrator and Figma.
The process:
Scripting > Referencing > Execution > Revision
Here's a little behind-the-scenes:
Well.. why does a 6-sec animation take 2 hours to create?
💡 Behind the scenes from the recent
@beehiiv
product update - Premium Dashboard video.
The result vs the process:
This video is special.
The first time we mixed animation with UGC footage.
The
@beehiiv
"Own your Audience" Ad campaign.
Shoutout to
@bellarosemortel
and the entire growth team!
The
@beehiiv
animated videos take anywhere from 8-20 hours of total work.
The craft: Motion Design
The tools: Adobe Illustrator and After Effects
Here's a little behind-the-scenes from a recent "Everybody gets an Ad" video.
A typical
@beehiiv
"product video" takes about 8-10 hours to be made.
This particular 8-sec scene took 2 hours 👇
Here's a trippy breakdown and the completed video:
How do the
@beehiiv
animated videos look so smooooth? 🧈
The reason: The spiky graphs called as easing.
That is, the strong acceleration and deceleration of motion.
Linear motion is boring. Add some "taste 👅" (as
@DylanJardon
says) with exponential easing ✅
We at
@beehiiv
, did a recent design revamp.
This was one of the most fun and spontaneous videos I ever created (obviously).
About 8 hours of total work,
summarized into this behind the scenes video:
Checkout the final video for some adrenaline boost
This February - I'll be completing 6 years of lifting weights, daily 🏴
It continues to be my daily highlight since day 1.
Design and weight training are basically the only two things that I do.
Follow obsession -
@zachpogrob
🫡
These 3 engineers are creating a once in a generation company.
🐝 The story behind
@beehiiv
Probably one of the most favorite videos I've ever made!
A mix of collage, 2D and 3D animation in a single video.
What do you do away from work?
I win medals, baby! 🏅
Been lifting weights since the last 6 years.
And... I placed 4th at a national bodybuilding contest yesterday!!
Feels good to be ending the year strong!
🐝 Here's how a
@beehiiv
animated video is created:
Fun fact: I learnt to animate (or design in general) just by watching YouTube tutorials.
Everything you want to learn, is available for free on the internet.
How to make your SaaS "remarkable"?
Have a motion identity.
Hype product videos and micro-interactions add a lot to your brand recall value.
Throwback to the
@beehiiv
rebrand, almost about a year back!
Your landing page should have a product showcase video.
Over the last 2 years, I've created 60+ of these videos.
Here are 5 key sections for a high impact video:
Some screen grabs from the recent
@beehiiv
origin video 🤌
We experimented with a completely different design style!
Mix media: 2D + 3D animation, collage style.
Apr 10th:
@Wefunder
gets creative.
Pitches a community round to
@beehiiv
via a Times Square billboard.
May 1st: The community round gets over-subscribed within 2 hours.
Lesson: Always shoot your shot 🎯
It's always a win-win situation.
I'm planning to move to Dubai
as a remote worker in tech.
I had a few questions regarding finances and stay.
Do you know anybody who can help me with it?
Grateful every single day to work and learn from this incredible team.
@beehiiv
, series bee 🐝
Once in a generation company.
Once in a generation team.
Great times ahead!
The simpler the visuals in a product video, the better it is!
Instead of full-blown UI, I like to animate in widgets or components.
It's much easier for the viewer to grasp.
@beehiiv
product updates lately 🔥
Instead of rebranding, we're going to ship an ungodly amount of new features and add value to our users to get traction.
-
@denk_tweets
🐐
Every
@beehiiv
product launch video follows the same script framework.
AIDA:Attention → Interest → Desire → Action
Here's the template that works every single time:
Built-in Ad Network is here to change the whole game! 🐝
Side note: My inclination towards animating these isometric 3D screens 📈📈📈 - adds a new perspective!
This animation loads 5x faster than a GIF 🛸
Because:
This a Lottie, a JSON code based animation file format.
It's super lightweight and infinitely scalable - for your websites and apps.
P(@)ge Not Found Animation
See it in action here:
#BuiltWithLottie
couldn't be more thrilled to announce the acquisition of
@TypedreamHQ
— an AI-based website builder
the future of
@beehiiv
includes powerful newsletters AND powerful websites, together
we're truly just getting started... no one's safe 😈
One of the "tricks" that I use in almost every
@beehiiv
animated video:
🎬 Match cuts
Simply match (or contrast) the motion between cuts.
You must have seen it in countless TikTok videos too.
Works every time!
Tired of the boring user interface demo videos?
You should spice them up with a 3D perspective.
Here's a behind the scenes look from one of my favourite
@beehiiv
product launch videos! 🐝
This one line from
@ShaanVP
really hit home.
"The most underrated skill for a good life - Controlling your inputs."
· Control the information you put in your mind.
· Control the food you put into your mouth.
· Control the people you let into your world.
· Control the number of
the platform for subscription newsletters is beehiiv
the all new premium dashboard is loaded with data and insights. plus...
💳 cardless trials and Apple Pay
💬 premium comments & likes
⚙️ poll submission automations
don't forget: beehiiv takes 0% of your revenue.
introducing the all new website builder ✨
you can now build beautiful custom websites easier than ever before..
without ever writing a single line of code 🙅🏽♂️
@beehiiv
- rebranded!
We just got a whole lot more badass.
👑 Major credit to
@Lacallep_
for spearheading the entire rebrand.
Always a pleasure bring everything to life with animation!
Congrats to
@JMatthewMcGarry
on becoming the first official member of the beehiiv beach club and winning a free trip to the Bahamas 🌴🏄
As for Q3—the next beehiiv beach club winner will be sent to...
Tools I use to convert figma designs to stunning animations:
• Convert any webpage to editable figma design →
@html_to_design
• Figma designs to animation layers → AE/UX Plugin
Some snippets from
@beehiiv
Website Builder launch video:
💪 A little counterintuitive:
When it comes to working out (in the long run) -
Intensity is inversely proportional to consistency.
After a certain stage - aiming to outdo yourself during every workout is... actually not a good idea.
I've created 100+ hype product videos for saas companies.
Here's what I've learnt about retention:
- Retention remains the highest for a product video with length 30-50 sec.
- 60 sec is like a psychological barrier. People hesitate to click if the video length is longer.
-
Just bought myself a twitter/X premium subscription.
Before publishing anything,
I tend to get into analysis paralysis.
So my only strategy:
Just. Post. It.
What are some of your best tips for me?
Introducing: the beehiiv monetization guarantee 🤝
starting today — all eligible users are guaranteed ad placements
it's never been easier to build a successful (and profitable) newsletter
I'm a Motion Designer working in web3.
And I agree,
web3/crypto lingo is not easy to understand.
So, here's how I'd explain
🔷 Top 6 Crypto Jargons to a five-year-old 👶
(with fun animation)
Introducing Boosts Direct Links
think affiliate program on steroids 🤝 email verification system
it's never been easier to grow or monetize your newsletter
Reminder: make your newsletter fun!
Now insert gifs and images right from the
@beehiiv
editor.
Guess who vibed the entire time while making this video? 🕺
thrilled to officially announce our series A led by
@lightspeedvp
if you like what we've done so far
@beehiiv
, just wait til you see what we do with this...
2 effective ways to make your SaaS product launch videos standout:
- Add 3D perspective.
- Focus on showcasing key components and modals, rather than full UI.
Way more engaging and effective!
@namyakhann
😆 Here are a few more:
- centre aligns paragraph text
- rounds every button to 15px
- visits apple website for design inspo
- uses a tablet
- thinks AI is going to replace them (they maybe right)