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
I built a clean and modern e-commerce website focused on great user experience. The whole thing feels smooth, looks good, and works perfectly on both mobile and desktop.
It includes a nice dynamic landing page, easy product browsing, add-to-cart functionality, a fully working shopping cart where you can change quantities or remove items, and a clean checkout page.
I developed it using React and followed modern frontend practices. Everything is built with reusable components and responsive design so it feels fast and seamless no matter what device you're on.
Key Highlights:
Responsive homepage with a modern look
Smooth add-to-cart experience
Smart cart management (add, remove, update quantity)
Clean and minimal UI/UX
Fully mobile-friendly
Tech Stack: React.js, Tailwind CSS, JavaScript, HTML & CSS
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
High-quality UI isn’t just about aesthetics — it’s about behavior.
This Daily Goal interface is a production-ready example of engagement-driven frontend development. Built with Next.js and React, it combines clean SaaS design with advanced micro-interactions to improve retention and usability.
Key highlights:
• Animated progress bar with real-time feedback
• Gamified streak system for habit reinforcement
• Dual goal-setting (time vs XP) for flexibility
• Clear CTA optimized for conversions
Ideal for ed-tech, fitness, and productivity platforms.
—————————
I specialize in UI development, landing pages, dashboards & pixel-perfect frontend.
If you need a frontend developer partner to bring your next project to life → Then let’s hop on a call 🎧.
#buildinpublic #css #web #saas #html #reactjs #nextjs #webdev #frontend #coding #programming #websites #website #landingpage #landingpages #dashboard #dashboards #producthunt #ui #uicomponents #webcomponents #ux #indiehackers #animations #microinteractions #webdevelopment #frontend #frontenddevelopment
Social Media Platform · UX Design & Web Development
Designed and developed a high-converting landing page for a next-generation social media platform.
The goal: help founders and growth teams turn website visitors into users, faster.
Strong UX design reduces bounce rate, builds credibility, and directly impacts your bottom line. This project was a full end-to-end execution from wireframes to live deployment.
Looking to build a landing page that actually converts? Let's talk.
Check out the live site: suuvo.com
I'm a developer and I kept running into the same frustrating problem when delivering work to clients: I'd redesign a website, rework a layout, or overhaul a visual identity - and I had no good way to actually show what changed.
I wanted something where I could upload a full-height before screenshot and a full-height after screenshot - the kind that are 4000-6000px tall - and let the client scroll through both, see exactly what moved, what was added, what was removed. Everything I found either cropped the image, didn't support full-page screenshots, or gave you a basic slider with zero context.
So I built my own using Next.js, Firebase, Clerk and Stripe.
Splice View allows you to:
Upload full-height before & after screenshots (the entire page or design, not just what's visible on screen)
Add numbered annotation boxes directly on the image to call out specific changes
Share a single link with your client - no login required on their end
They scroll through the full comparison and see exactly what changed and where
It works for anything visual - website redesigns, landing page updates, UI mockups, graphic design revisions, app screens. If you deliver visual work to clients, this is for you.
Right now it's desktop-optimized and focused on photo comparisons with annotations. We're still in the beta so you might find bugs. Video recording mode is in the works.
The deal:
You can use the app without restrictions. All I ask in return is honest feedback - what's confusing, what's missing, what would actually make this part of your workflow.
Thank you for the attention!
Looks like a cool project
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
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?