#Shopify
#web
#Figma
Figma
Shopify
Homepage
I started by redesigning the homepage, incorporating an eye-catching hero section, a mission section to introduce the company's purpose, featured products, and product categories. The goal was to create a more engaging, personalized, and modern UI that better reflected Seek Discomfort's community-driven ethos.
Product Page
After revamping the homepage, I moved on to the next big project: the product page. The goal was to create a modern, visually appealing page that showcased each product like a museum piece.
I placed a large product image on the right side with a clickable scroll-through of images to give customers a detailed view. On the left, I highlighted all the essential information and added an expandable dropdown for more details. This design focused on making the product the star of the show while providing a clean, user-friendly experience.
Mega-Nav
Next, we focused on perfecting the details, especially the navigation. We transformed the old navigation into a mega-nav, featuring pages on the left and images with descriptions on the right.
Slide-Out Cart
Customers were looking for a more personalized checkout that offered suggestions to them based on the items in their cart.
To solve this, I designed a fresh and conversion-friendly cart. I added an upsell section that would suggest new products to customers in place of the checkout button, and I moved the checkout button to the top of the cart near the total items in their cart to add more context.
Final Concept
Final Thoughts
I'm really proud of how the website turned out. It didn’t just look great to me; our users loved it too, and the results showed it. In the first 12 months after launch, we saw over 1 million new website visits and doubled our purchase conversion rate.