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 Story: AI Finance Assistant
The idea for AI Finance Assistant came from a simple observation: many people want to manage their money better, but most finance apps overwhelm users with charts, numbers, and complex financial terminology.
I wanted to explore how artificial intelligence could make personal finance feel more approachable, conversational, and supportive.
The concept began as a mobile experience where users could not only track their finances but also interact with an AI assistant capable of providing personalized financial guidance.
The project started with a broad question:
“How might we make financial management feel less intimidating and more helpful?”
This is where Stitch became an important part of my workflow.
Instead of immediately focusing on colors, screens, and visual details, Stitch helped me think through the structure of the experience. I used it during the early stages of ideation to explore user flows, screen organization, and information hierarchy.
Stitch helped me rapidly experiment with:
• Dashboard layouts
• Analytics structures
• AI chat experiences
• User navigation patterns
• Feature prioritization
By accelerating the planning stage, I was able to spend more time refining the actual user experience in Figma.
The final concept includes three primary experiences:
Dashboard:
A clean financial overview showing balances, spending trends, and AI-generated recommendations.
AI Assistant:
A conversational interface where users can ask financial questions and receive personalized suggestions.
Analytics:
A visual breakdown of spending behavior with smart insights designed to help users make better financial decisions.
One of the key design decisions was creating a modern fintech aesthetic using dark themes, gradient accents, glassmorphism-inspired cards, and smooth prototype transitions.
The project also incorporates interaction design through animated navigation and screen transitions to create a realistic product experience.
The biggest lesson from this project was understanding that great products begin with clear problem-solving before visual design.
Stitch helped accelerate the transition from idea to structure, while Figma enabled me to transform those ideas into a fully interactive prototype.
As a beginner UI/UX designer, this project strengthened my understanding of product thinking, user-centered design, prototyping, and how AI tools can support the creative process without replacing it.
Masterfully crafted from the ground up — huge props.
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
Bringing ideas to life faster with Google Stitch ✨
For this challenge, I explored how Stitch can transform a simple concept into a fully interactive creative experience using AI-powered workflows.
The project started with just two things:
📄 a custom design.md creative direction file
🖼️ a logo image for the project identity
Using Stitch’s new capabilities, the entire website was generated directly inside the canvas through streaming generations — turning concepts into a live experience in real time.
But it didn’t stop at generation.
I continued refining the project using:
⏩ prompt-based in-place AI editing
🖱️ point-and-click interactions directly inside Stitch
🎥 native motion, animation, shaders, and hover states on HTML canvas
🚀 one-click export support directly to Netlify
What makes this even more impressive is how Stitch combines the workflow of 4–5 different creative applications into one single platform — generation, editing, interaction design, motion, prototyping, and deployment all inside one experience.
From concept → iteration → interaction → deployment, the entire workflow stayed inside Stitch.
This experience shows how AI can dramatically speed up creative production while still allowing full artistic control and experimentation.
link for the project:
Live Website :Website
Google Stitch Workflow :Google Stitch
This is impressive and incredible
Building a brand new AI Fintech dashboard components
WIP :)
Cool
Exploring "How We Work" section
Which colour is best (both colours are the main colour guide)?
37 voted
54%
31 voted
46%
68 votes
Closed
Personally leaning towards the dark blue-green version.
The cooler tone feels more aligned with trust and clarity especially for a “How We Work” section. The Dark brown version has a strong cinematic mood, but the blue-green helps the structure and content breathe a bit more to me.
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?