No AI. No video editors. I coded my product launch video entirely in HTML.
When it came time to make the launch video for DeskProf, I had two obvious options: open a video editor or use an AI video generator.
I went with neither.
The honest reason for skipping the video editor is that I don't know how to build these kinds of animations. My entire video editing experience is stitching clips together and adding a transition or two.
I did try AI video tools at first, but they just weren't accurate enough for what I needed. Especially in the scene where I had logos floating around the UI. They kept generating random or wrong brand logos instead of the exact ones I wanted. That made them unreliable for a product demo.
That left me with two options: I either couldn't control them or couldn't use them well. So I stopped looking for a video tool and used the ones I actually know: HTML, CSS, and JavaScript.
Every scene, transition, text effect, and UI movement is just code. Which also meant I got exactly what I wanted. The right logos, the right colors, the right timing. Once it looked right, I screen recorded it and exported that as the final video.
It's not the standard way to make a launch video. But everything I needed to animate was text, logos, and shapes, which is exactly what browsers are already good at. The strange part isn't that it worked. It's that this isn't more common.
Here's the result 👇




Replies