Build fully functional websites on Webflow

Course Introduction

The 5-day Webflow Bootcamp is your chance to master designing and developing professional websites using Webflow. You’ll work on a hands-on project to create a portfolio website, covering essential sections like services, project showcases, client testimonials, and contact forms. By the end, you’ll have a polished, fully functional portfolio ready to share.

We’ll explore advanced Webflow features, such as CMS for dynamic content, responsive design techniques, Webflow components, animations, SEO, and OG tags for social sharing. Each lesson directly applies to your portfolio, helping you practice and perfect your skills.

By the end of the bootcamp, you’ll have a professional portfolio and a deep understanding of Webflow’s capabilities, making this bootcamp ideal for designers and developers looking to elevate their skills.

⚠️ Note:

This bootcamp is designed for individuals with basic knowledge of HTML, CSS, and web design principles. If you are new to these concepts, consider reviewing foundational resources before joining.

——————————————————————————————————————————————————————————————————————

This bootcamp is ideal for

✅ Product Designers – Designers looking to take their skills to the next level by transforming their static designs into fully functional, live websites using Webflow.

✅ Web Developers – Developers interested in exploring no-code tools to streamline and accelerate their web development workflow while maintaining high-quality results.

——————————————————————————————————————————————————————————————————————

Prerequisites

1. HTML Knowledge – Understanding the basics of HTML, including elements, structure, and how content is organized on a webpage. This will help you grasp how Webflow generates code behind the scenes.

2. CSS Knowledge – Familiarity with CSS concepts like styling, layout, and responsive design. Knowing how properties like margin, padding, and flexbox work will make Webflow’s visual interface intuitive and efficient for you.

3. Web Design Basics – A foundational understanding of design principles, such as layout, color theory, typography, and user experience. This will ensure your projects are not only functional but also visually appealing and user-friendly.

——————————————————————————————————————————————————————————————————————

We’ll be going through

✔ Webflow’s UI Walkthrough – Exploring the interface and tools.

✔ Applying a Style Guide – Setting up consistent design rules.

✔ Client-First Style Guide – Adopting scalable naming conventions.

✔ Implementing & Styling Static Sections – Designing non-dynamic content.

✔ CMS – Managing and displaying dynamic content.

✔ Components – Creating reusable design elements.

✔ Responsiveness – Optimizing for all devices.

✔ Animations – Adding interactions and movement.

✔ Spline – Integrating 3D visuals into your design.

✔ SEO & OG Tags – Enhancing discoverability and social sharing.

——————————————————————————————————————————————————————————————————————

About the instructor

I’m Mohamed Alaa, a Senior Product Designer at Munify and Webflow Global Community Leader in Egypt. I help designers and developers create stunning websites without code, hosting meetups and workshops to share my expertise.

As a former UX session lead at Udacity, I mentored aspiring designers for two years, igniting my passion for teaching. I’m dedicated to providing practical guidance to help others master Webflow and enhance their web design skills.

🏆 Experience in Webflow

• 3+ years as a Webflow developer
• 30+ Projects > View a sample
• 2+ years as a Webflow global community leader > View contributions
• 10 community events

Follow me