My whole Website Design Process for this Personal Blog in Adobe Xd (speedart)



Hey guys, since you wanted to see a little bit more about my process, I created a video to show you everything I’ve done to create a personal blog website design in Adobe Xd. The actual time I spent on the design took around 5 hours. If you want to see more video’s like this, then let me know.

If you want to learn Adobe Xd step by step, then you can grab my discount code for my Adobe Xd Mastery course over here:

→ Software that I use
Check out Adobe Xd on the Adobe website:
Hosting & Domain provider I use on all my websites:
Elementor Free version (download link):
Elementor Pro (all 3 packages have the same features, I have the $199 one):
The whole list of software that I recommend:

→ Hardware that I use for videos
Macbook Pro 13 inch:
Camera: RX100 Mark 3:
Microphone: Zoom H1:
Mini Tripod (for the mic):

→ Helpful for beginner
How to Install Elementor and WordPress. Watch:
Elementor Beginners Tutorial. Watch:

→ My social media
Instagram Livingwithpixels:
Personal Instagram:

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.

21 comments

  1. Hi Rino, I love your videos, it really help me to improve my design skills.❤️

    By the way I have question about "copyrights". Like.. how far the scope of the design is covered by copyrights?

    For example if I combine some design from different web pages, then turn it into my design (using another stock images and different fonts,etc), is it okay ? Or it broke the law?

    I really hope to find answer about this and so grateful if anyone can help me by giving the answer 😄

  2. Door de snelheid van de versnelde pagina, krijg ik spontaan een epileptische aanval (Ik heb geen epilepsie).
    Kan je het iets langzamer uploaden?

  3. Hi Rino,
    Thank you for your video! Can you tell me how you take a snip to the websites screenshots in Adobe XD?! Thanks.

  4. Awesome process… Super clean and easy to understand… but want to know how you created JSON files for pages.. and I've sent u DMs on insta.. please check it..

  5. Amazing to see such content video after my 9 hour design from scratch attempt with result of garbage. This video makes me wanna try again but now with all the tricks and organization as here

  6. Hey! How do you make snapshots of websites for inspiration? I've tried using Chrome extension as well as printing page to pdf, it didn't work for me. Thanks

  7. This is a great process video, thank you again for sharing. Looking forward to more of your XD and WordPress videos. The more I think about doing work beyond premade templates, the more I think about how important the design of the information is. Information architecture is real.

  8. HI Rino, that's incredible, astouning and like usually very instructive – thanks so much for what you do 👍

  9. Great! But could you please make another version that is SLOW! Not too slow, but slow enough to see what you’re actually doing! I would love to see your tricks.

Leave a comment

Your email address will not be published.