animatographystudio.com

Contact: +91 9625949497 | animatographystudio@gmail.com

Facebook Instagram Youtube
Animatography Studio
Menu
Contact Us

Become a Web Designer

Our Web Designing Program

This 6-month online Web Design program blends creativity with technology to build responsive, modern websites from scratch. Students learn HTML, CSS, JavaScript, UI/UX principles, and how to use tools like Figma, Webflow, and VS Code. Perfect for aspiring web designers, creative developers, freelancers, and digital entrepreneurs looking to create pixel-perfect, user-friendly web experiences.

Apply Now

Basic Level (Months 1–2): Visual Design & Web Foundations

  1. Principles of Web Design (Week 1–2)
    – Layout, color, typography for the web
    – Accessibility and design thinking
  2. UI Design with Figma (Week 3–4)
    – Wireframing, style guides, and prototypes
    – Component-based design and responsive grids
  3. HTML Essentials (Week 5–6)
    – Semantic structure: headings, lists, media
    – Forms, links, and best practices
  4. CSS Styling & Layouts (Week 7–8)
    – Flexbox, Grid, animations
    – Custom styling, responsive design fundamentals

Intermediate Level (Months 3–4): Interactivity & Design Systems

  1. JavaScript for Designers (Week 9–10)
    – DOM manipulation, events, sliders, modals
    – Adding dynamic elements and forms
  2. Responsive & Mobile-First Design (Week 11–12)
    – Breakpoints, fluid layouts, viewport units
    – Best practices for cross-device consistency
  3. Design Systems & UI Libraries (Week 13–14)
    – Building reusable components
    – Atomic design and style documentation
  4. Webflow & No-Code Tools (Week 15–16)
    – Visual development with interactions
    – Deploying live websites without code

Advanced Level (Months 5–6): Real Projects & Portfolio Building

  1. Client-Side Website Projects (Week 17–18)
    – Design and develop a multi-page responsive website
    – Focus on branding, storytelling, and user flow
  2. Website Optimization & SEO Basics (Week 19–20)
    – Image compression, loading speed
    – SEO tags, semantic markup, accessibility
  3. Hosting, Domains & Deployment (Week 21–22)
    – GitHub Pages, Netlify, custom domains
    – Setting up basic CMS with Webflow or WordPress
  4. Portfolio Website & Showcase (Week 23–24)
    – Create your personal design + dev portfolio
    – Final walkthrough and live presentation

Final Deliverables

  • Responsive Website (HTML, CSS, JS)
  • Web UI Design (Figma Prototype)
  • Webflow Project or No-Code Build
  • Portfolio Website (Live + GitHub)
  • Professional Web Design Portfolio
Scroll to Top