Web Design for Mobile App. First I Designed Friendly User Interface then added bunch of svg animations and website feels alive. I always try to combine homepage and landing page. Try to hide all other pages, don't like footers. 

I start with just browsing awwards, behance, themeforest - just for brainstorm. It can take up to 3 hrs. 

After I print - screen all themes I liked and add to Adobe XD. Then I start drawing section lines. When I see geometry is almost done I go to Color wheel generator and craft my color palette for website background colors.

Lorem Ispum 

Yeah, then we add all <h1> <h2> <p> stuff. Font research, text color and paragraph width. And image placeholders. 

I never draw anything in XD. This is where I need Illustrator. But I use Sketch sometimes. I don't like it's slow scroll effect though. I create design assets and export them, some will be added to background just like a geometric shapes. Some just to underline headings. And ofcourse images. Even if I use  stock images I always change them (for SEO purpose) different shapes or color correction. Maybe adding company logo.

Yeah, some images need to be alive, I use AE to make them move. Then Export them as a Json file (Again SEO purpose) Small video file 30mb the same animation json file 30kb. 

So i never finalize my project on Adobe XD. Couse I already see the picture and start building it. It's where I Use Html/CSS, PHP, JSON, Github, if it's a worpress site then I use bunch of plugins. 

I always show my design as a finale product. It's hard for clients to get unfinished idea. When they don't see animations, Paralax, hover effects they don't feel it. It's less time consuming to code the website than do 2 more design versions. Show the final product if your client is not a designer. Never say "it will be moving and those will fade in". It doesn't work for me.