Figma To Webflow For Beginners Build Portfolio Website From Scratch

Figma To Webflow For Beginners Build Portfolio Website From Scratch

What you'll learn

Description

Have you ever wanted to develop a modern website with no code? Then this class will help you to develop your web design skills with the help of Webflow.
In this course we developed this website page:
https://artist-portfolio-website.webflow.io/
Hey Students,
I’m Jemsee, Webflow Designer and Digital Illustrator from India.
Being a Webflow Designer and Digital Illustrator I thought of creating a portfolio website for the drawing artist which has all the necessary elements needed for them. So, in this class, You will see how to create a portfolio website using Webflow.
Webflow is a powerful tool that lets to build websites visually with no code. It allows to build modern and responsive websites without any limitations visually.
This course is aimed at anybody who wants to build websites. Even you may be beginner or you maybe a designer, Or maybe you want to become a full-time web designer.
For you, Webflow is the answer.
This class is totally from scratch, each and every step on building a website is shown completely.
The course starts with you learning the Web flow UI and I take you through all the different elements you'll be using.
By the end of this class, You will learn how to convert any design to a fully responsive website without any code.
Highlights:

Understanding Webflow.


Tips and tricks


Build a website from scratch.

So why are you waiting for? Watch it out today.

Overview

Lesson 1:Introduction
Lesson 2:Figma Design We're Going to Convert
Lesson 3:Webflow Basics
Lesson 4:Class Project
Lesson 5:Getting Started
Lesson 6:Header Section - Part 1
Lesson 7:Header Section - Part 2
Lesson 8:Banner Section - Part 1
Lesson 9:Banner Section - Part 2
Lesson 10:Service Section - Part 1
Lesson 11:Service Section - Part 2
Lesson 12:Gallery Section - Part 1
Lesson 13:Gallery Section - Part 2
Lesson 14:Gallery Section - Part 3
Lesson 15:Workshop Section - Part 1
Lesson 16:Workshop Section - Part 2
Lesson 17:About Me Section - Part 1
Lesson 18:About Me Section - Part 2
Lesson 19:Licensing Tab Section - Part 1
Lesson 20:Licensing Tab Section - Part 2
Lesson 21:Testimonials Section - Part 1
Lesson 22:Testimonials Section - Part 2
Lesson 23:Testimonials Section - Part 3
Lesson 24:Pricing Section - Part 1
Lesson 25:Pricing Section - Part 2
Lesson 26:Pricing Section - Part 3
Lesson 27:Blog Section - Part 1
Lesson 28:Blog Section - Part 2
Lesson 29:Blog Section - Part 3
Lesson 30:FAQ Section - Part 1
Lesson 31:FAQ Section - Part 2
Lesson 32:FAQ Section - Part 3
Lesson 33:Newsletter Section
Lesson 34:Contact Form Section - Part 1
Lesson 35:Contact Form Section - Part 2
Lesson 36:Contact Form Section - Part 3
Lesson 37:Footer Section - Part 1
Lesson 38:Footer Section - Part 2
Lesson 39:Footer Section - Part 3
Lesson 40:Spacing Adjustments
Lesson 41:Single Post Page - Part 1
Lesson 42:Single Post Page - Part 2
Lesson 43:One Page Menu - Smooth Scroll
Lesson 44:Site Fav & WebClip Icons
Lesson 45:Webflow Responsive Basics
Lesson 46:Tablet View Responsive - Part 1
Lesson 47:Tablet View Responsive - Part 2
Lesson 48:Mobile Landscape View Responsive
Lesson 49:Mobile Portrait View Responsive
Lesson 50:Responsive Finalize & Single Post Page Responsive
Lesson 51:Correcting Class Names & Clean Up
Lesson 52:Webflow Audit Results
Lesson 53:SEO Website Settings
Lesson 54:Website Performance
Lesson 55:Contact Form - Getting Proper Emails
Lesson 56:Customize Your Website Based On Your Needs
Lesson 57:Conclusion, Thank You!