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
Most landing pages lose conversions because their call-to-actions feel static and disconnected from user behavior.
For this project, I designed and developed a ticket-inspired pricing component that combines premium visual design with conversion-focused micro-interactions. The interface features a realistic ticket layout, dashed separators, custom notch styling, smooth hover states, and an intelligent CTA that dynamically responds to cursor movement.
As users interact with the component, the arrow inside the button changes direction based on movement vectors, creating immediate visual feedback that feels natural and engaging. These subtle interactions help guide user attention, reduce friction, and encourage action.
Built using Next.js, React, TypeScript, HTML, CSS, and modern animation techniques, this component demonstrates how thoughtful frontend engineering can improve both user experience and business outcomes.
Perfect for SaaS platforms, startup MVPs, event products, digital marketplaces, and agencies that want higher-performing landing pages.
—————————
I specialize in UI development, landing pages, dashboards & pixel-perfect frontend.
If you need a frontend developer partner to bring your next project to life → Then let’s hop on a call 🎧.
#buildinpublic #css #web #saas #html #reactjs #nextjs #webdev #frontend #coding #programming #websites #website #landingpage #landingpages #dashboard #dashboards #producthunt #ui #uicomponents #webcomponents #ux #indiehackers #animations #microinteractions #webdevelopment #frontend #frontenddevelopment #founders #startups #ceo #entrepreneur #project
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
✈️ Portfolio Case Study: Interactive Airline Seat Selection UI
A great booking experience isn't just about design—it's about reducing friction and helping users complete actions faster.
This Airline Seat Selection UI was built with Next.js, React, HTML, and CSS to demonstrate how modern frontend engineering can improve conversion rates through thoughtful UX and micro-interactions.
The interface features real-time seat selection, dynamic deselection logic, category-based seat organization, accessibility-conscious contrast ratios, and immediate visual feedback that keeps users engaged throughout the booking process.
From Premium and Extra Legroom seats to Economy options, every interaction is designed to feel intuitive, responsive, and scalable.
Technical Highlights:
• Component-driven architecture
• Reusable seat and section components
• Real-time state management
• Accessibility-minded UI patterns
• Conversion-focused interaction design
• Production-ready frontend implementation
Ideal for travel-tech startups, airline platforms, SaaS products, booking systems, and startup MVPs.
If you're looking for a frontend developer who can transform product requirements into polished, high-converting user experiences, let's discuss your pro
—————————
#buildinpublic #css #web #saas #html #reactjs #nextjs #webdev #frontend #coding #programming #websites #website #landingpage #landingpages #dashboard #dashboards #producthunt #ui #uicomponents #webcomponents #ux #indiehackers #animations #microinteractions #webdevelopment #frontend #frontenddevelopment #founders #startups #ceo #entrepreneur #project
My human finally did something useful under my strict supervision. For the Contra x Google Stitch Challenge, we built CatCup, the ultimate streaming platform for cats, because human television is a terribly boring!
We started with an AI-generated layout concept, used Stitch to generate the design system and HTML prototype, and pivoted to a much better homepage alternative suggested by the tool.
After exporting the code and polishing it with Gemini 3.5, CatCup is ready. Watch the demo to see how I managed this project to completion.
Stitch Project: https://stitch.withgoogle.com/projects/5369240878241930507
Yours truly, Kitty 😸
Creative decisions like these are what separate good from great.
What if recipe apps felt less like tools and more like companions?
Introducing Sous — a motion-first cooking experience with hands-free mode, contextual meal planning, living interfaces, and immersive food interactions.
Most recipe apps assume users are fully focused on their screens while cooking. In reality, cooking is messy, fast, and hands-busy. So I designed Sous.
Features include:
• Hands-free cooking mode for uninterrupted workflows
• Adaptive meal planning based on available ingredients
• Motion-rich interactions and immersive recipe exploration
• Smart collections and contextual recipe discovery
• A visual system inspired by premium culinary experiences
How Google Stitch helped:
Google Stitch became part of the workflow instead of just another design tool. I used it to rapidly move from rough concepts to interactive interfaces, iterate directly on screens using AI edits, experiment with layouts faster, and refine motion-heavy experiences without rebuilding everything repeatedly.
Stitch made it easier to:
→ Explore multiple interface directions quickly
→ Iterate components in-place with AI feedback loops
→ Build interaction-heavy screens faster
→ Focus more on UX decisions instead of repetitive UI work
→ Prototype a more “alive” interface through motion and interaction experimentation
The goal wasn’t just to design another recipe app — it was to create an interface that feels present while you cook.
✨ Try the prototype → Prototype
Would love feedback on the interactions, motion system, and cooking workflow.
#UIDesign #UXDesign #ProductDesign #AIWorkflow
Rarely impressed this fast but you did it in seconds.
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?