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
Select Your Character — Interactive Portfolio Experience
A video game inspired portfolio where visitors choose which world to enter first. Three universes, one mind.
Built entirely with Google Stitch in under 48 hours : my first time using the tool. The experience combines AI-generated visuals, interactive navigation, and motion design to showcase three creative identities : TISSIA (AI music artist), NEUR.ELLE (neurodivergent podcast), and Sofia Assid (AI consultant & builder).
What made this project different : I mixed several AI tools together, letting each one do what it does best. Stitch handled the interface and interactions.
The result is a portfolio that feels alive
Go check the Link !
Frame 2
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
Your product launch, visualized like a NASA mission.
FlowCast is an AI-powered product launch command center built entirely with Google Stitch — designed for founders, growth operators, and startup teams who need real-time launch intelligence in one place.
5 fully animated, interactive pages:
Launch Dashboard — live metrics, animated score ring, momentum feed
Launch Countdown — cinematic timer with GO LIVE trigger
Audience Intel — world heatmap, persona breakdown, sentiment arc
Content Command — AI draft generator with viral score probability
Settings — profile, integrations, notification toggles
🔗 Live Prototype: https://flowcast-mission-control-507808598152.europe-west2.run.app/
How I used Stitch:
Started from a blank canvas. Used streaming generation to build all 5 pages, in-place AI edits to fix and animate components without breaking existing layouts, and native HTML canvas motion for all animations — arcs, count-ups, pulsing maps, ghost cursor, and ripple effects. Exported directly to a live deployment link.
What makes it different:
Every metric moves. Every number counts up. Every page breathes. FlowCast doesn't just show you launch data — it makes you feel the momentum.
Nice buddy, Mobile UI's amazing
I built KAIROPI for the Google Stitch Challenge - a playful ramen lifestyle brand that brings together food, sauce, stickers, motion, and colorful city culture.
How I Used Google Stitch
I started by creating a mood board to define how I wanted the website to feel the colors, hero direction, sticker style, typography, food visuals, and overall brand energy.
Then I brought that direction into Google Stitch and built the website step by step, from the hero section to the manifesto, bowls, sauce section, and footer. I kept iterating inside Stitch, using prompts and edits to refine the layout, copy, visual consistency, and interactions.
One of the most useful parts was being able to make changes without starting the whole page again. Once I understood the workflow, Stitch made it much faster to keep the design consistent.
Stitch Features Used
- AI-assisted interface generation
- In-place design edits
- Iterative prompt-based refinement
- Motion and interactive UI direction
- Visual workflow from mood board
My Experience Using Stitch
At first, I was a little confused because it was my first time using Stitch, but I found my way around pretty quickly.
Once I understood how to work with it, the process became much smoother. I really liked how I could keep the design consistent and ask the AI to make edits instead of regenerating everything from scratch.
Overall, Stitch felt fast, flexible, and useful for turning a clear creative vision. If you already know the feeling or direction you want, it becomes much easier to iterate and build quickly.
This is really nice, especially the way you built a full brand world around food + culture + motion. Feels very cohesive.
My submission for this challenge
https://on.contra.com/pnfJBQ
Open to feedback.
on.contra.com
Introducing Voya: Revolutionize Your Travel Planning Experience
Connect with next-gen talent and tools to get work underway. Hire more independents. Start more projects. Get more creative.
Project Title:
TimeMap — Historical World Explorer
Short description:
TimeMap is an interactive historical world map explorer that lets you travel through time and space simultaneously. Select multiple cities and archaeological sites from different parts of the world and see what was happening at the exact same moment in history.
What I built:
An interactive web app where you can:
Search historical cities and archaeological sites
Compare up to 4 locations simultaneously across 5,000 years of history
Navigate through 7 historical eras via an interactive timeline
Filter by world region
Listen to era-appropriate ambient music
Explore a vintage cartographic map with wave ocean texture
How I used Google Stitch:
I started from a personal infographic I designed in Adobe Illustrator and Photoshop about the Korean Peninsula. I extracted the visual DNA — warm cream palette, coral accents, serif typography — and brought it into Google Stitch to prototype the interface. Through multiple iterations in Stitch I designed the map layout, the side panel, the leader portrait, the timeline and the editorial aesthetic. Stitch was the bridge between my design vision and the final development in Claude Code.
Workflow:
Adobe Illustrator + Photoshop → Google Stitch → Claude Code
Project link:
https://timemap-explorer.netlify.app/
Feedback on Stitch:
Stitch is genuinely powerful for rapid UI prototyping. Iterating visually with prompts saved enormous time. The design consistency across iterations was impressive. Areas for improvement: handling complex SVG elements like world maps was challenging, and version history navigation could be more intuitive.
Very cool, the maps look awesome.
Challenges
View all
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?