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
Modern E-commerce Product Experience
Online shopping should feel clear and effortless, not overwhelming. For this challenge, I designed a clean product page focused on helping users make faster, more confident buying decisions through strong visual hierarchy and intuitive interaction.
Design Focus
• Product first layout
• Clear size and color selection
• Minimal, conversion focused interface
• Clean spacing and usability driven design
Designed in Figma for the #FigmaMakeathon challenge.
Love the clarity here putting the product first and reducing decision friction is exactly what great e-commerce UX should do.
Good work
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
Experimenting a lot with AI, one thing became clear: AI can match your design vision, but only if you are specific. Vague prompts = generic results.
So here is my current process using Figma Make, before I build anything, I ask AI to analyze the design language of a screenshot to build a design system first. Think of it as a style guide where colors, typography, and spacing are all locked in. Once that foundation is there, I use that same design system to build my application, website, whatever the project is.
The result? Way more consistent outputs and a lot less back and forth.
Style first, build later, makes total sense. Feels like treating AI as a junior designer instead of a magic box.
Give Cursor AI a shot too
Figma Make introduces a faster way to turn designs into fully functional websites directly inside Figma.
Instead of exporting designs and coordinating development separately, you can now generate working sites from your designs or prompts in minutes. This removes friction between design and launch.
This is a major workflow upgrade for designers, freelancers, and agencies looking to ship faster.
Check it out here:
https://psxid.figma.com/jarar
#figma #webdesign #nocode #aitools #productivity #designworkflow #creatortools #futureofwork
This could fundamentally change iteration speed. The real value is how it compresses feedback loops between design and production
🚀 My new product
Brand Book – Figma Template
A fully structured 37-page Figma template designed to help you present professional brand guidelines with clarity and confidence. It brings strategy and visual identity together in one cohesive, easy-to-edit system — so you can focus on creativity instead of formatting.
Inside, you’ll find:
- Brand strategy foundations,
- Logo usage and identity principles,
- A complete color system structure,
- Organized typography layouts,
Visual language and imagery guidelines. Each page is thoughtfully designed and fully editable. Simply replace the colors, fonts, and visuals to adapt it to any client, industry, or personal project.
Price - $30
Beautifully structured presentation. Brand clarity is massively underrated — this looks like a very practical system for teams and clients.
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aivideo
AI video tools are moving at warp speed. What tools are you using?