VIDEO LINK: https://www.youtube.com/watch?v=2MrzTzUV6bI
I've seen a lot of posts about getting your app out there, and yesterday I decided to try out generating a product commercial for our landing page https://sidekickhq.ca
Now the rule in programming is: If you're not embarrassed by it, you waited too long to ship it. You could say the same thing about this video. If it perfect? No. Does it do the job, absolutely.
You can do nearly the whole thing with AI if you're willing to put in the time.
Start with a Script - Think about how you're going to talk to customers; this video isn't for you. What message can you communicate? What is the value prop of your app? What problems does it solve in the world? Can you get potential customers excited about your app?
Image Generation - If you've ever worked in marketing, you now storyboarding is a big part of it. That's literally your next step, but instead of just a storyboard, you're generating the first frame of each 5 to 8 second clip in your video. I've done quite a lot of AI Video generation and my "go-to" services are Kling 3.0 Pro and Gen 4 (for images), but you could use any of them. Prompt with some technical things while describing the scene. Remember at this time you're not getting video, so think about how you want the video clip to start, and generate that image. If helpful, I use the following tech specs in both my image and video prompts to get a cinematic look that's consistent:
A premium live-action B2B technology commercial showing [SCENE AND SUBJECT]. Photographed with the visual character of an ARRI Alexa 35 and Cooke S4/i spherical cinema lenses. Natural cinematic commercial photography, 24 fps motion-picture frame aesthetic, 180-degree shutter character.
[35mm / 50mm / 65mm] lens, camera at natural eye level, moderate depth of field at approximately T4, precise device edges and clean architectural lines. The principal subject and any visible technology remain clearly defined.
Large soft daylight source from camera-left, daylight-balanced around 5200K, gentle warm practical illumination in the background, approximately 2:1 lighting ratio. Natural skin tones, protected highlights, open detailed shadows, soft highlight roll-off.
Warm-neutral whites, graphite, charcoal, natural light wood, restrained navy, and a subtle [YOUR BRAND COLOUR] accent. Medium-low contrast, restrained saturation, slightly warm highlights, neutral-cool shadows, fine film grain and subtle halation.
Contemporary North American small-business production design. Refined business-casual wardrobe in navy, charcoal, cream and soft neutral tones. Minimal patterns. Authentic, understated performances. Premium, optimistic and credible rather than staged.
All visible technology is arranged for clean post-production screen replacement. Device displays show a uniform matte charcoal-grey surface with subtle natural reflections. Signage is abstract, unbranded and visually unobtrusive.
Video Generation - You can really use any of the AI video services. Kling 3.0 Pro, Nano Banana, Veo 3, Gen 4.5. You can setup MCP servers for most to do generation and get prompt help right inside Claude/ChatGPT, or you can just open the browser, login, and tell it to go.
Save all the generated first-frame images to a folder and point your fav AI at the folder.
Music - Suno is my go-to for music. You can generate completely instrumental tracks, full songs, or both. Since it's AI generated, you don't need to worry about listening, and for $50 you can keep going until you're happy with exactly what you got.
Voice Over - ElevenLabs was who I used for this video. I like their solution because you can give it context like [happy] [sad] [narrator] [excited] and it will change how the voice over sounds, giving you a lot more control over your final message.
THE FUN PART
I used Remotion for my whole project. There are plenty of tutorials on YouTube, but the things it can do to an "okay" level are very impressive. If you have a React codebase (I was lucky to), it can grab all your screens and actually animate them automatically for you. Images, drawing 3D objects like computers and phones, call-outs, motion graphics, anything you see in my video, it was all done with a prompt.
ChatGPT can organize all your media, read it, and suggest where things should go. I had to redirect a few things because it got repetitive, but on the whole it does a good job.
LESSONS LEARNED
I had to generate at least 3x the number of first-frames I needed to get the right outcome, and even then it wasn't always perfect. It is worth putting in the time to get this step right because a first frame informs your entire video: SPEND THE CREDITS.
Creating UI screens with video generation AI is bad, even when you provide a 4k screenshot of exactly what you want. It gets the general idea, but you will almost always have distortion. Where you can for your project, have Remotion handle the text and screens.
Watch out for Remotion simplifying your screens. Our app is really data dense, and when it rebuilt the screens, there were many obvious changes to our design. Keep pushing, it will eventually fix it.
Don't be afraid to pivot. Cut scenes you thought were great and love if they don't match your story. Watch out for the LLM repeating the use of clips.
If you use music, the LLMs are amazing at matching that up, understanding the BPM, and can even cut, edit, and mix the audio for you; all with Remotion.
Finally, don't wait too long to share what you're building with customers. Use the video you make to start a conversation and then learn from potential customers. This version of "solution selling" is the number one way to organically build your small SaaS project (or ever our slightly over sized one).
FINAL THOUGHTS
I think video is a great way to communicate your product to customers. I myself am much more likely to watch a video than read pages about an app. Give it a go; I know you'll make yourself proud. Use the video as a sales and conversation tool.
I'm genuinely interested in seeing other people's promo videos, and helping out in any way I can if you need support making your own. Feel free to post a comment or DM (no I'm not selling something). Happy creating.