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
🚀 Instead of just applying for a job, I decided to build something first.
I recently came across an opportunity from ORDRE, a company looking for an AI Product UX Designer to help create a better AI image-generation experience for luxury fashion brands.
The role caught my attention, so I thought, why not demonstrate what I can actually build?
💻 I created an interactive AI Studio website demo inspired by their requirements.
My goal was to bring together luxury-inspired design, practical workflows, and a clean user experience.
Here's what I focused on:
✦ A premium, minimal interface for luxury fashion brands
✦ AI-powered creative workflow concepts
✦ Virtual model casting and product imagery experiences
✦ Image review and approval interfaces
✦ A dashboard that makes complex tasks feel simple
🌐 Explore my live demo:
https://yashvinodbhaipatel.github.io/ordre-ai-studio-demo/dist/
🎥 I've also attached a video walkthrough showing the design and experience.
This is an independent concept demo, not ORDRE's official platform.
I don't know if I'll get hired for this opportunity, but I believe showing your work is more powerful than simply talking about your skills.
I'm actively looking for remote opportunities and freelance projects in web development, UI/UX implementation, and AI-powered web applications.
If you're a founder, startup, agency, or business looking for someone who takes initiative and builds real solutions, I'd love to connect.
💬 I'd genuinely appreciate your feedback!
How does the design look? Is the experience intuitive? What would you improve?
And if you're hiring, I'd be happy to discuss how I can bring the same energy to your project.
#WebDevelopment #UIUXDesign #AI #ReactJS #ProductDesign #OpenToWork #Contra
For image review, keeping feedback attached to a specific variant can prevent approval decisions from getting lost in chat. Do reviewers compare versions side by side before approving?
That's a really good suggestion! This demo is actually a concept project I built to showcase my design and development capabilities, rather than a fully finished product.
My main goal was to demonstrate that I can build professional, complex platforms like this and turn real...
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
𝗧𝗿𝗮𝗱𝗶𝘁𝗶𝗼𝗻𝗮𝗹 𝗙𝗶𝗴𝗺𝗮 𝗱𝗲𝘀𝗶𝗴𝗻 𝗶𝘀 𝗱𝗲𝗮𝗱 ! ! !
As a designer, I love how AI is changing the way we work.
We’re moving from simply sending clients static designs on Figma to building clickable prototypes that bring their vision to life.
Now, a founder can actually experience how their website will look and feel before development is complete.
They can click through pages, explore interactions, and see animations in action.
And for developers? The handover becomes much smoother because they can see how everything is supposed to work, not just how it should look.
Less guesswork. Better collaboration. A clearer vision.
Honestly, it’s a win-win for everyone.
I think every designer and developer should embrace AI in 2026. Not to replace our skills, but to expand what we can create with them. 🚀
So are you still team traditional Figma design ? Or you now use Ai to advance your design work ?
Awesome work!
Super clean work!
Ask a coding agent to "make the UI look premium", and you get whatever it felt like building that day.
I give mine constraints instead.
I keep a list of sites that generate design markdown files for AI builds. Typography, colours, spacing, radius, shadows, components, states, responsive behaviour. A full design system in a single file.
The workflow, before any screen gets built:
Pick a visual direction. Generate the .md against what the product actually does and the outcome it needs to hit. Drop it into Claude Code or Codex or Kimi or Cursor. Use /design to fix what stays consistent across every screen.
Now the agent follows a spec, not a mood.
That file, plus a folder of five or six visual references, is the first thing I prepare before a client build.
The sites:
https://www.typeui.sh/
https://design-md.hyperbrowser.ai/
https://neuform.ai/
https://www.aura.build/
https://www.designmd.supply/
https://open-design.ai/
https://designmd.me/
Enjoy. Build. Ship.
Cheers.
This is so true! 🔥 "Make it premium" is the most subjective prompt ever - every agent has its own version of premium haha! Giving constraints like typography, colors, spacing, radius, shadows, components, states is the real pro move. That's how you get consistent design...