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
MERN Stack E-Commerce Platform | Fragrance Store
Project Overview:
Designed and developed a fully responsive, feature-rich e-commerce platform for a premium fragrance brand. The goal was to create a seamless shopping experience for users while providing an easy-to-manage system for the store owner.
Tech Stack Used:
Frontend: React.js, HTML5, CSS3
Backend: Node.js, Express.js
Database: MongoDB
Tools: Git, REST APIs
Key Features Implemented:
Dynamic Product Catalog: Users can browse different fragrances, view detailed product descriptions, and check pricing.
Shopping Cart & Checkout: A smooth and secure cart management system where users can add, update, or remove items before checkout.
Responsive Design: Fully optimized for mobile, tablet, and desktop screens to ensure a great user experience on any device.
Backend API Integration: Built robust RESTful APIs using Node.js and Express to handle product data and user requests efficiently.
Database Management: Utilized MongoDB to securely store product details, user data, and order information.
The Result:
Delivered a fully functional live store with a modern UI and fast performance. This project showcases my ability to handle both frontend UI design and backend database architecture using the MERN stack.
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
Our new site is live. Apollo Studio is a design partner for product teams. The site leads with our work, shows everything we can help with, from products and design systems to websites, motion and pitch decks, and introduces the team. You can book a call from any page.
Huge congrats Alex! Leading with work is such a smart move - shows confidence. The book-a-call from any page is a great conversion hack too. Going to check apollostudio.design now! 🚀
A landing page should continue the conversation started by the ad.
For Corpus, a Pilates and physiotherapy studio, I designed campaign-specific entry points. Pilates, physiotherapy and RPG each needed a relevant starting point, while sharing one visual system.
The page keeps the brand’s warm, editorial character through typography, photography and movement. Clear service information and WhatsApp calls to action give that visual experience a practical next step.
My role covered art direction, responsive web design, interaction and AI-assisted front-end development.
This clip shows the general version. The responsive layouts follow the same visual language across desktop and mobile.
When designing campaign landing pages, do you start with one master page or with the individual ad journeys?
The WhatsApp handoff could preserve the service context too. A prefilled message naming Pilates, physiotherapy or RPG would help the studio understand why someone arrived, without making them explain the ad they clicked. I’d measure that click separately from a confirmed booking.
What if jewellery shopping became an experience, not just a transaction?
Introducing a jewellery website where elegance meets technology — featuring live gold rates, an interactive jewellery design studio, and personalized design reservations.
Not just a storefront. A digital experience built around creativity, customization, and functionality.
🔗 Explore the live project: [jewwls.netlify.app]
#WebDevelopment #Ecommerce #UIUXDesign #WebDesign
