Web Design Tutorial – Design your first website with me

My Adobe Xd Web Design Tutorial for 2022 and beyond. This replaces my old adobe xd tutorial now with a realistic design. You will learn all the basics & essentials in this beginner friendly tutorial.

Get Adobe Xd (trial or paid) here: https://bit.ly/lwp-adobexd-yt
Download the files: https://www.dropbox.com/sh/obptk4a9w06ejf6/AAAXaoJxZ5zvX2KkuRdvps8sa?dl=0 (click on “Download” on the first page)

Sign up for my courses via the following links:
Adobe Xd to a real website with Elementor Pro: https://living-with-pixels.ck.page/044ad157a1
How to come up with designs yourself: https://living-with-pixels.ck.page/cebd109f70

Parts in this video (clickable links)
00:00:00 Before we start
00:01:26 Step 1: Setting up Adobe Xd
00:05:02 Step 2: Creating the basic structure
00:13:56 Step 3: Working with images and icons
00:20:20 Step 4: Applying different effects
00:26:19 Step 5: Adding text content
00:37:34 Step 6: Creating buttons and our menu
00:45:28 Step 7: Using components for efficiency
00:49:18 Step 8: How to save, export and share your design

→ Software that I recommend
Elementor: https://trk.elementor.com/livingwithpixels
Hosting provider premium: https://www.siteground.com/go/lwp-youtube
Hosting provider affordable: https://www.hostinger.com/livingwithpixels
Adobe Xd (design software): https://bit.ly/lwp-adobexd-yt
All software I recommend: https://livingwithpixels.com/links/

→ Gear that I use to create videos
Macbook Pro M1 14 inch: https://amzn.to/3oHBQNd
Camera: Lumix GH5: https://amzn.to/3pPpTVh
Microphone: Shure MV7: https://amzn.to/3s3nhFM
Chair & Sit/stand Desk: https://bit.ly/39fn6fs
Video editing software: https://bit.ly/lwp-premiere-yt

→ Helpful for beginner
Elementor Basics in 10 minutes. Watch: https://youtu.be/E15iQEm9KF8
Elementor Pro Basics in 20 minutes. Watch: https://youtu.be/hNP6HOC1c-0
How to Install Elementor and WordPress. Watch: https://youtu.be/SKyoKk9T4g4

→ My social media
Instagram Livingwithpixels: https://www.instagram.com/livingwithpix/
Personal Instagram: https://www.instagram.com/rinodeboer/

Some of the above links are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn’t make all these videos without it.

You May Also Like