Learn how to design a modern portfolio website in Figma from scratch and convert it to WordPress website.
WHAT YOU WILL LEARN
- Designing beautiful and modern portfolio websites using Figma.
- Converting Figma designs to WordPress websites.
- Finding design inspirations to create websites from scratch.
- Choosing the right colors, typography, prototype, and images for portfolio websites.
- UI/UX design best practices.
- Building a WordPress website from scratch.
DESCRIPTION
Are you interested in learning how to use Figma to design a modern and professional website from scratch, and then convert that Figma design into a fully functional WordPress website? This course is designed to help you improve your web design skills and master the Figma tool for designing any type of website. Additionally, you'll learn how to convert your Figma design into a WordPress website using the Elementor page builder.
This course covers everything from using Figma to design website interfaces, creating mood boards for design inspirations, selecting colors, typography, images, and content, to designing a complete website according to UI/UX design principles. You'll also learn how to convert your Figma design into a WordPress website, utilize WordPress themes and plugins, and build your website with the Elementor page builder (free version).
Furthermore, I'll share best practices and tips to speed up the design process and provide hassle-free service to your clients.
This class is suitable for:
- Freelancers or individual web designers starting their web design journey.
- Individuals who want to design their own custom portfolio websites.
- Those interested in learning to convert Figma designs to WordPress websites.
About me:
I'm Gihan Akalanka, a freelance web designer/developer. I'll guide you through the step-by-step process of designing a complete portfolio website using Figma.
This is a beginner-friendly course. All you need is a computer and an internet connection to get started. You can follow along with me, improve your skills, and understand the tools used in this course.
By the end of this course, you'll have a professional portfolio website designed by you, and you'll have the knowledge to research design inspirations and create your own version of a website that can showcase your skills to potential clients.
Let's get started!
CONTENT
Introduction
- Introduction
Figma Basics
- Pros and cons of Figma design tool
- Creating a Figma account and walkthrough
- Figma frame and grid
First Design
- Creating a sample hero section
- Adding colors and background images
- Creating different hero sections
First Project
- Understanding the project scope
- Finding design inspirations to create a mood board
- Creating the mood board
- Arranging selected mood board designs into a single frame
- Selecting typography and colors
- Creating a Figma library
Designing the Website
- Designing the main menu
- Designing the hero section
- Creating the achievement section
- Designing the about section
- Creating the experience section
- Adding a service section
- Creating the testimonials section
- Adding Font Awesome icons plugin
- Adding the contact section
- Creating the footer section
- Adjusting the layouts of the website
View Course On Udemy:
