Why you should NEVER start in Elementor, but in Adobe Xd (improve your web design process)

Рет қаралды 413,807

4 жыл бұрын

He guys, today I'm finally answering the question of Why I always start in Adobe Xd with a web design project before I even touch Wordpress or Elementor. This has everything to do with your design process and will actually make your workflow faster (even though it doesn't feel like that).
In addition, this tutorial shall give examples of other design tools to use like Sketch and Figma as well as those not to use like Photoshop since it is slow. In this video, you will see examples of how fast it is to design a website in Adobe Xd than it is in Elementor demonstrating the advantages of starting in Adobe Xd as compared to starting in Elementor. The video also explains the four steps included in a professional designing displaying the features that Adobe Xd has and Elementor doesn’t.
Interested in a discount for my upcoming design course? Grab the discount here: livingwithpixels.com/design-c...
These days I don't promote Xd anymore, so now visit: livingwithpixels.com/figma
→ Software I recommend
Hostinger for affordable webhosting: livingwithpixels.com/hostinger
Siteground for premium webhosting: livingwithpixels.com/siteground
Elementor for no-code web-development: livingwithpixels.com/elementor
Figma for Web Design: livingwithpixels.com/figma
All recommended software & discounts: livingwithpixels.com/links/
→ Starter Guides for Beginners
Elementor Starters Guide: livingwithpixels.com/elemento...
Figma Design Starters Guide: livingwithpixels.com/design-g...
→ Full A-Z Courses
Elementor Pro Mastery Course: livingwithpixels.com/elemento...
Figma Design Mastery Course: livingwithpixels.com/design-c...
Business Course: livingwithpixels.com/business...
→ Social media
Tiktok: / rinodeboer
Instagram: / rinodeboer
Twitter / X: / rinodeboer
Some of the links above 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.

Пікірлер: 832

@emersoncreative4586 3 жыл бұрын

I'm a 62 year old graphic/web designer. I started on a mac back in 1984. I really appreciate your content and your relaxed presentation style. Please keep it up. thanks

@user-xv2dl5pi5y 3 жыл бұрын

You sir are a real history, planning on making a video about how people making websites back then?

@gordacapivara 3 жыл бұрын

Glad to share this profession with someone as experienced. Would be awesome to hear about your professinal journey and advices, sir.

@DanteEhome 3 жыл бұрын

I would also like to know, how hard would it be to create a website with no tools. Just thinking of it makes me inspiring.

@moritzathaher 3 жыл бұрын

Do you remember at that time you were 26 years old? Isn't this the opposite of 62, which is your age now? I hope you are always productive and have good health. Kind regards from me

@brooke510 3 жыл бұрын

I just turned 50, and I often think I'm too old to still be a graphic designer. Hard to imagine myself at 60 doing this, but I said the exact same thing about 50 when I was 40. Great to see someone still going strong - I'm not nearly ready to hang it up!

@jarrodgordon 4 жыл бұрын

Step 1: Sketches, Step 2: Wireframe, Step 3: Design, Step 4: Development, Step 5: Test, Step 6 Launch

@diasaidlv 4 жыл бұрын

Step zero: plan :)

@BlueMrDragoN 4 жыл бұрын

Step -1: requirements

4 жыл бұрын

Step 7 - Test UX and SEO performance

@limivanb 4 жыл бұрын

Development consists of Database Design, Query Optimization, Server Setup and Configuration, DevOps, Secure Coding, etc.

@nkdeus 4 жыл бұрын

Old process :D

@ramonalisa4187 4 жыл бұрын

I am new to web design and I've been using Elementor Pro. This video just taught me a lottttt, thank you so much!

@dylankaplon 3 жыл бұрын

I'm just getting started with my website and in the last 15 min of finding your channel I feel way more confident. Thank you for your content!

@DeniseSkinner 2 жыл бұрын

This is a great course. I appreciate now, building my web design in Adobe Xd. I have not build a website for many years and am now confident with my skills to make a start. You did an excellent job presenting each module. I love you style.

@daler4911 4 жыл бұрын

I am SO glad I found your videos. Some other guys talk forever and say nothing. You get right to the point, make it very clear, explain why you do what you do, and treat me like an intelligent person (which I am). I feel like those other vids drag on forever. I am new to Wordpress and Elementor, and now Xd. (I am an old school hand coder from way back). Your videos are saving me time, money, and give me the information I need at a pace I appreciate. It might be too fast for some, but those other guys put me to sleep and then I have to start watching them all over again. You are the best!

@youtubedestroyedmylife309 2 жыл бұрын

Dude this video has totally revamped my entire design process and made things so much easier and faster for me. As sad as that is saying and as common sense as your points are, thank you for this video i needed it.

