HOT

Figma to Webflow for Beginners: Build Portfolio Website

Development

Rating5
Enroll Now

Figma to Webflow for Beginners: Build Portfolio Website, available at $49.99, has an average rating of 5, with 57 lectures, based on 2 reviews, and has 49 subscribers.

You will learn about You will learn how to create websites without coding in Webflow. You will learn to convert the Figma design to completely Webflow responsive website. You will learn Common Box Model in each sections for the better understanding. You will learn all the important features available on Webflow. You will learn whole process on creating a complete modern website from scratch. You will learn some Tips and Tricks of Webflow. You will learn how to finalize the developed website with reviewing the audit results, SEO settings and Improving the Website performance. You will learn on creating the Professional looking Portfolio Website. This course is ideal for individuals who are For the Beginners who wants to be a Webflow developer. or Anybody who wants to learn the essentials of Webflow. or Anybody who wants to create the portfolio website with Webflow. or Designers who want to expand the area of expertise in the development field. It is particularly useful for For the Beginners who wants to be a Webflow developer. or Anybody who wants to learn the essentials of Webflow. or Anybody who wants to create the portfolio website with Webflow. or Designers who want to expand the area of expertise in the development field.

Enroll now: Figma to Webflow for Beginners: Build Portfolio Website

Summary

Title: Figma to Webflow for Beginners: Build Portfolio Website

Price: $49.99

Average Rating: 5

Number of Lectures: 57

Number of Published Lectures: 57

Number of Curriculum Items: 57

Number of Published Curriculum Objects: 57

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

  • You will learn how to create websites without coding in Webflow.
  • You will learn to convert the Figma design to completely Webflow responsive website.
  • You will learn Common Box Model in each sections for the better understanding.
  • You will learn all the important features available on Webflow.
  • You will learn whole process on creating a complete modern website from scratch.
  • You will learn some Tips and Tricks of Webflow.
  • You will learn how to finalize the developed website with reviewing the audit results, SEO settings and Improving the Website performance.
  • You will learn on creating the Professional looking Portfolio Website.

Who Should Attend

  • For the Beginners who wants to be a Webflow developer.
  • Anybody who wants to learn the essentials of Webflow.
  • Anybody who wants to create the portfolio website with Webflow.
  • Designers who want to expand the area of expertise in the development field.

Target Audiences

  • For the Beginners who wants to be a Webflow developer.
  • Anybody who wants to learn the essentials of Webflow.
  • Anybody who wants to create the portfolio website with Webflow.
  • Designers who want to expand the area of expertise in the development field.

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.

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 a beginner or you may be 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.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Getting Started

Lecture 1: Basics

Lecture 2: Header Section – Part 1

Lecture 3: Header Section – Part 2

Lecture 4: Webflow Basics

Lecture 5: Setting Up

Chapter 3: Figma to Webflow: Section By Section

Lecture 1: Header Section – Part 1

Lecture 2: Hero Section – Part 1

Lecture 3: Hero Section – Part 2

Lecture 4: Service Section – Part 1

Lecture 5: Gallery Section – Part 1

Lecture 6: Service Section – Part 2

Lecture 7: Gallery Section – Part 2

Lecture 8: Gallery Section – Part 3

Lecture 9: Workshop Section – Part 1

Lecture 10: Workshop Section – Part 2

Lecture 11: About Me Section – Part 1

Lecture 12: About Me Section – Part 2

Lecture 13: Licensing Section – Part 1

Lecture 14: Licensing Section – Part 2

Lecture 15: Testimonial Section – Part 1

Lecture 16: Testimonial Section – Part 2

Lecture 17: Testimonial Section – Part 3

Lecture 18: Pricing Section – Part 1

Lecture 19: Pricing Section – Part 2

Lecture 20: Pricing Section – Part 3

Lecture 21: Blog Section – Part 1

Lecture 22: Blog Section – Part 2

Lecture 23: Blog Section – Part 3

Lecture 24: FAQ Section – Part 1

Lecture 25: FAQ Section – Part 2

Lecture 26: FAQ Section – Part 3

Lecture 27: Newsletter Section

Lecture 28: Contact Form Section – Part 1

Lecture 29: Contact Form Section – Part 2

Lecture 30: Contact Form Section – Part 3

Lecture 31: Footer Section – Part 1

Lecture 32: Footer Section – Part 2

Lecture 33: Footer Section – Part 3

Lecture 34: Spacing Adjustments

Lecture 35: Blog Single – Part 1

Lecture 36: Blog Single – Part 2

Lecture 37: One Page Menu Smooth Scroll

Lecture 38: Setting Up Fav & WebClip Icons

Chapter 4: Responsive: Desktop, Tablet & Mobile View

Lecture 1: Webflow Responsive Basics

Lecture 2: Tablet View Responsive – Part 1

Lecture 3: Tablet View Responsive – Part 2

Lecture 4: Mobile Landscape View Responsive

Lecture 5: Mobile Portrait View Responsive

Chapter 5: Finalizing Overall Improvements

Lecture 1: Correcting Class Names & Clean Up

Lecture 2: Webflow Audit Results

Lecture 3: Responsive Finalize & Blog Single Page Views

Lecture 4: SEO Website Settings

Lecture 5: Website Performance

Lecture 6: Contact Form – Getting a Proper Email From Website

Chapter 6: Your Task: Clone This Website & Make Changes

Lecture 1: Website Editing Process

Chapter 7: Conclusion

Lecture 1: Thank You! šŸ™‚

Instructors

  • Jemsee D
    Jemsee D
    Webflow Designer & Digital Illustrator

Rating Distribution

  • 1 stars: 0 votes
  • 2 stars: 0 votes
  • 3 stars: 0 votes
  • 4 stars: 0 votes
  • 5 stars: 2 votes

Frequently Asked Questions


How long do I have access to the course materials?


You can view and review the lecture materials indefinitely, like an on-demand channel.


Can I take my courses with me wherever I go?


Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

You may also like

Podcast: The top 8 ways to monetize by Podcasting

The Art of Storytelling: How to Connect with Audiences

Unbounce for Beginners: Build a Landing Page with Unbounce