Amazing Ecommerce Website ui Design in figma | Online Shop Website Design
ฝัง
- เผยแพร่เมื่อ 22 พ.ย. 2022
- Ecommerce web design, In this figma design tutorial you are going to learn how to design a modern e-commerce Website using Figma. Also, this design is a product-selling website. ecommerce website is a perfect opportunity to attract a significant amount of customers and increase sales. eCommerce websites make it easy for consumers to purchase their favorite products with just a few clicks.
Use FigJam AI to brainstorm your design ideas-Try it now!
👉 psxid.figma.com/zj0gos3g3prm-...
Use Figma to design this amazing website (+ free files 🎁)
👉 psxid.figma.com/dkbklpwripx3
The ui is vitally important for an ecommerce website for the reason that the user's first impression is related to web design. So Figma is a free design tool used to create website UI and UX.
Remember to like, share, comment, and subscribe. Also, hit the bell icon to get notified when we upload a video.
Subscribe to our channel - / dscodetech yt
Say hi on social:
🔵 Facebook - bit.ly/36KsK8X
🟢 Instagram - bit.ly/3xGDbXR
#ecommerce #webdesign #figma - แนวปฏิบัติและการใช้ชีวิต
Download Source File: bit.ly/3IpbcCY
What would you think about this design? If you like rate my design ❤👇
I tried myself. This video was a lifesaver for me as a ui designer with no design background!
Bro
I could not have access to the file
Ui looks very nice. This looks so easy. But the behind the scene, it has great effort. congrats on the hard work.
Great comment. thanks 👍
I'm new to UI design. Thanks for uploading the whole process of the design.
I'm happy to share the whole process!
That's amazing, thanks for the hard work.
I'm gonna create a website for our marketing agency but I don't think I can pull that off, I'll still have all the other tabs to design and implement so I'm gonna get the inspiration and the basis of the website from your work and create a simpler website for now, but that's amazing :D
U deserve way more subscribers!
Thank you for your kind words and support! Best of luck with your agency's website :)
Your examples of the best practices for website ui design were really helpful. I'll definitely be incorporating some of your suggestions into my own design work.
Thank you so much for your kind words! I'm glad you found the examples of best practices for website UI Design helpful. keep incorporating these techniques into your design work, and I'm sure it will pay off in the long run. Thanks again for watching and for the great feedback.
Thank you very much
You have gained a subscriber for adding the source file.
You're welcome, Thanks for the sub!
Choosing colors has always been super confusing to me, I really enjoy your tutorial videos. Thank you so much!
you're welcome
superb
Thanks
thanks man. it helped
You're welcome!
Sorry but it appears as a dashboard. The real customer would be disappointed at this site because they are trying to use a previous experience from the typical e-commerce scanning
perfect
Always
Can you share the design link? Would love to program this as a task
Great! link in the pinned comment
very good, i did it too. it was hard!
thanks!
Superb. Can I get the figma file Sir
The source file link in the pinned comment check out!
is there anyone who have done it with html and CSS , please give me sourcode , thank kou
where can we get high quality images from
You can get them from the free file that we provided
Hello! Is there any way to use this with my shopify website?
Yes you can! You have to code this design
@@DSCodetech i have same question bro, how can i code this design ? can you please guide me how can i use this design in shopify from beginning . the answer would be appreciated
I'll make a tutorial for that in the future!
where do css and html part of this get generated and store ??
this is only ui ux design of the website. I'll bring a video that design using html and css.
@@DSCodetech i heard thata figma will Automatically generate the code while designing
yes, you can select the element and go to the Inspect tab at the right top of the corner, you can copy the CSS code at the bottom. Also, you can select the element and right-click, select Copy/Paste, and then, Copy as CSS.
struggling to open these, any advice
Get the file and open the file with figma-import the file to the figma
the source file is not opening pls tell me how can i do it
You have to have the Figma app to open the file. Please download it and then open the file
pls one dout 51 52 rectangular 52 duplicate 53 or what
Please can you mention the timestamp
Bro how covert it to html and css
code it
You can use a figma to html plugin or you can code it
How can we download this transparent images?
you can download the source file. link in the pinned comment
i want to need this type website buy
Good idea. Let us know if you need this type of website to build.
Can you give me this template please..
Download link in the pinned comment
Can you share the png files?
Check the pinned comment
where is the protatapy
Download link in the pinned comment
Where is Css file?
It is only a ui design.
no prototype??? why not just do it on photoshop or illustrator instead of figma?
Figma is a best app for design UI/UX
figma file link?
Link in the description
Its responsive?
We can make it responsive
@@DSCodetech how
Video very fast
Slow down the playback speed!
This was golden. #1 subs provider -> 'Promo SM'!!
thank you..