E-commerce web design has become a bit bland with nearly every e-commerce website looking the same. With the recent surge in e-commerce due to the pandemic, it’s more important than ever to differentiate yourself.
I, for one, am getting quite bored of the usual grid-based product catalogue page layout that everyone seems to be utilizing. Shopify is dominating in the world of e-commerce, so it’s no surprise that we’re seeing e-commerce website clones left and right. It’s time to freshen things up:
Ditch the typical yawn-inducing product page layout for something with more flair. Something that had a bit of thought put into it. Customers, albeit not designers, will notice when you’ve put thought into a web page.
Opt for a different layout, be more intentional with your art direction, leverage smooth and satisfying interactions. These make a difference!
I’d love to know your thoughts on the state of e-commerce web design. Let me know in the comments below.
00:00 Intro
0:35 E-commerce is on the rise
1:00 How to stand out
1:44 Example 1: Yolélé
3:00 Example 2: SimpleChocolate
4:15 Takeaways / What you need to know
–
Learn how to build custom websites with Webflow FAST:
–
Find me on other social media platforms:
Instagram:
Twitter:
LinkedIn:
–
Gear & Book Recommendations:
#webdesign #ecommerce #ecommercewebdesign
Thanks for watching the video!
E-commerce web design plays a vital role in creating seamless and engaging online shopping experiences that drive conversions and customer satisfaction.
who cares about the design, if the site have the product I want and I trust them, I'm gonna buy it, not a place for entertainment
Cool websites but ur views are totally subjective. There is a reason why most of the most successful sites are plain and simple.
What is the page speed of the first website?
This video was very interesting, i have to create an E-Commerce website for a university project and have been searching the web for ideas on how to create a unique design that will make my project stand out to the professors that will be marking it
"boring" design may convert more sometimes….
Stupid Question: Are these websites coded from scratch in html, css, javascript? Or are they build with wordpress for example?
Check out stats on scrolling. People HATE scrolling. Since 1996. Oh and please show us these sites on mobile. That´s where 80% people shop. Noone gives a F about pc/mac.
This is great! There's something to be said about the template given the flow of the page, but I think people don't break out of it enough.
Lmao this would be great to show the product (marketing ie) but for a shop I would go with a regular layout.
Damn look at ebay and amazon…
When it comes to buying UX > UI. Functionality > design all of the time. That doesnt mena design has to be ugly.
who created this?
nice man, thank you!
This is like so beyond my current level of ability. Gotta get better.
Great tips and points!!! Totally agree, looking back at the history of e-commerce, it has not really evolved at all.
Of course, web technologies have gone through some major changes, but as far shifting into something "totally unique", was never a case.
You've brought up very interesting examples of e-commerce stores that combine: story telling (history of the company), great user experience (UX) and a unique, "one of a kind" approach. This strategy makes you feel "welcome", appreciated a potential Client and non "just make a sell" process.
Any shopify app suggestions for non-web designers that would allow this type of creativity?
"You can't have pictures of items on a white background"
Amazon would like to challenge that
way too generalised
Hey Ran, I love your content and your Flux Academy course/community. I would love if you could show how to build the simplychoclate website in webflow. It's such an effective way of showing products and I would love to know how to achieve it and put my own spin on it 🙂
How did you find these websites? They are awesome!!!!!!
It would be interesting to see what their conversion rate is on those sites. Unfamiliar design patterns have a big impact on conversions, even for niche sites like those.
Yolele is a horrible experience sadly, even if it looks cool. It pretty much break all rules of conversion and it even fail in several basic interaction design principles. Let us not go into WCAG or acessibility in general 🙂 Opening the checkout in a new browser window? Yeah…that is a sure way to loose customers as well.Flashy design does not generate sales sadly. It's for inspiration, not sales.
Would like to have a design of your demand. Let our experts know and they will make one for you. https://xeecreatives.com
Hi there,
Thank you for your tutorials. I’m designing ecommerce website in webflow. And there is a problem that I encountered, there is no customer Login/account integrated. I did some research and I did not find anything for this in particular. What are your thoughts on this?
Best Regards!
So im going to get on treehouse and learn some HTML, CSS and java script basic for 3 months and practice as much as i can before jumping on figma (already know photoshop to a decent level)
I also think learning a bit of UX concepts would help and im coming from a marketing background.
How long would it realistically take to be at a level to make website like the african foods ones.
Like in pure honesty. How long with understanding front end, UX, figma a bit of photoshop and then weblow would it take to say i can ser a website like this and know exactly how to implement all of this??
Thanks in advance.
Do you know how to add an abandoned cart email set up to webflow?
I hate to be an audio nerd and your audio is usually good, but this audio is especially harsh, too much high end. Still gonna enjoy the video!
Can we achieve this type of design and animation in Woocommerce or Shopify? Are these websites built on Webflow ?
Thanks Ran!!!
The SimpleChocolate has like no good way to buy something …. what is horrible bad 🙁 you say add box > then you select the amount .. and then nothing….
love it, Great examples!
Loved it !!!
What is the problem of looking the same?