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
Title
Cosmetics E-commerce Website (Shopify)
Description
Built a Shopify based ecommerce website for a UK-based cosmetics brand, focused on creating a clean, professional, and easy-to-use online store.
The goal was to design a platform where customers can easily browse products and complete purchases without friction.
What I did:
Built the store from the ground up using Shopify
Set up product listings and collections
Structured pages for smooth navigation
Customized layout for a clean user experience
Features:
Product pages and collections
Clean and simple store design
Mobile-responsive layout
Easy navigation for better shopping experience
Goal:
To help the brand launch an online store and provide a smooth, user-friendly shopping experience for customers.
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
Designed this PDP buy box to maximize conversions clear structure, strong value stacking, and frictionless user flow. Every detail is intentional to drive action. If your product page isn’t performing like this, let’s fix it. DM me “PDP” to get started
Made this website for a client for $1,000 using Lovable. Check comment for full design + animation. 👇
Nice design
CAFFIRA is a product detail page concept designed to remove friction at the most critical point of the shopping journey — the decision to buy.
Instead of spreading information across multiple sections, the experience brings everything into a single, focused view that helps users evaluate and act quickly.
The Problem:
Product pages often lose conversions due to uncertainty — unclear sizing, lack of trust signals, or too many distractions.
Shoppers hesitate when key details aren’t instantly visible or easy to understand.
Design Approach:
This layout prioritizes clarity and decision-making.
Product imagery takes the lead, supported by structured information like pricing, available variations, and real-time signals such as ratings and stock levels. Each element is positioned to answer common user questions without requiring extra steps.
A dual CTA system allows both quick purchases and standard cart flow, adapting to different user intents without adding complexity.
Experience Strategy:
The page is designed around a simple goal:
See → Evaluate → Decide → Purchase
Every component reduces doubt and keeps users moving forward.
Outcome:
A clean, conversion-focused product page that improves purchase confidence by combining essential information, trust signals, and a streamlined path to checkout.
Tools & Process:
Designed in Figma with interaction and motion exploration. Micro-animations and visual polish were refined using Jitter to enhance the overall experience.
Nice
Trending
Runway
AI video generation is exploding. What are you dreaming up in Runway?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?