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
Back to feedPost
Shopify Collection Page Design | Dermafirm Canada
Recently designed and developed a custom collection page for Dermafirm Canada's Moist Barrier Line.
The page goes beyond a standard product grid, featuring:
→ Custom hero banner
→ Product collection and filtering
→ Brand craftsmanship section
→ Skincare benefits and ingredient highlights
→ Custom visual storytelling sections
The goal was to create a clean, premium shopping experience while communicating the science and benefits behind the product line.
Role: Shopify Designer & Developer
#shopify #shopifydeveloper #ecommerce #skincare #webdesign #shopifydesign #dtc #cpg #wellness
Putting the ingredient highlights on the collection page is a smart call for skincare, people compare formulas before they ever open a product. Which did you use for this one, Instant or Replo? And did the filters stay native Shopify around the custom sections?
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
Related posts
A fashion storefront needs to show the outfit and make its individual pieces easy to find.
For FORM, I paired a warm, editorial lookbook with clearly grouped product names, prices, and size choices.
Cream surfaces, charcoal typography, and consistent product cards connect the homepage with the desktop and mobile screen concepts.
One useful design principle from this project: give campaign imagery and shopping details their own readable zones. The collection can have a strong visual presence while the next product decision stays clear.
Explore the complete design case study:
https://contra.com/p/rNPRqooQ-form-fashion-e-commerce-website-design
When exploring a clothing collection, what helps you most: a styled outfit or an individual product grid?
Adorable
Some concept work from the agency. Planning to share more of what we create, from clean interfaces to the little motion details that bring them to life.
Check out the website: https://urest.agency/
Redesigned the ModaZ fashion e-commerce storefront with a clean, modern shopping experience focused on product discovery and brand presentation. The project included a refreshed homepage, curated product collections, new arrivals, best-selling sections, and responsive layouts.
I also focused on improving navigation, product visibility, and the overall shopping journey to create a more engaging online store.
Have a fashion brand that needs a storefront upgrade? Let's talk.
I love the layout. Impressive work