Web DESIGN Overview
Design & build responsive websites with Webflow, supafast!
During our live Web Design Bootcamp, you'll master Web Design skills by creating a series of animated and responsive websites using Webflow. During live classes in Webflow you'll build components, master layouts, and create awesome animations. We take a learn-by-doing approach spending 10 weeks wrapped up in Webflow.
100%
For context, typical online courses have a 12.6% completion rate. We're proud to have a 100% completion rate.
5/5
The main goal of our Bootcamps is to ensure designers learn-by-doing and have a bunch of fun!
20
We limit class sizes to foster a safe and personalised learning experience for everyone around the world.
Web Design Bootcamp
What you'll learn during our Live Web Design Bootcamp in Webflow
Webflow
Learn how to create, animate, manage and publish a website with Webflow
Web structure
Understand the box model, flexbox, and element heirarchy
HTML & CSS Styling
Learn the fundamentals of HTML & CSS Styling
Webflow Components & Symbols
Learn how to create styles, classes, components and symbols
Content Management System
Learn how to create, map, and apply a CMS to your portfolio
Page Templates
Understand how to build CMS page templates with your styleguide
Webflow Interactions
Learn how to animate components with element and page triggers
Webflow SEO & site Publishing
Master publishing your portfolio with accurate meta data
Web Design Bootcamp
Learn-by-doing live in Webflow
Our online Web Design Bootcamp in Webflow is setup to help you master Webflow with practical projects. With our practical curriculum you'll graduate from our Web Design Bootcamp with a range of responsive and animated websites including a job-ready portfolio
As well as meeting your Webflow classmates in our Bootcamp slack, you'll be asked to complete prepwork to get you prepped for mastering Web Design in Webflow.
- Meet your classmates in Slack 👋
- Create Webflow, Figma, and Notion accounts.
- Familiarise yourself with Webflow
- Design your Portfolio in Figma
- Understand the fundamentals of Webflow
- Master working with Notion templates & databases
- Learn the best Figma & Webflow practices
To kick off, we'll be diving straight into building our first website and learning how to convert our design from Figma to Webflow. During this week we'll be learning how layers, styles, and components can be replicated in Webflow
- Learn how to create CSS classes in Webflow
- Create an accessible color palette in Webflow
- Create type scales and understand rems
- Learn how inheritance works
- Understand how to design from Figma to Webflow
- Learn how to share read-online links
- Establishing a scalable spacing system
In week two we'll continue mastering the fundamentals by tackling block elements, flex layouts, and grids. As well as understanding the box model, we'll dive into creating responsive designs that responds to device breakpoints
- Learn a range of layout techniques in Webflow
- Understand how to block elements
- Mastering using flexbow in Webflow
- Learn how to work with a grid system in Webflow
- Master the box model
- Apply a spacing system to padding, borders, and margins
In week four you'll learn how to create CMS portfolio page templates with conditions. Templates make it super easy for you to build the content into your portfolio. At this stage, you're portfolio will contain all of the key content and the final week we'll push into interactions and animations
- Learn how to structure your CMS page templates
- Apply conditions to your CMS templates
- Learn how to document your components
- Recognise the need for Design Tokens in components
- Design interactive components in Figma
- Learn how to document the anatomy and interaction
- Document best practices in your Design System
In our final week you'll will dive into learning key interactions in Webflow to ensure you can animate your portfolio. As well as understanding key interactions, you'll learn how to publish your portfolio with the necessary meta data. The final stage of our portfolio is our graduation showcase where you'll celebrate your portfolio and your classmates
- Learn how to create interactions in Webflow
- Understand how to use element & page triggers
- Learn how to set timed animations
- Understand the value of page meta data
- Publish your portfolio live 🎉
- Receive updates on our Bootcamp to continue learning 🎉
To kick off, we'll be diving straight into Webflow to build out your scalable portfolio styleguide. The goal of this week is to get comfy with classes, tag styles, colour swatches, and inheritance. You'll also familiarise yourself with sharing read-only links to get feedback from classmates and your teacher
- Learn how to build a styleguide in Webflow
- Understand how to create and manage classes
- Master tag styles to build your portfolio
- Learn how inheritance works
- Define your color, type & grid styles
- Learn how to share read-online links
- Learn how to ask and receive honest feedback
To kick off, we'll be diving straight into Webflow to build out your scalable portfolio styleguide. The goal of this week is to get comfy with classes, tag styles, colour swatches, and inheritance. You'll also familiarise yourself with sharing read-only links to get feedback from classmates and your teacher
- Learn how to build a styleguide in Webflow
- Understand how to create and manage classes
- Master tag styles to build your portfolio
- Learn how inheritance works
- Define your color, type & grid styles
- Learn how to share read-online links
- Learn how to ask and receive honest feedback
To kick off, we'll be diving straight into Webflow to build out your scalable portfolio styleguide. The goal of this week is to get comfy with classes, tag styles, colour swatches, and inheritance. You'll also familiarise yourself with sharing read-only links to get feedback from classmates and your teacher
- Learn how to build a styleguide in Webflow
- Understand how to create and manage classes
- Master tag styles to build your portfolio
- Learn how inheritance works
- Define your color, type & grid styles
- Learn how to share read-online links
- Learn how to ask and receive honest feedback
To kick off, we'll be diving straight into Webflow to build out your scalable portfolio styleguide. The goal of this week is to get comfy with classes, tag styles, colour swatches, and inheritance. You'll also familiarise yourself with sharing read-only links to get feedback from classmates and your teacher
- Learn how to build a styleguide in Webflow
- Understand how to create and manage classes
- Master tag styles to build your portfolio
- Learn how inheritance works
- Define your color, type & grid styles
- Learn how to share read-online links
- Learn how to ask and receive honest feedback
To kick off, we'll be diving straight into Webflow to build out your scalable portfolio styleguide. The goal of this week is to get comfy with classes, tag styles, colour swatches, and inheritance. You'll also familiarise yourself with sharing read-only links to get feedback from classmates and your teacher
- Learn how to build a styleguide in Webflow
- Understand how to create and manage classes
- Master tag styles to build your portfolio
- Learn how inheritance works
- Define your color, type & grid styles
- Learn how to share read-online links
- Learn how to ask and receive honest feedback
To kick off, we'll be diving straight into Webflow to build out your scalable portfolio styleguide. The goal of this week is to get comfy with classes, tag styles, colour swatches, and inheritance. You'll also familiarise yourself with sharing read-only links to get feedback from classmates and your teacher
- Learn how to build a styleguide in Webflow
- Understand how to create and manage classes
- Master tag styles to build your portfolio
- Learn how inheritance works
- Define your color, type & grid styles
- Learn how to share read-online links
- Learn how to ask and receive honest feedback
Having graduated from our Webflow Portfolio Bootcamp, you'll join our Webflow alumni of experienced designers around the world who stay connected during meet-ups and in our community channel.
As well as staying connected with your classmates, and joining our alumni, we'll be dropping in with updates to our Bootcamp for you to implement into your portfolio!
- Join our Alumni of experienced designers
- Connect with our UX/UI community in 120+ countries
- Receive updates on our Bootcamp to continue learning 🎉
Web Design Bootcamp Schedule
Build Animated Websites live and together in Webflow
Our Bootcamps are intense and It will be a lotta work. We pride ourselves on having a schedule that works for busy designers around the world. From Zoom chats, to Loom tutorials; we go the extra mile to help you learn.
Mon
Prep
30m
Prep for our weekly live class
Tue
Live class
2 hours
Jump into our live class with designers
Wed
Digest
30m
Digest what you've learned and prep questions for our co-working session
Thu
Co-working
1 hour
Ask questions and collab with your team
Yoga
1 hour
Unwind from Bootcamp and get stretchy!
Fri
Website Build
1-2hr
Practice what you've learned and each week you'll contribute to an ongoing case study
Weekend
Chill out
All weekend
It's healthy to take a break and enjoy time with family and friends
Live Classes
Learn live with a micro class
Jump into a live Zoom class with your class mates around the world and collaborate live in Webflow. These sessions are designed to help you learn-by-doing and make Memorisely the best place to learn online.
Website Case Studies
Build websites and a portfolio during Bootcamp
Collaboration is key for every designer and every week you'll be set design tasks to complete an animated website your own job ready design portfolio. Each week you'll contribute to your website and portfolio and you'll learn directly from your classmates and teacher.
We take a learn-by-doing approach and if you'd prefer quizzes and text heavy reading lists then we suggest exploring other schools.
Webflow TEAM
Learn from the most qualified design instructors in the industry
Our Webflow teachers are super experienced in designing and developing in Webflow and their combined experience in the industry ensures that your portfolios are job-ready!
Zander Whitehurst
Founder of Memorisely
"Hey! My name is Zander and I'm the founder & CEO of Memorisely. I studied at Oxford University, New York University, and was an early member of Hotjar's remote product design team. I've been Product Designer for a decade and have grown a community of
150,000 UX/UI designers. I'm an Educator Advisory Board member for Figma and have taught Designers at Google, Nasa, Airbnb, Spotify, and Uber. I'm a super enthusiastic teacher and don't believe in powerpoint presentations!"
Zander Whitehurst
Founder & CEO
Teacher
LA Drury
Head of Operations
Bootcamp Operations
Belen Moran
Bootcamp Manager
Bootcamp Manager
Web DESIGN tools
Our online Bootcamps are designed around the latest remote design tools. Unlike corporate courses that have a fixed toolstack from decades past, we believe it's important to equip designers with the latest toolstack to excel in their career.
Micro Class
Join a micro class of Designers around the world
We think it's vital to have a personalised learning experience and we purposefully limit class sizes to around 20 Designers. Keeping class sizes small, ensures we can cover more in the time we have and you'll learn directly from other designers. Plus, it's a safe place to learn with the whole class contributing to discussions and sharing feedback.
Memorisely Alumni
Meet our Bootcamp Alumni
We're proud to educate designers around the world and take a lotta pride in forming a supportive alumni. We throw quarterly alumni events and often have alumni return to Bootcamps as guest speakers.
"Do it! You're working with the most up to date processes, tools, and best practices whilst collaborating with other designers all done in a positive vibe. Your confidence as a designer will grow."
"Learning the fundamental of creating components and the overall design system with people around the world."
"Learning and having fun at the same time :). Chance to collaborate with great people. You will learn and have a great time with people from all over the world."
"Thanks to Zander for opening my eyes and thoughts regarding how we can build a scalable and robust design system. I would highly recommend and simply say "Go for it" It's worth both time and money."
"The amount of content and how it is presented. There is so much packed in each Bootcamp session! No PowerPoint slides, or PDFs, just content and hands-on exercises in Figma and everything else we need in Notion. Best investment you will make in a while! So much value not just on the Bootcamps, but in being part of the Memorisely community."
"Intense learning which has helped me to learn about how to get the most out of Figma. I enjoy Zander's deliver of the content and that the sessions are live learn-by-doing"
"It's been a great experience having someone that can provide insights into building a design system. There is a lot of info online and in books, but having someone walk through it and answer questions provides a lot more value and help to improving as a designer."
Pricing
Transparent and accessible pricing
Unlike other courses who tuck away their prices, we are totally transparent with our online Bootcamp pricing and take pride in being accessible and affordable with a monthly payment plan available.
Enroll now
Join a micro class of Designers
Complete Figma & Webflow Prep Tasks
Build a responsive & animated websites
Build an animated marketing site
Design a job-ready portfolio
Master Web Design using Webflow
Join Memorisely Bootcamp events
Webflow & Portfolio support
Web Design, Webflow Bootcamp certificate
Enroll nowJoin a micro class of Designers
Complete Figma & Webflow Prep Tasks
Build a responsive & animated websites
Build an animated marketing site
Design a job-ready portfolio
Master Web Design using Webflow
Join Memorisely Bootcamp events
Webflow & Portfolio support
Web Design, Webflow Bootcamp certificate
Next Webflow Bootcamp
Filling up supafast!
Our Bootcamps tend to fill up pretty quickly which is why we open up months in advance. And we purposefully limit class sizes to 20 Designers to ensure each bootcamp offers a personal learning experience.
Next Bootcamp · Nov 28th - Feb 17th
Bootcamp Questions
Got a question about our Web Design Bootcamp in Webflow?
Chances are at this stage you have a couple questions. We encourage our students to ask questions directly and you can arrange a quick call with us anytime.
Each bootcamp has 20 Designers. For us, it's important to keep these bootcamps super personal. This personal model ensures we can support and motivate 100% of students to graduate and have an awesome experience.
Our Webflow Portfolio Bootcamp is great for anyone wanting to build a job-ready portfolio. This Bootcamp is perfect for any experienced designer wanting to build a decent portfolio that can scale with their career.
Our Bootcamps thrive on cross-pollination of knowledge and this Bootcamp is right for you if you are building your first portfolio, updating you're out-dated portfolio, or wanting to go freelance and turn heads with your skills.
It's a great opportunity for those wanting to learn Webflow to improve their skills in building out scalable websites
All learning is done remotely. Before the bootcamp you'll be invited to a private slack space to meet your classmates from around the world. Each week you'll join a zoom class together and throughout the bootcamp we encourage you to collaborate, and constantly feedback to learn-by-doing.
Two reasons.
Firstly, our Bootcamps differ from typical online courses. Unlike online courses that are sold for having 60hr+ of video behind a paywall, Memorisely Bootcamps are immersive learning experiences. Typical online courses have a 12.6% completion rate, whereas we pride ourselves on measuring success with a 98% completion rate from students. So instead of trying to teach yourself by goggling at a video, you'll join a fun class and be taught!
Secondly, you'll be joining classmates around the world, motivating, collaborating and learning from each other. We consider these micro classes, and together you'll graduate and likely remain design buddies for life 🙌
