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
Built a SaaS billing starter project using Next.js App Router, Stripe, Clerk, and webhooks.
The goal was to practice a real subscription flow beyond a simple checkout button: pricing page, Stripe Checkout, webhook-based subscription sync, dashboard plan status, billing management, customer portal, and scheduled cancellation state.
This project helped me understand how billing connects authentication, backend reliability, database state, and product UX in a SaaS application.
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
Try Verity is an AI-powered interview coaching platform that creates realistic interview simulations based on a candidate's actual resume and target job description.
For this challenge, I used Google Stitch as the center of a real product redesign workflow.
Instead of building a mockup from scratch, I imported screenshots from the existing product, generated redesigned interfaces, and used Stitch to transform those concepts into production-ready UI code.
My workflow:
• Existing Try Verity screens → AI redesign mockups
• Mockups imported into Google Stitch
• Stitch-generated UI and front-end structure
• Implementation and integration using Codex
• Integration into the real application
The goal was not to create a prototype, but to modernize an existing product while preserving functionality, workflows, and business logic.
The redesign covered the landing page, interview workspace, recruiter feedback experience, reporting dashboard, pricing pages, and onboarding flow.
Key improvements:
• Complete landing page redesign
• Interview workspace redesign
• Recruiter-style feedback experience
• Modern SaaS visual language
• Improved information hierarchy
• Better usability and readability
• Enterprise-grade UI patterns
Tools used:
• Google Stitch
• ChatGPT
• Codex
• Next.js
• React
• TypeScript
• Tailwind CSS
Application Web: https://www.tryverity.co/
Video Walkthrough:https://youtu.be/iITu8t9-5pw
Google Stitch became the bridge between visual exploration and implementation, allowing me to iterate much faster than a traditional design-to-development workflow.
Thanks to the Google Stitch team for building tools that make interface iteration dramatically faster.
Looks cool
When did you last look at your website through a customer's eyes?
Your website is your highest-traffic salesperson - working 24/7, making first impressions before any call, any email, any pitch.
And if it looks like it was built in 2012, your prospects are already questioning your service quality, your credibility, and whether you're the right partner for them.
The businesses winning online right now aren't just the ones with better products. They're the ones with better first impressions.
At YES IT Labs, we specialize in transforming outdated websites into modern, high-converting digital experiences.
Our recent work includes:
→ Luxury hospitality brands (The Ashi)
→ Legal tech platforms (LawCo)
→ E-commerce storefronts (Bes Vinyl)
Each project built around one goal - making your website work as hard as your team does.
Ready to modernize?
📩 DM us "MODERN" - let's talk about what your business deserves
Another day, another pixel-perfect build.
Designed and developed this premium SaaS landing page from scratch.
Tools used:
Figma
Modern Frontend Stack
Responsive Design
Performance-Oriented Layout
I enjoy helping startups turn ideas into websites that look professional and build trust from the first visit.
Currently available for:
• SaaS Websites
• Startup Landing Pages
• Portfolio Websites
• Website Redesigns
If you're launching a product soon, feel free to reach out.
DMs are open.
#Figma #WebDesign #FrontendDevelopment #ReactJS #SaaS #Startup #Freelancer #Contra #PortfolioDesign
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?