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
E-Commerce Website Design
Modern Skincare Shopping Experience
🔗 Live Case Study: View on Behance
🧩 Overview
This project focuses on designing a modern, high-converting e-commerce homepage for a skincare brand.
The goal was simple:
Create a visually refined experience that not only looks premium but also drives user decisions and conversions.
E-commerce platforms today must go beyond aesthetics — they need to guide users, build trust, and reduce friction across the buying journey.
🎯 Problem
Many e-commerce websites struggle with:
Overwhelming product displays
Poor visual hierarchy
Weak trust signals
Complex navigation and checkout flows
These issues lead to decision fatigue and drop-offs, directly impacting conversions — a common challenge highlighted in multiple e-commerce UX case studies.
🎯 Objective
Simplify user decision-making
Create a clean, premium visual experience
Improve product discoverability
Build trust through design
Design with conversion in mind
💡 Design Approach
1. Minimal & Clean UI
Focused on whitespace, typography, and layout clarity to reduce cognitive load and help users focus on key actions.
2. Strong Visual Hierarchy
Content is structured to guide users naturally from exploration → interest → action.
3. Product-Focused Experience
Instead of overwhelming users, the design highlights products in a way that supports faster decisions and reduces confusion — a proven approach in e-commerce UX.
4. Trust-Driven Elements
Clean branding
Consistent UI patterns
Clear product information
5. Conversion-Oriented Thinking
Every section is designed with intent:
👉 Guide → Engage → Convert
✨ Key Features
Modern, minimal interface
High-impact hero section
Structured product layout
Smooth navigation flow
Conversion-focused design decisions
📈 Outcome
The final design delivers:
A premium, visually appealing experience
Faster product discovery
Reduced friction in user journey
Better alignment between design and business goals
🧠 Learnings
Simplicity improves conversion
UX directly impacts business outcomes
Visual design must support functionality
Great e-commerce = design + psychology + performance
🚀 Final Thoughts
This project reflects my approach to design:
👉 Not just making things look good
👉 But building experiences that drive real impact
🤝 Let’s Connect
If you're looking for a designer who understands UX + business + conversion,
I’d love to collaborate.
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
LUMO — AI Career Coach & Learning App 🤖✨
LUMO is an AI-powered career development app concept designed to make professional growth feel more personal, structured, and motivating.
The idea was to move away from the typical “serious career platform” look and create an experience that feels more like a supportive companion — with a friendly AI character guiding users through their next steps.
The product brings career planning and learning into one connected experience:
• personalized career recommendations based on the user’s profile;
• profile strength and progress tracking;
• curated courses and bite-sized lessons;
• personalized career roadmaps with clear milestones;
• skill building and opportunity discovery;
• a friendly AI coach that makes the experience feel more human.
Visually, we balanced a clean product interface with soft gradients, warm pink accents, and a playful 3D AI character to give LUMO its own personality without distracting from the product itself.
The result is a career platform that turns a complex question — “What should I do next?” — into a clear and approachable journey. 🚀
Would you trust an AI coach to help plan your next career move? 👀
The idea of making a career app feel more like a companion than a platform is pretty smart. The 3D character fits that direction really well too.
I have a slightly unprofessional website test.
I open the homepage and ask myself:
Could I swap their copy+design with a competitor's and notice?
It's RUDE how often the answer is no.
And usually these aren't bad websites either.
They're beautiful.
The typography is doing its job. The animations are animating. There is almost certainly a gradient somewhere living its best life.
But then I actually read it...
"Transforming the way businesses..."
"Empowering teams to..."
"Building the future of..."
And suddenly I could be looking at 14 different companies.
I've started doing this little swap test almost instinctively now because it tells me something design alone can't.
Does this company actually have a point of view?
Because looking professional is easier than it's ever been.
Looking unmistakably like YOURSELF is still annoyingly difficult.
PS: Please don't actually start swapping copies on client websites. I have enough problems.
That swap test is such a good way to catch generic design dressed up as strategy. Now I'm curious, was there a recent site that completely failed it for you, one where the copy and visuals felt totally interchangeable with a competitor's?
Maqtorah is a two-sided marketplace for moving livestock, equipment, furniture basically anything bulky across Saudi Arabia. Customer posts a shipment, transporters bid on it, delivery gets tracked live. We worked with Ali Aldughairi on both apps: the customer side and the driver side.
A major part of the project involved building RTL support into the user interface. Not just flipping the layout, the actual hard part was mixed-direction content. Order IDs, IBANs, phone numbers, SAR amounts these are Latin strings sitting inside Arabic sentences, and RTL doesn't have a clean answer for that out of the box. We had to work out a rule that held up on a chat screen, a checkout screen, a tracking screen, all differently, and make sure none of them broke when the numbers got longer or the names got longer.
Then there was the density challenge. A single freight request has cargo type, route, receiver info, timing, vehicle needs a lot to carry on a 375px screen. A transporter scanning bids needs to decide in a few seconds whether something's worth their time, and a customer comparing five offers needs to trust the price without having to think too hard about it. Getting that hierarchy right took a few passes.
The two apps also needed to feel like they were built for completely different people. Customer app leans on trust profiles, vehicle photos, ETA, that kind of thing, all visible before you commit. Driver app is the opposite: stripped down for someone driving, checking their phone for two seconds at a time. We ended up with something we called Road Mode, where geofencing picks up most of the status changes automatically and the driver's really just tapping Loaded and Delivered.
By the end we had a full Figma design system for both apps, onboarding through payout, built so it can stretch to new cargo types or new regions later without starting over.
One thing I'm still chewing on: how much should a driver app automate away versus leave in the driver's hands? Curious where others land on that.
Less distraction always works best. Great project Yurii🔥