In this video we are going to design a shop website in Adobe Xd. We are going to explore how to make a shop website interesting by adding some simple eye catching animations to keep the user for longer, and get their attention to the product itself so they will hopefully buy it. Grab yourself a cup of coffee or tea, and let’s get started!
————————————————————
📥 Resources from the video:
– Adobe Xd File
– Open Sans Font
👉 Check out my massive UX/UI design course and use the code YOUTUBE to get a discount.👈
📌 Check out design resources at
TOOLS I USE
Design
Graphics & Music
Images & Icons
Animation
Illustrations
Website Build
Domain
GEAR I USE
Check out my Kit
YOU TUBE TOOL
Tube Buddy
LEARN NEW SKILLS
Skillshare
Tuts+
Graphy
✌ Thanks for watching Shop Website Design In Adobe Xd and have a creative day!
Alex
Disclaimer: Links in the description are usually affiliate links. By using any of my affiliate links, I receive a very small commission at no extra cost to you.
#AdobeXd #UIDesign #WebDesign
i love your videos a lot alex
but one challenge is accessing your resources file , its always in unsupported format, and can not be opened by any adobe software, if you understand what i mean perhaps you can help work on that in newer ones
Very Usefull for the application I am designing. Thank You
How did you add the components
Amazing
It was helpful , thank you
Use this xd take a lot of time to do it, long time use this can same you dark circles
I’m a front end web developer. I tried sketch and figma and I don’t like it. Ever since I found your channel I’ve been using adobe and I think it’s the best. Everybody hates on adobe like they hate on php 🤷🏾♂️ both are awesome to me. Gonna buy one of your courses soon.
Parabéns estou seguindo esta area tambem
Thank you so much for your tutorial :>
Thank you so much for your tutorial it help me so much for my design class ! 🙂
Hi am I confused after creating a website with adobe xd how do I transfer that to a domain and make the website live? Is there plug in or somewhere I upload the file to shopify/word press to? Thanks so much!
thanks a lot for this helpful and amazing tutorial. I've learned a lot from it
awesome
Do you teach a course on your process?
How to code this ….means export each object and shape and image from xd to html …not automatically but code….
What a nice guy, thank you for the tutorial!
How much does web design like this sell for?
amazing <3
Wonderful! It's so easy to understand you! Thank you for this great tutorial. Please upload more of them.
How do you export all of this on PNG? or the source code?
Thanks!
very good sir
Too much affordance for the tutorial!!
where did you get the images to design website ?
Hey can you please give the laptop mockup file
Great tutorial. Currently using latest version of adobe xd and downloaded your project file however, it opens blank. Could you please explain why?
The best Adobe Xd tutorial so far. Thanks, Alex!
I try to download your xd file but when I open it, it just blank. Do you know why?
I have the latest version of adobe xd
Well-done bro
great work but, I have a question , tried to do that shoe moving animation, where after clicking the arrow one shoe comes down. I did the same thing but during prototype it simply switches to duplicated board instead of animation. what am I doing wrong?
i can't find the resources file. i downloaded it but it didn't open anything
hello @Alex On Design unfortunately the document is 100% empty when I open it… whats wrong? best wishes and thanks for this vid, Moritz
it was so long video but it is so helpful thanks very much
This is by far the best Adobe XD tutorial I have ever seen ,the way you explain is so clear . Wow , I loved it and also thanks for the project file , it was very helpfull
Pls continue these kind of tutorials
I can't open the project the say its made with a newer adobe version, and I have adobe XD 2020 what I have to do
Your videos always help. Thank you so much
Just amazing. i stay with you sir.
From 32:18sec I didn't understand