The journey to becoming a web building master can be both an exciting one … and a completely overwhelming one, especially if you’re a newbie.
But fear not, aspiring Webflow pros, today’s blog has just what you need.
Webflow University is a goldmine of design and development tutorials that can help you unlock your creative potential and start building beautiful and responsive websites with ease!
So, if you’re ready to give your skills a boost, we’re ready to show you the right tutorials you need to help you improve. Keep reading for the best Webflow University design tutorials for Webflow beginners just like you!
Let’s get started!
What is Webflow University?
Before you start fretting about the cost of gas and tuition, Webflow U. isn’t really a university.
It’s an educational platform provided by Webflow and offers a huge range of completely free video tutorials, courses, and other resources created by the experienced designers and educators of the Webflow team to equip you with the knowledge you need to get the most out of the platform.
In addition to easy-to-follow videos and animations, Webflow University also features written instructions and interactive lessons to teach users how to do everything from design to creating, customizing, and managing their Webflow sites without needing any code.
8 Webflow University Design Tutorials for Beginners
So, if you’re looking to up your web design game, then let’s get to it!
Below are our 8 favorite Webflow University design tutorials and full online courses to help you sharpen your skills, learn new techniques, and start making websites that stand out!
1. Intro to Responsive Design
We’ve all seen it before.
You visit a website from a phone or tablet and, immediately, you’re forced to switch to landscape, tilt your phone, zoom in, and squint your eyes to be able to read it. It’s annoying, it’s a hassle, and, above all, it gives that particular site a negative impression in your head.
You don’t want to do that to your users so make sure your site has a responsive design that adapts seamlessly to whatever device and screen size your visitors might be visiting from!
This course, Intro to Responsive Design, aims to give you the foundation you need!
Length of Course — 2.5 minutes
2. Freelance Web Design Boot Camp
The Freelance Web Design Boot Camp gives freelance web designers like you everything you need to know to design and build professional-looking and custom websites.
You’ll also learn business skills like how to land better quality clients, set proposals and prices, and start enjoying a successful career as the web designer you were born to be! All you need to get started is a Webflow account.
Level — Beginner
Length of Course — 44 lessons, 6 hours 49 minutes
3. Webflow eCommerce
Do you have products you can sell online?
To be successful, you’ll need a visually pleasing and fully functional eCommerce store to show off what you have to offer and give your visitors a shopping experience that keeps them coming back for more!
Check out this online course, Webflow Ecommerce, to learn how to build and design your store and customize every detail of your shoppers’ experience!
This is a full course, so you’ll need a Webflow account to get started.
Level — Beginner to Intermediate
Length of Course — 7 lessons,19 minutes
4. Design for Larger Displays in Webflow
We’ve already talked about the importance of a responsive design and the importance of having your website look good on smaller screens.
But what about larger ones?
Oftentimes, it’s more difficult to adjust the opposite way. Which is why Webflow University offers this short video tutorial, Designing for Larger Displays in Webflow, to teach you everything you need to know to make sure your designs are responsive to larger screens, like iMacs.
Click the link above to get started!
Length of Course — 1.5 minutes
5. Interactions & Animations course
A custom-built and fully functioning website is great!
But what about one with interactive elements and animations to really grab attention and show off what you can do?
If you’re a more seasoned beginner who's ready for a bit of a challenge, then you get all the info and guidance you need with Webflow University’s Interactions & Animations course!
Level — Intermediate to Advanced
Length of Course — 21 lessons, 1 hour and 59 minutes
6. Figma to Webflow
Like cookies and pancakes, the best websites are the ones made from scratch.
If you enjoy creating wireframes and low-fidelity designs on Figma, then why not learn to take the next step and bring your vision to life?
This full course, Figma to Webflow, will show you how to take your Figma wireframes, render 3D product assets, and build custom landing pages and websites like a pro. Since it's a full course, you'll need to make a Webflow account to get started.
Level — Beginner to Advanced
Length of Course — 13 lessons, 6 hours and 27 minutes
7. Web Animations with After Effects & Lottie
This one requires a bit of previous know-how in Adobe After Effects but, if you’ve got the experience, then you might enjoy learning how to create animations for your Webflow page!
Check out Web Animations with After Effects & Lottie to learn how to create animations for simple triggers like loading a page, clicking, hovering, or scrolling, and kick your website up a notch!
Requirements
- Adobe After Effects
- Bodymovin extension (download available in link)
- LottieFiles for After Effects (download available in link)
Level — Intermediate
Length of Course — 10 lessons, 1 hour and 18 minutes
8. SEO Fundamentals
So, your new Webflow site is launched …
Now what?
Well, now you’ve got to make sure the right people can find the page you’ve worked so hard on! Your site has to be optimized for SEO in order to give it the visibility it needs to show up on search engine results and drive more organic traffic.
And while SEO is a complex field, this SEO Fundamentals course can equip you with the basic knowledge you need to get started and “keep your link juice flowing.”
Level — Beginner
Length of Course — 4 lessons, 13 minutes
<div class="c-blog_comp-cta cc-component-2"><div class="c-blog_comp-cta-left"><div class="c-blog_comp-cta-left-wrap"><img src="https://global-uploads.webflow.com/61cdf3c5e0b8155f19e0105b/63695243d096983691046ac3_Potential-Creative.png" loading="lazy" alt="" class="c-blog_comp-cta-left-img"></div></div><div class="c-blog_comp-cta-right cc-dark"><div class="c-blog_comp-content"><div class="c-text-wrapper cc-mb-32"><div class="c-title-4 cc-bold"><strong>Like to work as a freelancer with consistent income?</strong></div></div><div class="c-text-wrapper"><div class="c-text-2">Designity's collaborative model is designed to give you all of the perks of being a freelancer without the income instability.<br></div></div></div><div class="c-blog_comp-wrapper"><a href="http://designity.com/creatives" target="_blank" class="c-button w-button"><strong>Join Our Creative Community</strong></a></div></div></div>
Looking for Another Way to Learn New Skills?
If your ambitions take you beyond self-study and you’re looking for an opportunity to apply your amazing design or development skills to real-world projects, then we have one more recommendation to make.
Why not join Designity?
Designity is made up of top experts in fields like graphic design, web design, coding, copywriting, video production, motion graphics, and more, and we’re always looking for new talent to join our creative community.
Working with Designity will not only give you a chance to flex your creative muscles but also provide you with the following perks:
- Competitive Pay — Get paid what you're worth and take on as many projects as you have the bandwidth for!
- Flexible Schedule — Set your own hours and work from whatever WiFi-enabled location you want!
- The Spice of Life — Enjoy working on a variety of different projects for a variety of different clients in a variety of different industries.
- Growth Opportunities — Learn from the experienced designers and Creative Directors around you and move up in ranks the longer you work!
- Remote Environment — Save on gas money, because Designity is 100% remote!
- Hassle-Free Designing — Do what you love and let your Creative Directors and Designity Admin Team take care of sourcing clients, handling payments, and dealing with clients.
Sound like the gig for you?
Why not put your talent to the test by filling out our one-of-a-kind application and going through our unique hiring process?
Are you ready for the next step in your creative career?
