No-Code Development


How to make a Portfolio Wordpress Website in Elementor 2020

Learn how to create a designers portfolio website with Elementor from an Adobe Xd design

4.88 (194 reviews)


4.5 hours


Dec 2019

Last Update
Regular Price

What you will learn

How to transform a design to real webpages

How to create a complete website from scratch in Wordpress

How to add Web animations to any element

How to choose colors, fonts etc.

Wordpress Basics & Important plugins


Is it possible to built a website as a complete beginner without any experience?

The problem
The problem with creating websites is that there are so many elements you need to understand. There is the design part and the technical part that you will need to understand to make it work. This is the reason why most people don't even start with their first website.

What is the solution?

Luckily times have changed and things are becoming easier these days. Nowadays, it's possible to create a website using a drag and drop system that is usable for all skill levels. The only thing you have to do is prepare a few things in Wordpress and spend a few hours watching the course. Then you will know all you need to create a basic website.

Is it really free?

In this course I will only use free tools to build all the pages. The only thing that you can pay for is your own domain-name. If you already have on then you can skip this step and if you don't have one yet then I will show you how to acquire one.

The opportunity
Learning how to create websites comes with huge opportunities. You will be able to create your own website (like I do in this course) or create websites for other people or businesses. This makes website creation a hugely profitable skill. Companies are willing to spend thousands of dollars for each website.

Why is this course different?

This is where I think I can stand out. Because most courses just use templates that they didn't design themselves. This means that they can create the pages fast, but it won't stand in the real world. In the real world you will often times get a design from somebody else (or better: create your own) which you need to transform. If you don't know how to do this in a pixel perfect way, you will probably not get a lot of work. Then you just know the "tricks", but not the real work. That's why I focus on the real deal in this course.

I am not new to this game
I've gathered more than 30.000 subscribers on YouTube over the past few years and generated more than over 4 million views. I've been so thankful and happy that people like my content. That's why I'm also creating online video courses now.

Step by step
In this course we are not going to rush and make a quick website without thinking about what we are creating. There is enough of that on the internet. I am going to show you a real project where I'm going to transform an Adobe XD design into a real website. This means that I will show you all the steps, from the first title to the last button.

Once we progress in the course (and you've seen the same techniques over and over) we will slowly start increasing the speed so will also be able to speed up your skills by watching this course.

Reviews from others
"I watch your videos and I get inspired every time because of your work/design." - Sam
"Your channel has inspired me to start designing myself." - Jordy
"I can't wait until the next video. I am following you for 4 years already and I've learned how to design this way :)" - Floor

Buy without any risk
If you really don't like my course, then that's not a problem. You can just ask your money back with the 30-Day Money-Back Guarantee that this website offers. This makes it possible for everybody to hop on the course.

Sign up for the course and you can start right away!


How to make a Portfolio Wordpress Website in Elementor 2020
How to make a Portfolio Wordpress Website in Elementor 2020
How to make a Portfolio Wordpress Website in Elementor 2020
How to make a Portfolio Wordpress Website in Elementor 2020


Install Wordpress on hosting and domain

What you will need to know

Choosing a good domain-name

Installing Wordpress on a hosting and domain

Wordpress Basics & Cleaning it up

Installing Elementor and creating our Menu

Installing the Free Theme

Design Preparation & Elementor Basics

Download the exercise files

Picking free fonts and colors with Adobe Kuler. Save this!

Preparing Elementor Global fonts

Exploring the Elementor widgets + editor

Creating the Home page

Building our Video Header Background

Floating Services bar

Checkbox text section

Animated Image section

Client section

Number Animation section

Testimonials section

The call to action with a button

Building the Footer

Creating the other pages

Mobile and Tablet page design

Customizing the menu

The portfolio page with portfolio items

The About page header with 3 section column

Finish About page

The Contact page

Adding details

Adding your Fav Icon

Installing backups

Making the Wordpress login experience nicer

Putting the website live

Why you want Elementor Pro

EXTRA: What Elementor Pro can offer you on top of Elementor Free


Jack16 December 2020

Rino is really good & passionate about what he does. In depth into to Elementor page builder and wordpress - ideal for those with little experience. Definitely recommend for anybody who wants to learn how to design a website portfolio on Wordpress.

Poh13 December 2020

I have purchased many courses at Udemy on topics related to blogging, web design, social media, and digital marketing etc. This course is definitely one that I will highly recommend when comes to designing websites using Elementor and WordPress. It is extremely comprehensive, yet to the point and the instructor (Rino) explains all the essential steps very systematically. I believe it has to do with Rino's training and practical experience in designing. The instructor also provides really excellent support. I actually posted a question that is a little more advanced than what is being covered in the course, Rino replied and pointed me to a video that he has created which certainly has helped me to understand the topic much deeper. Thank you Rino! This course definitely has my highest recommendation for the topic. Thanks for developing a course of great quality. Note: I actually purchased the other course too - "How to make a personal blog in WordPress and Elementor" by the instructor. It is also an awesome course.

Nick26 November 2020

a great course for learning website development, Rino makes the material very easy to understand and I cant wait to start building my own first website

Соловьева19 November 2020

This is a very interesting course. Everything was said in flat language - this is very important for a beginner. Interesting design solutions and new knowledge helped me to look in a new way at the site that I am creating for myself and make changes to it. Thanks a lot for this course.

Isabella3 November 2020

Great course. Rino explains things in a way it is easy to understand, but he doesn't go too slowly either, which I really appreciated. Definitely recommended for those of us who approach Elementor for the first time.

João3 November 2020

Some hesitation issues aside, Rino delivered what was promised and for absolute beginners this course it's a good start if you want to start designing without coding.

Philip29 August 2020

Surprisingly good course! Rino took the time to explain things fully while focusing on design tips that other courses often ignore. At the end I had a functioning website and learned more than I had expected about how to create and design it. I was very pleased.

Dave4 August 2020

I am new to Wordpress and I wanted to check out Elementor to see if this is something that I would be interested in learning about. It is. I found the course very well presented and interesting. Thanks!

Petr30 July 2020

Short course, i got all information i needed, nice design. I look forward for more of your courses :)

Hubert17 June 2020

Rino nous montre comment construire un beau site web en utilisant la version gratuite d'Elementor. Le résultat est bluffant et j'ai beaucoup appris sur les méthodes qu'il applique pour arriver à ce résultat. J'ai vraiment apprécié son enthousiasme et son savoir-faire qui font que le cours est agréable à suivre.

Md29 May 2020

Great one.Can you please make a product landing page video and a video on PSD to Wordpress using Elementor.Then share us

DJAKO29 May 2020

Course well delivered and easy to understand. Thank you so much, Rino, for making website development simple and fun.

Riad20 May 2020

Amazing course he explain all things in elementor easily to understand and if you have a desire you will learn and work . I wish you can do visual composer course.

Adilson8 May 2020

Excellent course could have included, Blog Page, and elaborated a more advanced portfolio like the presentation of the site https://rinodeboer.com/ anyway the course deserves 10 Stars, very good the course, very good! Great. There must be an expansion of the more advanced elementor course, like directory list, with blog, creation of events among other treats such as whatsapp messenger, facebook messenger, chat among others.

Yaroslav20 March 2020

I've learned a lot from this course. Thank you, Rino! Looking forward for more advanced stuff on Elementor!


Udemy ID


Course created date


Course Indexed date
Course Submitted by