@visiongroove 3 жыл бұрын

I just started with Elementor really enjoying it. After watching this I can confidently say that you've saved me a lot of headache. It all makes perfect sense . Legend!

@follow_MarLa 3 жыл бұрын

This was an excellent and helpful video. I just start my first steps in wordpress and I never even thought about using XD for conceptional webdesign. Thanks a lot & keep up the good work. I will keep following.

@louistsung-lunghsueh6695 3 жыл бұрын

Starting from 4:16 tackles my concern for the existing website update exactly, thanks for the clear breakdown and kind sharing! GOOD JOB!

@ervanrhermawan2380 3 жыл бұрын

I really agree with your arguments. All my past website projects takes longer time because I had to redesign and find another needed plugins if my client want to change their previously-agreed design

@FranzEscolasticoDesigns 4 жыл бұрын

Same here! I design/mockup first on XD before developing it in Elementor. Saves me time from client changes 🙌🏻

@VictorAlaez 3 жыл бұрын

I’m an old school photoshop guy and I never thought about Adobe XD for this part of the process. this is really eye-opening and inspiring. thanks!

@AsilAdnan 3 жыл бұрын

Me too, but XD is surprisingly easy to learn and I have learned it recently, not only the process is much faster, but it is also better for UI designing. Go give it a try.

@BiaAlvesribeiro 3 жыл бұрын

Because of this video, I completely changed my creative process. Thank you so much for sharing knowledge!

@VinceComfort 3 жыл бұрын

Awesome video. 100% of all the sites I've built, I start straight from Elementor. I knew practically it's right to first have a wireframe design but it just feels like additional work. Especially when working with low budget clients. But I'm going to learn everything I can about XD. I love the fact that you can customize icons from XD. Thanks once again!

@JohnsonOpigo 3 жыл бұрын

This is just what I wanted. I have never wireframed before because I used to think it is time wasting, what with all the fantastic templates out there in elementor or ready to be purchased elsewhere. But I am now a convert to building outside elementor first because I like to be creative beyond what all these canned templates offer. Good job LivingWithPixels. You made your point so very well and it makes a lot of sense.

@gobboallan 4 жыл бұрын

Wonderful points! I always thought just like that! Before becoming block builders in elementor, we are Designers! And designers need to test! Before XD I used Illustrator, but XD is so much better! Thanks for the lessons, Rino! Greetings from Brazil!

@lukakorsic5820 3 жыл бұрын

Oh my :) I'm new in these waters and I've built a page with very mixed content with Elementor pro, coworking with a graphic designer. It was a very hard project as I needed to learn all about WP, Elementor, plugins, etc., just to start. We were going back and forward all the time, making tons of headers, pages, etc., as we developed our idea because at first, as we didn't even know what we want. Showing it to our client back and forward all the time. Yes, they were understandable that it's something new for us. Adobe Xd would help us so much + we could have all the history of developing our site to this day. But hey! It will help us from now on! Thank you for this awesome content! You are amazing. I've watched a lot of videos, tutorials, but I didn't stumble upon this till today as information bombard me from all sides. Once again, thank you from my heart, as for now, this is all I can give you back!

@nrapiera 3 жыл бұрын

This is exactly what I was looking for! The video is so thorough! You're the absolute best

@sergio_grez 3 жыл бұрын

man, your videos have such a relaxing effect on me and at the same time i feel i am abetter designer and more productive just by watching your content. Keep this up! I love Adobe XD and Elementor!

@rinodeboer 3 жыл бұрын

That’s a huge compliment for me. Thanks so much 🙏🏻

@ferayres 3 жыл бұрын

Very good, congratulations! I am learning XD and Elementor and I didn´t have think about this process in some many datails

@lexhantig11 3 жыл бұрын

U THE BEST MAN! NICE TALKING AND SO CLEAR ALL! I WILL START WITH XD FROM THIS MOMENT BEFORE CREATE IN ELEMENTOR. SAVE A LOT OF TIME WORKING, THANKS

@alexbuelvas 3 жыл бұрын

I'm so glad I found your video! I've been beating my head wondering why it's taking so long to build sites when Elementor Pro is so great. You clarified a lot and opened my eyes to the bottleneck that was holding up my progress.

@rinodeboer 3 жыл бұрын

Really nice to hear. That was exactly my goal with this video.

@levonau 4 жыл бұрын

Brilliant overview on the use of Xd. I will be implementing this into my workflow right away. ✌️

@szarenne 3 ай бұрын

I’ve been working on 3 websites right now but this saved my life. Thank u!

@oliviaward2678 3 жыл бұрын

