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 had never written code before... and here I am, sharing my very first AI-built project ✨
I'm just beginning my vibe coding journey, and this interactive photo gallery became my first experiment.
Inspired by my own experience as a mom, I created a gesture-controlled gallery dedicated to a baby's first year. Users can navigate through monthly memories, open photo cards, watch short videos, and read little messages from a mom about those precious moments.
✨ Built in 2–3 days
✨ Tools: Claude, MediaPipe, and Figma Make
✨ My first vibe coding project
Was it easy? Not at all. There were failed ideas, broken prototypes, and plenty of learning along the way 😅 But every attempt brought more confidence and a better understanding of how AI can help turn ideas into reality.
The project isn't perfect, but seeing it work almost exactly as I imagined felt incredibly rewarding 💛
Feel free to test it out and share your thoughts, feedback, and suggestions! https://memorable-first-year.figma.site
#VibeCoding #UXDesign #ProductDesign #FigmaMake #MediaPipe
This is absolutely incredible! Going from zero coding experience to building a gesture-controlled interactive gallery with MediaPipe in just a couple of days is mind-blowing. AI truly is a superpower for creators. Major congratulations! 🪄✨
Thanks!) I’m truly excited✨
This is pure inspiration 🚀🌿
Thanks🥰
This is so nice to see someone fulfilling their dream - the first coding experience! Congrats, Anastasiia! 😍 🚀
Thanks❤️
Welcome to the rabbit hole 😄 I started exploring vibe coding recently too, and it's amazing how quickly ideas can become real products. Congrats on your first project!
Totally true!)
This is such a heartwarming project, Anastasiia!
This is such a wholesome first project😍
Keep creating, inspiring 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
The client gave me an idea. I gave it a brand, a design, and a Shopify store.
The client had an idea. I turned it into a product experience.
For this Shopify project, I wasn't given a finished design or a ready-made theme.
I started with the product itself.
01 — Product Design
First, I designed the product concept and created the visual direction around the brand.
02 — Figma Prototype
I then translated the idea into a complete Figma prototype — working through the layout, hierarchy, product presentation, navigation, and overall shopping experience.
03 — Shopify Development
Once the design was ready, I turned the prototype into a custom Shopify theme, bringing the experience to life as a functional ecommerce store.
The goal wasn't to simply make a Shopify website.
It was to make the product feel like a real brand.
From the product packaging and visual identity to the storefront, typography, spacing, navigation and product storytelling — everything was designed to work together.
Idea → Design → Prototype → Development → Live Store.
That's the part of building I enjoy most:
taking something that exists only as an idea and turning it into something people can actually use.
#Shopify #ShopifyDevelopment #ShopifyTheme #Figma #WebDesign #Ecommerce #ProductDesign #UIDesign #UXDesign #FrontendDevelopment #WebDevelopment #BuildInPublic
Sooooo… I decided to remake my portfolio.
And I did the exact opposite of my job.
A super nice website, animations everywhere, a little wink to @Figma's design… but barely any explanation of the process behind each project.
Lesson #1: Start with WHY.
(If you know, you know 😅)
So I'm taking it all back from scratch, and I'll share each case study in my next posts.
And to the recruiters passing by: what's the first thing you look at in a portfolio?
Link in the comments if you want to see the crime scene 👀
Looking goooooood 🔥
Recently explored a simple UI/UX concept for AI image generation.
The idea is to make prompts, references, lighting, and outputs easier to manage in one visual workflow.
Still refining it, but really enjoyed this one. ✨
does lighting sit as its own layer next to the prompt or inside the references panel?