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
Last-minute submissions are the best ones! Remix it while you can because I will be putting it back to private soon. It's a prototype of my portfolio idea, and I have so much more planned for it.
This is a really awesome! I love the interactive portfolio concept
thanks bro! I have to finish it but you know how portfolio's go :').
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
Imagination Portfolio
Project Links
Live Website: Website
Project Workflow / Development Process: Google Stitch
X Post: X/Twitter
Short Description
Imagination Portfolio is an interactive portfolio website designed to showcase creativity through visual storytelling, motion, and immersive design.
The project consists of four main pages:
Home
About Me
Social
Gallery
Rather than creating a traditional portfolio, I wanted the website itself to become part of the creative experience. Each page uses custom visuals, animations, motion effects, and interactive elements to make the portfolio feel alive while maintaining a consistent visual identity throughout the project.
How I Used Stitch
I started by connecting to the Stitch MCP feature and creating the four core pages of the portfolio: Home, About Me, Social, and Gallery.
Using MCP, I imported a custom design.md file into each page to establish the overall structure, visual direction, and content requirements. From there, I iterated directly within Stitch Canvas, using both Stitch and MCP together throughout the development process.
The workflow included:
Importing design specifications through MCP
Generating layouts and page structures
Creating and refining visual assets
Adding custom backgrounds and environmental elements
Iterating through prompt-based edits
Refining page layouts and visual consistency
Implementing animations and motion effects
Enhancing interactions directly inside the canvas
Everything was built and refined through Stitch Canvas and MCP until the final experience was complete.
Advanced Motion & Interactive Features
To make the portfolio feel alive, I incorporated:
Animated page transitions
Motion-based visual effects
Interactive hover behaviors
Dynamic visual elements
Custom animated backgrounds
Smooth scrolling and section reveals
These features helped transform the portfolio from a static website into a more engaging and immersive experience.
Feedback on Stitch
My overall experience with Stitch was very positive.
The combination of Stitch Canvas and MCP creates a powerful workflow that makes it possible to move from an idea to a polished interactive experience much faster than traditional methods. The ability to generate, edit, iterate, and refine directly within the canvas significantly improves the creative process.
The only challenge I encountered was during the export and deployment stage. For more complex projects, it can be difficult to ensure that everything generated within the canvas works exactly the same once the project is made live.
One improvement I would love to see is the ability for Stitch to automatically generate and organize a complete project structure during export, such as creating separate HTML files and a more organized folder structure. This would make deployment smoother and help ensure that all generated features continue working correctly after going live.
Overall, Stitch combined with MCP feels incredibly close to a complete end-to-end creative workflow and has been one of the most enjoyable AI-assisted design experiences I have used.
I joined the Google Stitch Challenge on Contra and built a comprehensive Driver Service MVP concept. 🚀
The idea started simple: What if an app didn’t just list tasks, but felt like an intuitive, real-time control center for a driver's entire shift?
Using Google Stitch as a design partner, I mapped out a complete visual system and built-out a structured flow including:
Kinetic Utility System: Setting up the core typography, component library, and color palette.
Driver Portal & Authentication: A seamless login and onboarding interface.
Live Job Dashboards: Interactive screens tracking available jobs, estimated earnings, and immediate "Accept Job" actions.
Active Mission Tracking: Real-time route mapping, turn-by-turn navigation, and customer details.
Earnings & Driver Profiles: Clear breakdowns of weekly metrics, historic data, and vehicle documentation management.
Getting the exact hierarchy, grid spacing, and multi-screen visual flow right took some iterating, but that’s where the tool shined. It allowed me to explore layouts quickly without losing my personal design taste.
If I get more time, I'd love to scale this further with micro-interactions, custom map elements, and dark-mode states.
Built for the Google Stitch Challenge on Contra.
Nice One..Best of Luck for the challenge!
✨ Aetheria — Luxury Editorial Fashion Experience
For this challenge, I wanted to explore how AI-assisted design tools can help create premium digital experiences that feel elegant, immersive, and emotionally engaging.
Aetheria is a luxury fashion and editorial-inspired e-commerce concept built around the idea of fluidity, craftsmanship, and visual storytelling. Rather than creating a traditional online store, I focused on designing an experience that feels closer to browsing a high-end fashion publication.
The experience includes:
• Editorial-style landing page
• Curated collection showcases
• Immersive product storytelling
• Luxury product detail pages
• Soft visual hierarchy and refined interactions
• Multi-page navigation flow
My goal was to create an interface where the products, imagery, and typography work together to communicate the feeling of a premium fashion brand.
⚡ Workflow with Google Stitch
Google Stitch played a central role in the design process.
I started by gathering inspiration and defining the visual direction for the brand. Using prompts inside Stitch, I generated the initial interface structure and explored multiple layout variations. The ability to quickly iterate on sections, refine content blocks, and experiment with different compositions made it easy to move from concept to polished design.
I used Stitch to:
• Generate the initial interface layouts
• Explore design directions and visual hierarchy
• Refine sections through prompt-based iterations
• Create the foundation for both the landing page and product experience
• Rapidly prototype a complete multi-page fashion concept
🚀 From Stitch to Deployment
After finalizing the design in Stitch, I exported the project to Figma for additional refinement and design adjustments. From there, I recreated and enhanced the experience in Framer, adding responsive behavior, page connections, and final polish before deployment.
Tools Used:
• Google Stitch
• Figma
• Framer
🔥Google Stitch Workflow:
https://stitch.withgoogle.com/projects/5130864092960824634
🚀 Live Project:
https://aetheria-shop.framer.website/
This project was an exploration of how AI-assisted workflows can accelerate premium interface design while still allowing room for creative direction, refinement, and craftsmanship.
#stitchchallenge #GoogleStitch #UIDesign #WebDesign #Framer #Figma #FashionDesign #LuxuryBranding #CreativeTechnology
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?