You're content is awesome and has been super helpful learning how to design on Wordpress without code. Much appreciated! Keep it up!

@janportfolio 4 жыл бұрын

Another great video, tnx Rino. Thanks to you I changed my work proces like you described in this video and it is working great for me. The image part of the XD project is something I will ad to my new project, so simple but also so effective. Great job👍👍 I also started your XD course and can absolute recommend Rino’s course, I give the online course ⭐️⭐️⭐️⭐️⭐️ I definitely will earn the cost of it back with the next client project.

@matildepereira9849 4 жыл бұрын

This video was A MA ZING!!! The step by step, all the examples and the reality check of why this is the best method to a design flow... wow I'm amazed! I wish I could like & subscribe 1000 times cause A plus right here 👏👏

@davihcastro560 2 жыл бұрын

Verdade, meu nível de webdesign vai aumentar muito daqui pra frente

@paulsalele3844 3 жыл бұрын

Am new to wordpress and I already love your design process. Thank you very much!!

@tomwalters6139 3 жыл бұрын

Literally speechless. Most helpful video I've seen in a long time.

@AdityaMehtaMusic 3 жыл бұрын

You're doing fantastic! I gained a lot of knowledge through this video. I'm new to the design world - website designing and building to be specific. Keep up the good work! :)

@tinishagold 3 жыл бұрын

You are so right! Thank you for confirming this. Your Adobe XD skills are killer. Keep it up!

@morizanova8219 4 жыл бұрын

