UGC ads usually mean finding a creator, sending a brief, waiting a week, then paying per video. I wanted to see how much of that an n8n workflow could handle.
The video in this post was not filmed. It was generated end to end by a workflow I built.
How it works:
I drop in a product, a short brief and a target audience
An LLM writes the UGC-style script with a hook, the body and a call to action
Veo generates the video in a natural, creator-style look
The workflow publishes it to TikTok, Reels and Shorts [and schedules it for the best time]
So the whole path from brief to published video runs without me touching an editor.
What I learned:
The prompt matters more than the model. Specific lighting, camera and tone details made the difference between “obvious AI” and “believable creator”.
Hooks decide everything. I generate several hooks per product and test them.
Always label AI-generated content where the platform requires it. It’s the right thing to do and it avoids trouble later.
If you run a brand, an e-commerce store or an agency and want a steady stream of short-form content without the cost of manual production, I build these workflows. Message me and I’ll show you how it would work for your product.
Would you trust an AI-generated UGC ad for your brand? Curious where people stand on this.
#n8n #Veo #AIVideo #UGC #AIAutomation #ContentCreation #ShortFormVideo #Ecommerce #MarketingAutomation #GenerativeAI #NoCode #SocialMediaMarketing
2
1
34
🚀 Just shipped a project: BrandBuzz, a fully interactive digital marketing agency landing page built with React + Vite!
As a Computer Science student, I wanted to move beyond tutorials and recreate a real UI design in code, so I took a design mockup and turned it into a working, responsive site.
What I built:
⚡ Sticky navbar with smooth scrolling and scroll-based active link highlighting
🎠 Auto-playing testimonials carousel that pauses on hover
🧩 Modal forms for Sign Up, Get Started and Contact Us, with keyboard support (Esc to close)
✨ Scroll-reveal animations using the Intersection Observer API
📱 A mobile-first responsive layout with a hamburger menu
♿ Accessibility basics: focus states, aria labels and reduced-motion support
What I learned:
🔹 Managing UI state with React hooks (useState, useEffect) and writing a custom useReveal hook
🔹 Building layouts with CSS Grid and Flexbox
🔹 Cleaning up event listeners and intervals properly to avoid memory leaks
🔹 Optimizing images (WebP) for faster load times
The biggest takeaway is that the small details, like hover states, transitions and spacing, are what make a website feel polished and professional.
I’m actively looking for internship and entry-level opportunities in frontend and web development, so I’d love to connect with developers, designers and recruiters. Any feedback on the project is welcome. 🙌
0
13
⚖️ Just finished building a law firm landing page from scratch, and I’m pretty proud of how it turned out!
I took a UI design and created it in React + Vite as a project for a law firm. My goal was to match the design as closely as I could, down to the spacing, typography and colors.
Here’s what I worked on:
✅ A responsive layout that works on desktop, tablet and mobile
✅ Practice area cards, a testimonials section and a contact form
✅ A clean navy and gold palette for a professional, trustworthy feel
✅ Reusable components, so the code stays organized
The hardest part was getting the small details right, like the card dividers, the font sizes and the hero image positioning.
I spent more time on these than I expected, but it taught me how much small design choices matter. I’m still learning and improving every day, so I’d love your feedback! What would you add or change?
🙌 If you’re hiring for frontend or web development roles, or just want to connect, feel free to message me!
#ReactJS (https://www.linkedin.com/search/results/all/?keywords=%23reactjs&origin=HASH_TAG_FROM_FEED) #Vite (https://www.linkedin.com/search/results/all/?keywords=%23vite&origin=HASH_TAG_FROM_FEED) #FrontendDevelopment (https://www.linkedin.com/search/results/all/?keywords=%23frontenddevelopment&origin=HASH_TAG_FROM_FEED) #WebDevelopment (https://www.linkedin.com/search/results/all/?keywords=%23webdevelopment&origin=HASH_TAG_FROM_FEED) #JavaScript (https://www.linkedin.com/search/results/all/?keywords=%23javascript&origin=HASH_TAG_FROM_FEED) #UIDesign (https://www.linkedin.com/search/results/all/?keywords=%23uidesign&origin=HASH_TAG_FROM_FEED) #ResponsiveDesign (https://www.linkedin.com/search/results/all/?keywords=%23responsivedesign&origin=HASH_TAG_FROM_FEED) #LandingPage (https://www.linkedin.com/search/results/all/?keywords=%23landingpage&origin=HASH_TAG_FROM_FEED) #LawFirmWebsite (https://www.linkedin.com/search/results/all/?keywords=%23lawfirmwebsite&origin=HASH_TAG_FROM_FEED) #StudentDeveloper (https://www.linkedin.com/search/results/all/?keywords=%23studentdeveloper&origin=HASH_TAG_FROM_FEED) #LearningInPublic (https://www.linkedin.com/search/results/all/?keywords=%23learninginpublic&origin=HASH_TAG_FROM_FEED) #BuildInPublic (https://www.linkedin.com/search/results/all/?keywords=%23buildinpublic&origin=HASH_TAG_FROM_FEED) #WebDesign (https://www.linkedin.com/search/results/all/?keywords=%23webdesign&origin=HASH_TAG_FROM_FEED) #OpenToWork (https://www.linkedin.com/search/results/all/?keywords=%23opentowork&origin=HASH_TAG_FROM_FEED) #100DaysOfCode (https://www.linkedin.com/search/results/all/?keywords=%23100daysofcode&origin=HASH_TAG_FROM_FEED)
0
23
Replying to WhatsApp all day is draining, but letting an AI answer everything is risky. I wanted a system where routine messages are handled automatically and sensitive ones wait for human approval.
A control dashboard connected to a zero-cost n8n backend. Incoming text, voice notes and images are transcribed or described by AI. The assistant either replies automatically or holds the message for review.
How it works:
Voice notes are transcribed with Groq Whisper, and images are described with Gemini 2.0 Flash.
A Gemini-powered agent decides between “auto-send” and “held for review”.
Replies can go out as native WhatsApp voice notes using Google Text-to-Speech.
The dashboard shows the live message stream, an approval queue, switches for Auto-Pilot, Voice Synthesis and Intervention Mode, and an animated voice visualizer.
Stack: React, Tailwind CSS, Framer Motion, n8n, WhatsApp Cloud API, Groq, Gemini, Google TTS.
What I learned: Designing the approval flow mattered more than the AI itself. Deciding what the assistant is not allowed to send on its own shaped the whole design.
0
43