Website Redesign Mistake: Layout Error Decreases ConversionsWebsite Redesign Mistake: Layout Error Decreases Conversions
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Kris's avatar
pro
1d
One fumble I made when redesigning a website for a Bike shop, resulted in fewer overall conversions. For the shop page, it was decided that we put the title and price above the product images. The overall layout featured huge images stacked beside each other, which would take up the entire width of the screen. The reasoning was that the large image elements would create a natural separation between the products. Also, it looked cool. It wasn´t until a bit later that we understood that visitors struggled with the confusing layout hierarchy. Especially when product cards were stacked on top of each other. (We observed a user navigating this live). If you think about it, it makes sense. The image should do the heavy lifting and pique interest first. Only when we rationalize things, do we look at information like title, price, and additional information. It´s how we make decisions when shopping in the real world. Emotion before logic. Not vice versa. Minor fix, big difference.
Post image
Post image
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started