Create a professional 60-second YouTube Shorts educational video on the topic “What Is Web Designing?” for beginners.
VIDEO SETTINGS:
- Duration: 60 seconds
- Aspect Ratio: 9:16 vertical
- Resolution: 1080 × 1920
- Language: Hinglish (Hindi + English)
- Target Audience: Beginners, students, aspiring web designers
- Style: Modern tech aesthetic, clean visuals, smooth transitions, professional screen recordings
- Voice: Natural Indian male voice, friendly and energetic
- Subtitles: Accurate Hinglish subtitles
- Background Music: Soft technology-themed music at low volume
VIDEO STRUCTURE:
SCENE 1 (0–4 seconds) — HOOK
Visual: Show a plain, unattractive webpage transforming into a beautiful modern website.
On-screen text: “Website Kaise Banti Hai?”
Voiceover: “Kabhi socha hai ek normal website itni beautiful kaise dikhti hai?”
SCENE 2 (4–12 seconds) — INTRODUCTION
Visual: Show a laptop displaying a professional website with a navbar, images, buttons, and cards.
On-screen text: “WEB DESIGNING”
Voiceover: “Iska answer hai Web Designing! Ismein hum website ka look, layout, colours aur overall design decide karte hain.”
SCENE 3 (12–25 seconds) — LIVE EXAMPLE
Visual: Show a simple website being designed. Add a heading, change its colour, adjust spacing, and create a button.
On-screen text: “Layout + Colours + Typography”
Voiceover: “Jaise website ka layout banana, colours choose karna, fonts set karna aur buttons ko attractive banana.”
SCENE 4 (25–38 seconds) — TECHNOLOGY INTRODUCTION
Visual: Display HTML, CSS, and JavaScript code beside a website preview.
On-screen text:
HTML = Structure
CSS = Styling
JavaScript = Interactivity
Voiceover: “Iske liye hum mainly HTML se structure, CSS se styling aur JavaScript se website mein interactivity add karte hain.”
SCENE 5 (38–50 seconds) — FINAL RESULT
Visual: Show a responsive website on a laptop and mobile phone. Demonstrate the same website adapting to both screens.
On-screen text: “From Beginner to Web Designer”
Voiceover: “Aur best part? Tum ye sab zero se seekh sakte ho, chahe tumhe abhi coding bilkul nahi aati.”
SCENE 6 (50–60 seconds) — CALL TO ACTION
Visual: Show a code editor, website preview, and a clean title card.
On-screen text:
“WEB DESIGNING SERIES — EPISODE 01”
“Follow for Episode 02”
Voiceover: “Ye hai hamari Web Designing series ka pehla episode. Agli video mein samjhenge ki websites actually kaam kaise karti hain. Follow kar lo!”
EDITING INSTRUCTIONS:
- Use quick but smooth transitions.
- Keep text large and readable on mobile screens.
- Use real code editor and browser visuals wherever possible.
- Highlight HTML, CSS, and JavaScript in different colours.
- Avoid excessive animations, distracting effects, and unnecessary transitions.
- Keep the voiceover clear and synchronized with the visuals.
- Ensure all text is spelled correctly.
- Do not use random or fake code that makes no technical sense.
- Make the final video educational, engaging, and suitable for YouTube Shorts.