"Design First " method really works and give me bunch of cool layout ideas which I would never consider if I`m straight to fire up elementor or another page builder And in the end of project my knowledge about CSS and custom script increase significantly ( because some design or layout really need you to typing the codes)

@shujaatali1405 Жыл бұрын

Amazing video. Cleared lots of queries I had for designing a website. Thanks a lot

@jemmajacobs8607 3 жыл бұрын

Very helpful - you have got me looking forward to the design process and introduced me to helpful software. Huge thanks.

@JennRankine 3 жыл бұрын

This video has given me soo many ideas for my design process. Thank you! Great video!

@lancelillie628 3 жыл бұрын

Great Presentation! I really like that you think of the design conception and review BEFORE ever coding or building anything - Very few people do this!

@stephanieghio1822 3 жыл бұрын

It's such a pleasure to watch your clips! Thank you! :)

@ScoreNMusic 4 жыл бұрын

Great content. I totally agree with. I had headaches with one client because he wanted so many changes after he had agreed to the design made directly with Elementor. It doesn´t save time to start right away with Elementor. Another big problem: with WordPress, even installed locally, the workflow is soooooooo slow, because those waiting times till sites, plugins, or whatever have been loaded. A couple of workings steps in Adobe XD taking only 1 minute to do, could easily be 5 mins or more on your WordPress installment. So, I learned my lesson too, and am using one of those prototype tools.

@ethansguide 4 жыл бұрын

Quality content, as always! Feels like a proper course!

@mrgarypaterson 3 жыл бұрын

This is brilliant. I'm just getting started out but I'm glad I seen this video!

@ivanvperez 3 жыл бұрын

Hey man! Thank you so much, this was amazing! I use beaver builder instead of elementor, but I still understood every argument completely. Such a great content ☺ 👍🏼.

@LizbethLeeds 2 жыл бұрын

Cannot argue. You deserve like, comment and donation. Thank you for your Fantastic work! Your chanel is a perfect tool to learn.

@skzsandmouse2948 3 жыл бұрын

You are amazing, we are adding or rather splitting our company to incorporate a UX/UI department and this video has gone a long way in helping me understand why and its importance esp being a frontend web developer & company overall! New Subbie

@jordy1308 Жыл бұрын

There is so much valuable information in this video wth. I need to watch this again haha. Thanks bro!

@naturoki 4 жыл бұрын

I've watched 3 of your videos just now and well, THANK YOU!

@michellecay9639 2 жыл бұрын

This info is exactly what I was looking for and more. Thank you!!

@michaelduff333 3 жыл бұрын

Great video I stumbled on here. You made so many excellent points and kept the tone fun and engaging. Subscribed.

@mojtabasafvat850 2 жыл бұрын

Very comprehensive information and I really like the way you give it, dunno how 😄 Great job

@rekiyanseto6289 3 жыл бұрын

I found your video today. For me who use english as my 3rd language, your explanation is very very clear. Thank you for helping me.

@DunderKlomp 3 жыл бұрын

Love the artboard image size tip. Very smart.

@meneernijhuis 3 жыл бұрын

Eye opener! Thanks man, ga dit gelijk toepassen in m'n dagelijkse workflow!

@jakubbizon1169 2 жыл бұрын

You absolutely convinced me to always use this method in just 15 minutes... Good job. :)

@leestirk7095 3 жыл бұрын

Great video. Not thought about using XD to standardise image/logo sizes. I really like that idea!

@shallowwatersoriginal 10 ай бұрын

I'm a starter and you are helping me with lots of little details. Thanks

@misterwoodman 3 жыл бұрын

You are very talented. I have designed hundreds of web sites and I have never played with XD, but I'm downloading it now!

@colettemoolman4410 3 жыл бұрын

I downloaded Adobe XD about 2 weeks ago after watching this video. After starting to design a new website in XD, I now understand the message of this video as follows : It is the same as an architect (Web designer) that makes a house plan which is then given to a builder (Web developer) to build the house. You don't have to be a Web developer to be a Web designer and visa versa, but you can be both too!

@felipef6516 2 жыл бұрын

This is exactly what I needed to hear. Thank you !!

@felipeconte646 3 жыл бұрын

You convinced me. I'm stubborn and didn't want to use XD. You made me change my mind with this video. Great content, congratulations.

@Yaissshh 2 жыл бұрын

The true tutorial on youtube should be like yours, the most awesome tutorial in the world! this saved my work, and day! thank you brother, keep it up, may God bless you.

@theoriginalwannabe 3 жыл бұрын

I design/build with Divi and have been exploring this process with a tool like XD. I am nearly convinced that this is the way to go. For those of you who said that your clients don't pay enough to do a predesign...get better clients :)

@mmahdish9594 2 жыл бұрын

Thanks Rino, Great content as always

@brianschnurr3254 4 жыл бұрын

These are great reasons, and why I am going back to my old process!

@floklo 2 жыл бұрын

thanks for your content. I always wanted to work as web designer, but my career drove me to printing and branding. lately I have a bit more time on my hands (and I am bored of my job) so I wanted to get back into web. But I am one of prehistoric man that was doing web design layout using photoshop. AHAH I was using macromedia flash and my minimum resolution was 800x600 pixel in my 15 years of career I did learn one thing: the clients will always change their mind even if they agreed on something before. One of my clients decided to change a layout when I was printing the mockups for his product.

@stupiddiary 10 ай бұрын

I kind of agree. Elementor made huge steps forward. Today with global copy and so on. Still, I used XD after your video to create the overall design for a long onepager (not with everything aligned and only gray rectangles for the text blocks) to give the client a good overview of what will happen when. And she loved it & it saved me A LOT OF TIME doing so. Now my workflow is - 1. sketch 2. XD 3. approve of client 4. Elementor

@justintaylor5915 3 жыл бұрын

Dude your videos save me SO MUCH TIME! I wish we had content like this when I was going to college 10 years ago. I would've just dropped out hahaha!

@kavitakapoor3857 3 жыл бұрын

Hey Rino, your video was very insightful. Thanks for making this video. :)

@frankthedsigner558 2 жыл бұрын

Good video, and to summarize: We design layouts upfront as it is design best practice that is expected of designers. Planning, creating a design systems, wireframing and prototyping saves you a ton of time having to do this in a live environment. To your point, designs goes through iterations and constantly change depending on content and client feedback. This would count as good design practices.

@marcoolinho 2 жыл бұрын

This is an awesome video with great guidelines! You are a real pro!

@prith001 3 жыл бұрын

Thanks buddy. You have explained all the questions I had in my mind.

4 жыл бұрын

Thank you for once another informative video. Keep up the good work!

@karinasol2011 3 жыл бұрын

Excellent video!! You are totally right, it’s really professional work in that way.

@abbyboling359 3 жыл бұрын

OMG! I'm totally going to utilize this tool. Thank you!

@ruoshanlee8483 4 жыл бұрын

this has been so soooo helpful!

@jacobwwarner Жыл бұрын

Damn, I wish I saw this video and your channel years ago. Great quality and excellent summary 👌

@wayniesinclair 4 жыл бұрын

Great advise from your videos as usual. I've switched from Elementor. I've started using WP Page Builder by Themeum... Almost all of the pro features of Elementor is in WP Page Builder for FREE. Amazing!

@mikeys4u 4 жыл бұрын

Wow that's going backwards....

@larryfarr 4 жыл бұрын

Absolutely fantastic video. Very professional and interesting. Thank you!

4 жыл бұрын

When you talk about installing plugins on elementor, you also can make a sample list of things in elementor to show to client and then implement if he is agree with that.

@DickieLim 3 жыл бұрын

Great information which I never thought it, dealing with clients may not be easy. I totally agreed with you, I have learned Adobe Xd but never make use of it.

@jasonc2275 2 жыл бұрын

Thank you so much for your comprehensive video. Very very good points and makes so much sense 👍

@HolyFacts 3 жыл бұрын

OMG.... you just totally changed the game for me lol. thank you and have a awesome 2021.

@niameanspurpose 2 жыл бұрын

aandd again, I have alot to learn but this is the best video on web design. crazy. I build my own sites and I love using elementor but the main point was to vusually see my sigte before building it. and everything is in one place and make changes in a prototpe. Im considering building sites for small businesses and the "process" was very helpful. thank you.

@Josuelony 3 жыл бұрын

Thanks man, nice video. Keep it up man!

@dougscott188 4 жыл бұрын

Xd is not always practical for clients on a budget, but this video does inspire me to use it on some framework redesigns I am doing. Nice video.

@ishybeats 3 жыл бұрын

the only thing I worry about when designing in XD is that i wont be able to recreate it in elementor. That's the only thing.

@renearreola7812 3 жыл бұрын

I think it comes down to experience. I first started using Elementor about 2-3 years ago. I know what I'm capable of creating with Elementor. Having XD now will allow me to make designs much faster (and changes) while still adhering to my knowledge of Elementor. Of course, I learn news things about Elementor as well, it's just that it makes so much sense what LivingWithPixels is saying in this video. I guess, in other words, don't make something in XD that you can't replicate in Elementor?

@profissionaldigital 3 жыл бұрын

@@renearreola7812 that's true! If you master Elementor, then any project like adobe xd, figma, indesign etc is more than welcome. In my case, I work with great web designers who know nothing about Elementor. So, they send me the project and I replicate in Elementor. It's a win x win deal $$

@owolabiolufemi1677 3 жыл бұрын

Major for presentations to the clients.

@Hundred_Parishes 3 жыл бұрын

I was thinking this. Although Rino is offering good sound advice, you have to understand the limitations of Elementor and the version you intend to use (free or pro) before you can confidently use XD etc. I can imagine making a big promise to the client based on what you have made in XD only to find it's not possible or will cost them more.

@sonareclipse9810 2 жыл бұрын

Absolutely my concern too! I’m literally right at the stage of loading up Elementor for my first build or now quickly learning Figma 😬

@mcgreevs24 3 жыл бұрын

You're killing the game. THANK YOU for this so much

@AeromancyArtworks 3 жыл бұрын

Thank you SO MUCH FOR THIS VIDEO! I am creating my own site and this is going to save me so many headaches!!!!

@randyweb2794 2 жыл бұрын

I'm convinced! Great Job!

@cashwisdom 4 жыл бұрын

Super helpful and very, very good points. You've convinced me that starting in XD is the smart way thing to do. Thank you for making this video. Subscribed.

@rinodeboer 4 жыл бұрын

Glad to hear it!

@yannpollet6009 4 жыл бұрын

Wow thanks you changed my way to see simple web production

@csoethiopia7095 3 жыл бұрын

I have started to learn XD recently, just out of curiosity and found out that it is a combination of Adobe's previous Apps - Indesign, fireworks, Photoshop etc . I have been doing the web mock up with fireworks before (just to show my clients what I am proposing). I also use a combination of Adobe's different Apps to do graphics (Photoshop, illustrator etc). Thanks Adobe for refining the process by bringing XD.

@njehtetuh350 2 жыл бұрын

Thanks so much for this wonderful tutorial, i must say your videos are wonderful i love them

@rogermarquezmedina8865 4 жыл бұрын

I´ve been wanting to improve my web designing skills (I suck at it) and I was on the edge to whether or not to learn design web sites on Adobe XD but, after watching a few of your videos you convinced me to and, after watching this one I AM 100% SURE NOW!!

@rogermarquezmedina8865 4 жыл бұрын

I think an 1+ hour long Adobe XD tutorial for Web Designers is coming up?

@rinodeboer 4 жыл бұрын

Thats awesome to hear. Great that you see the value now. I will make more video’s about xd this summer.

@simpleg8679 3 жыл бұрын

@@rinodeboer pls do so especially on windows & also share the short cut keys to on the same.

@zana427 2 жыл бұрын

Your channel is a lifesaver

@axelschutze4103 2 жыл бұрын

Thank you for your insights. This make definitely sense.

@Rikankub Жыл бұрын

You are a great teacher! Thank you for this!

@sarahebrahimi6266 Жыл бұрын

Yeah I totally agree with you, in order that I insisted a lot to my boss that I have to design with XD first. But it takes my lifelong time to convince him! I wish I'd seen this video before then I could send it to him!