Shop Website Design In Adobe Xd



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!

————————————————————

👉 Get access to 20+ courses, 500+ design products and all YouTube practice files in one membership! Check it out here 👈

————————————————————

📥 Resources from the video:

– Adobe Xd File
– Open Sans Font

▶ Subscribe to my channel for weekly content here

📌 Check out design resources at

TOOLS I USE

Design
Screen Recording
Video editing
Graphics & Music
Website
Hosting
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

31 comments

  1. 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?

  2. 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

  3. At around 32mins I can't seem to copy and paste the first pink circle directly on top on the second circle in order to create a hover state button. It just pasts directly on top of the first button. How do I get it to work? You hovered over the pink and middle button a few times so I wasn't sure what you are copying and pasting which colour where. Can you please explain how this part is done? Thank you

  4. Hi Alex, at 5:55, I really don't understand how you manage to create a grid lines file. I clicked on Repeat Grid then on CTRL+ G but nothing happens.. If you could please help me, thanks.

Leave a comment

Your email address will not be published.