Web Design

Uncategorized
Wishlist Share
Share Course
Page Link
Share On Social Media

About Course

Every great website begins with a story—an idea brought to life through thoughtful design, intuitive structure, and seamless functionality. This Web Design course invites you to become a digital storyteller, equipping you with the tools to craft meaningful online experiences from the ground up.

Blending creativity with technology, the course introduces you to the core principles of web design, including HTML, CSS, responsive design, and user experience (UX). Through hands-on projects, you’ll learn not just how to design websites, but how to tell a story through layout, color, typography, and interaction.

Whether you’re building a personal brand, launching a business, or dreaming of a career in design, this course empowers you to transform ideas into engaging digital realities one page at a time.

 

  • Beginner Friendly
  • Additional Resources
  • Language: English
  • Live Online and recorded classes
  • Access to mentors during and off classes
  • A certificate will be issued as soon as you complete this course.
Show More

Course Content

Level 1 Foundations of Web Design & Storytelling

  • Module 1 Introduction to Web Design & Storytelling
  • Lesson 1 What is Web Design? (History & Evolution)
  • Lesson 2 Web Design vs. Web Development (UI vs. UX vs. Front-End)
  • Lesson 3 The Role of Storytelling in Websites
  • Lesson 3 Case Studies: Websites That Use Storytelling Effectively
  • Module 2 Principles of Design in Web UI/UX
  • Lesson 1 The 7 Principles of Design: Balance, Contrast, Emphasis, Proportion, Rhythm, Movement, and Unity
  • Lesson 2 Gestalt Principles in Web Design (Proximity, Similarity, Closure, Figure-Ground, etc.)
  • Lesson 3 The Psychology of Color, Typography, and Visual Hierarchy
  • Lesson 4 Case Study: How Airbnb & Apple Use Design Principles in Their Websites
  • Module 3 Introduction to HTML, CSS & Responsive Design
  • Lesson 1 Structure of an HTML Document
  • Lesson 2 CSS Styling Basics (Selectors, Colors, Spacing, Fonts)
  • Lesson 3 CSS Grid & Flexbox for Layout
  • Lesson 4 Media Queries & Mobile-First Design
  • Module 4 Web Design Tools & Software
  • Lesson 1 Figma & Adobe XD (UI/UX Wireframing & Prototyping)
  • Lesson 2 Webflow & WordPress (No-Code Web Design)
  • Lesson 3 Visual Studio Code & GitHub (Code Editors & Version Control)
  • Lesson 3 Google Fonts & Font Pairing Tools
  • Project:

Level 2 Core Web Design & Storytelling Techniques

THE COLLABORATOR CHALLENGE

Level 3 Advanced Web Design & Motion Storytelling

Level 4 Professional Web Design & Portfolio Development

Student Ratings & Reviews

No Review Yet
No Review Yet