Project-Based Learning
Build real mobile or web app projects with case studies.

25+ Years Experienced Mentor
Get trained by industry professionals with real-world experience.

1:1 Mentorship
Personal attention, career guidance, and portfolio reviews.

UX 3.0 Mindset
Learn modern UX strategies and advanced design thinking.

Flexible Modes
Available in Online + Offline + Hybrid Mode.

After-Course Support
Alumni community, tool updates, knowledge-sharing sessions, and lifetime support

OVI Design Academy offers a No-Code Website Design Course in Chennai specially designed for students and beginners across India. Our 2-week fast-track program helps you build professional websites using modern no-code tools—without any coding knowledge.

By the end of 2 weeks, students will be able to design, animate, and publish their own personal website using Framer.

WEEK 1 – Foundation of Website Design with Framer

Day 1 – Introduction to Web & Framer

• What is a website?
• How websites work (simple explanation)
• Introduction to Framer
• Examples of websites made in Framer
• Create Framer account
• Interface walkthrough
• First design practice

Day 2 – Understanding Layout & Frames

• What is a frame?
• Page size and screen sizes
• Sections (Header, Body, Footer)
• Alignment & spacing
• Adding basic shapes and containers
• Mini task: Create a simple webpage layout

Day 3 – Text, Fonts & Colors

• Adding text content
• Heading, paragraph and button text
• Choosing fonts
• Color theory basics
• Background colors & gradients
• Mini task: Design a colorful welcome page

Day 4 – Images, Icons & Media

• Adding images
• Image resizing & cropping
• Adding icons
• Background images
• Image effects
• Mini task: Create a “My Favorite Things” page

Day 5 – Buttons, Links & Navigation

• Creating buttons
• Linking pages
• Adding website navigation menu
• Scroll behavior
• Mini task: Create a 2-page website

WEEK 2 – Interactions, Animations & Publishing

Day 6 – Introduction to Components

• What is a component?
• Creating reusable buttons
• Reusing cards & sections
• Mini task: Create reusable profile cards

Day 7 – Simple Animations

• Hover effects
• Button animation
• Image zoom animation
• Page transitions
• Mini task: Animate buttons & cards

Day 8 – Interactive Sections

• Forms & contact sections
• Simple input fields
• Call-to-action sections
• Mini task: Create a Contact page

Day 9 – Mobile Friendly Design

• What is responsive design?
• Adjusting for mobile screens
• Hiding & resizing elements
• Mini task: Make website mobile friendly

Day 10 – Publishing & Final Project

• Website preview & testing
• Fixing layout issues
• Connecting domain (demo)
• Publishing website
• Final Project:
➜ Design & publish Personal Website / School Portfolio

🎓 Final Student Outcome

Students will:
✔ Understand basic website design
✔ Create multi-page websites
✔ Add animations & interactions
✔ Publish their own website
✔ Gain confidence in digital creativity

If you want, next I can also help you with:
• Student project ideas
• Certificate names
• Course poster content
• Daily assignment sheets