How to build a clean basic designers portfolio Wordpress website with free tools within 1 day

Rino De Boer, Designer & Content creator

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
31 Lessons (4h 36m)
    • 1. Trailer: How to build a portfolio website in Wordpress with the free version of Elementor

      3:41
    • 2. An Overview + What you will need to know

      3:22
    • 3. Choosing a good domain name

      10:55
    • 4. Installing Wordpress on a hosting and domain

      4:46
    • 5. Wordpress Basics, Cleaning up

      9:00
    • 6. Installing Elementor and creating our Menu

      5:49
    • 7. Installing the Free Theme

      4:21
    • 8. Download the exercise files

      1:32
    • 9. Picking your fonts and your colors with Adobe Kuler. Save this!

      5:52
    • 10. Preparing Elementor Global fonts & colors with a color pallet

      5:40
    • 11. Exploring the Elementor widgets + editor

      8:28
    • 12. Building our Video Header Background

      13:24
    • 13. Floating services bar

      15:18
    • 14. Checkbox text section

      6:50
    • 15. Animated Image section

      8:51
    • 16. Client section

      8:06
    • 17. Number Animation section

      7:49
    • 18. Testimonial section

      8:23
    • 19. The call to action with a button

      12:16
    • 20. Building the footer

      7:30
    • 21. Mobile and Tablet page design

      22:16
    • 22. Customizing the menu

      11:50
    • 23. The portfolio page with portfolio items

      17:36
    • 24. The About page header with 3 section column

      8:57
    • 25. Finishing the About page

      15:57
    • 26. The easy contact page

      10:20
    • 27. Adding your Site/Fav Icon

      2:24
    • 28. Installing automatic backups

      5:36
    • 29. Making the Wordpress login experience nicer

      6:11
    • 30. Putting the website live

      5:28
    • 31. BONUS: Why you want Elementor Pro

      18:01
36 students are watching this class

Project Description

The resources again:

If you want your own designers portfolio live then I want to challenge you to create your own portfolio website. You can use the exercise files from the downloads, but of course you need to choose your own colors, fonts, images etc.

What I think is smart to prepare before you design your own website:

  • Photos (just take a few pictures of yourself behind your pc, keep it simple)
  • Fonts (pick 2/3 fonts from Google fonts)
  • Colors (pick a palet from Adobe Color)
  • A few simple webprojects that you can make a screenshot about for your portfolio page

It would be really awesome if someone took the time to do this. I’m very curious to see what you guys come up with.

Gr Rino

Student Projects