Skip to main content

How To Do The Design Process of Our Custom Website - #54

Like what you see, support the channel.

Published: March 08, 2021

Estimated Reading Time
2 minutes
Video Duration
10:46 minutes

Become a Patreon to show support and get exclusive access to content:

Ever wanted to build a new website using WordPress and Elementor? As part of my new series, we go through my entire process for building a website. This video will focus on the design process and setup.

Using Illustrator, I create a rough mockup. That part of this video is sped up but you can go to my GitHub and download the files I created and even download the AI file to modify of your own.

After we have our design, we install and setup WordPress and the Elementor plugins that we will use in this series.


00:00 Intro

00:56 Designing in Illustrator (Timelapse)

03:11 Setup Your Local Server

04:55 Setup Your Local Database

05:38 Install and Setup WordPress

08:16 Install Elementor Plugin

09:41 Coming Up: Create Our Theme Files

Applications Used

Visual Studio Code v1.43:

WAMP v3.2.0:


Computer Hardware:

Windows 10 Pro: (Amazon)

Samsung 500GB External SSD: (Amazon)

Samsung 970 EVO Plus SSD 1TB - M.2 NVMe: (Amazon)

Rosewill Hive-750S R750W PSU: (Amazon)

Phanteks Eclipse Tempered Glass Case: (Amazon)

MSI Arsenal Gaming AMD Ryzen Motherboard: (Amazon)

MSI Gaming GeForce RTX 2060 Super 8GB: (Amazon)

LG 34UM69G-B 34-Inch 21:9 UltraWide IPS Monitor: (Amazon)

Corsair 64GB (4 x 16GB) DDR4 Memory: (Amazon)

AMD Ryzen 7 2700X Processor: (Amazon)

Dell XPS 15 9500 15.6" Laptop / Windows: (Amazon)

Lenovo ThinkPad T15 15.6" Laptop / Linux: (Amazon)


Fujifilm X-T3: (Amazon)

Fujinon XF18-55mmF2.8-4: (Amazon)


Audio Technica AT2020: (Amazon)

Blue Snowball iCE: (Amazon)


I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to and affiliated sites.