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
Project Title: Reimagining My Portfolio Homepage with Google Stitch
https://stitch.withgoogle.com/projects/13677255280441443128
Project Description
For this project, I used Google Stitch to explore the redesign the homepage of my personal portfolio website. My goal was to explore how AI can accelerate the early stages of product and interface design while still supporting creative decision making.
Rather than starting with a blank canvas, I asked Stitch to review my existing website and identify opportunities to improve user experience, visual hierarchy, messaging, and overall engagement. Based on that analysis, Stitch generated multiple homepage concepts that explored different approaches to presenting my work, skills, and personal brand.
Workflow
The project began by importing and analyzing my existing portfolio. Stitch quickly surfaced opportunities to simplify navigation, strengthen the visual hierarchy, and create clearer calls to action.
Using Stitch's streaming generation capabilities, I was able to see concepts develop directly on the canvas in real time. This made it easy to evaluate multiple directions and build on ideas as they emerged.
I then used in place AI editing to refine layouts, adjust content organization, modify components, and improve the overall user flow. Instead of rebuilding screens manually, I iterated through conversation and targeted edits, allowing me to focus more on design decisions and less on production work.
Key Stitch Features Used
• Analysis of an existing website as the starting point
• Streaming UI generation directly on the canvas
• In place AI edits for rapid iteration
• Interactive prototype development
• Motion and dynamic interface concepts
Outcome
The final result is a modernized homepage concept that better highlights my portfolio work, clarifies my value as a designer, and creates a more engaging experience for visitors. The project demonstrates how Stitch can function as a collaborative design partner, helping transform an existing product into a refined and interactive experience through rapid iteration.
stitch.withgoogle.com
Stitch - Design with AI
Stitch generates UIs for mobile and web applications, making design ideation fast and easy.
I like the idea of having Stitch review an existing portfolio first instead of jumping straight into generating screens. Sometimes the biggest value is in the feedback, not the output.
Here's what I built:
https://on.contra.com/pMrqC7
on.contra.com
Innovative Travel App Prototype: Discover the Future of Trip Planning
Connect with next-gen talent and tools to get work underway. Hire more independents. Start more projects. Get more creative.
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
1. Project Link
https://stitch.withgoogle.com/projects/9509844389363739472
website link
https://rupendrajnv.github.io/stitch/
----------
What I built:
A cinematic Web3 fintech landing page for a fictional startup called Fluxora — featuring a full-screen AI character video background, glassmorphism stat cards with animated count-ups, a custom cursor, scroll-triggered reveals, and a deep navy-blue color system. The experience is designed to feel alive from the first second — motion-forward, conversion-focused, and premium.
🔧 How I Used Stitch
I came to Stitch with a clear creative direction and one asset — an AI-generated character video from Kling. I prompted Stitch to build a full landing page around it: cinematic overlay system, glassmorphism UI components, animated statistics, and a partner bar. Stitch generated the entire interface in one pass, and I used in-place AI edits to refine the color theme from red to a clean navy-blue system and tighten the typography hierarchy. The native motion and animation support let me get scroll-triggered reveals and count-up animations without writing a single line of JS manually.
💬 Feedback on Stitch
Stitch's streaming canvas generation is genuinely fast — watching the interface build itself in real time made iteration feel low-friction. The in-place edit workflow (prompt + point-and-click) was the standout feature for me. Being able to say "change the overlay to blue" and see it apply contextually — without rebuilding from scratch — is exactly how AI tools should work in a design workflow. The motion and animation support on the HTML canvas is a real differentiator. For someone coming from a video and motion design background, having that baked in natively felt natural. Would love deeper control over animation easing curves in a future update.
--
Post on X
https://x.com/techupd59581740/status/2060750926793879905?s=20
sleek 👌🏽
Fr this challenge, I used Stitch to turn a simple idea into a working prototype in just a few minutes. I started with a prompt describing an AI companion for elderly users, and Stitch helped generate the initial screens and user flow, which I then refined and connected into a prototype.
I've actually used Stitch before on a few projects last year, so it was interesting coming back to it. One thing I noticed immediately was how much more capable it feels now. The experience is smoother, the outputs are more thoughtful, and it feels easier to move from an idea to something tangible.
My favorite part is how quickly it helps explore concepts without getting stuck on a blank canvas. It's not a replacement for design thinking, but it's a great tool for getting ideas out of your head and into a format you can test and improve.
Overall, I enjoyed using it, and it's definitely a tool I will be running back to.
Project Link:
Built a complete multi-page digital experience using Google Stitch.
For this project, I designed and prototyped Eternal Maven, a modern AI and technology agency website focused on communicating technical expertise, credibility, and premium brand positioning.
What I created:
• Homepage with a bold, future-focused visual identity
• AI Development, Web Development, and Solutions pages
• Case Study section featuring project outcomes and impact metrics
• Industry-specific expertise showcase
• Technology Stack page highlighting modern tools and platforms
• Portfolio gallery for featured work
• Blog & Insights hub for thought leadership content
• Contact and conversion-focused lead generation experience
How I used Google Stitch:
I leveraged Stitch to rapidly generate, refine, and prototype high-fidelity screens while maintaining a consistent design system across the entire experience. The platform made it easy to explore ideas, iterate quickly, and build a cohesive multi-page user journey.
Design Direction:
Dark immersive UI, electric blue accents, glassmorphic elements, modern typography, and premium visual storytelling designed for a 2026-ready digital presence.
#GoogleStitch #WebDesign #UIDesign #UXDesign #AI #ProductDesign #Prototype #DigitalExperience #Contra
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?