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
Car Rental Web Application
A user-friendly platform for customers to rent cars, browse vehicles, make reservations, and manage bookings.
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
Most websites look good.
Very few actually help a business grow.
For this client project, I focused on three things:
✓ Clear messaging
✓ Better user experience
✓ Premium interactions and motion
The result is a website that feels modern, professional, and easy to navigate.
Built entirely in Framer.
It's always satisfying watching static designs turn into something people can actually interact with.
Open to new Framer projects.
Love this approach. Great websites are not just about looking good—they should guide users, communicate clearly, and drive results. The interactions on this one are especially well executed.
Humane
Humane is a 2-in-1 AI-powered resilience platform designed to help communities prepare for real-world disasters and help children build emotional resilience through interactive learning and play.
[The Problem]
Every year, millions of people are affected by floods, wildfires, earthquakes, storms, and other disasters. While information exists, it is often fragmented, overwhelming, or difficult to understand for the average person.
At the same time, millions of children face emotional challenges such as anxiety, worry, grief, isolation, and illness. Yet many existing solutions rely on passive content rather than engaging experiences designed around how children naturally learn.
[The Vision]
Instead of building a disaster dashboard or a children's learning app separately, Humane combines both into one ecosystem.
- Humane World 🌎 - People of all ages.
Humane World transforms real-time disaster information into interactive learning experiences. Users can explore a live globe powered by real-world data, understand active events, learn preparedness strategies, and complete educational missions inspired by real situations happening around the world.
- Humane Kids 👶- Specifically designed for children.
Humane Kids transforms emotional wellbeing and learning into interactive adventures. Instead of asking children to read about anxiety, sadness, worry, or emotional regulation, the platform allows them to explore story-driven worlds, complete quests, earn rewards, and learn through play.
Together, these experiences create a platform that serves both global communities and individual children.
[Research Foundation]
The Humane Kids experience was inspired by research surrounding play-based learning, resilience development, and therapeutic play.
Research has consistently shown that play-based learning can support emotional regulation, coping skills, social-emotional development, confidence building, and resilience in children, particularly those facing adversity or difficult life circumstances.
This finding directly influenced the design of Humane Kids.
Key Features
Interactive Global Disaster Explorer
Explore real-world disaster events
View live disaster markers
Understand ongoing crises
Learn preparedness strategies
Complete educational missions
The globe acts as both an information system and a learning environment.
Live Disaster Intelligence information from trusted sources including:
i. NASA EONET
ii. USGS
Mission-Based Learning
i. Humane Kids Adventure Worlds
ii. Anxiety Island
iii. Anger Volcano
iv. Sadness Valley
v. Worry Forest
Nova AI Companion
Nova is an AI-powered guide that helps users Understand disasters and Navigate learning experiences
Built with Figma design Agent, Figma Make & Weave
Live Demo: https://flop-geo-53326665.figma.site/
Figma community: https://www.figma.com/community/file/1648406463549590117
X Post: X Social post
Creativity at its peak!
There's a moment every designer knows before the colors, before the components, before the polish where you're just trying to figure out how the thing should work.
That's the wireframe stage. And AI has been skipping it entirely.
Tools like Google Stitch can generate a beautiful screen in seconds. What they can't give you is the thinking behind it the structure, the flow, the layout logic that makes a product actually make sense.
WiFrame is built for that gap.
WiFrame is an AI-powered wireframe generation platform that turns raw product ideas into editable, low-fidelity wireframes for web and mobile directly on a Figma-parity canvas.
Describe your idea via text, voice, or a hand-drawn sketch. WiFrame handles the rest.
Not flattened images. Not locked mockups. Real editable frames, shapes, text layers, and structured components you can actually work with.
What makes it different
Grounded in real design patterns
Before generating anything, WeFrame pulls inspiration from Mobbin, Dribbble, Behance, and Awwwards the same references designers actually use. The output reflects real UX patterns, not generic templates.
Thinks in flows, not just screens
Ask for sticky navbars, hamburger menus, sidebar layouts, dashboard structures, or multi-screen onboarding and the entire system adapts. WeFrame understands how screens relate to each other, not just what goes on one.
Bring Your Own AI
Connect OpenAI, Claude, Gemini, or your own custom API. Use your own credits, pick your preferred model, and generate without platform restrictions. WeFrame becomes your AI-powered creative workspace not another tool with a paywall.
Fully editable canvas
Every element is real and modifiable. Rearrange layouts, swap components, edit copy, customize sections — all inside the canvas. A wireframe you can't edit isn't a wireframe.
Ships straight to Figma
Export directly into Figma via structured FigSpec JSON or native plugin. Layers, naming, and hierarchy stay intact. No rebuilding. No friction.
Sketch-to-wireframe
Upload a napkin sketch, a brief doc, or rough notes. WiFrame reads them as creative direction and translates them into a structured wireframe system.
Built end-to-end for the Contra × Figma #ConfigMakeathon.
The prototype doesn't yet show the full vision — AI credit limits during development meant some features couldn't be fully realized — but the problem space, workflow, and foundation are very real.
WiFrame is built for the future of product ideation: where inspiration, wireframing, and AI generation live in one seamless flow.
Idea → interface → product. Faster than ever.
WiFrame — Design Begins Here
🔗 Live demo: [Figma.site link]
📁 Figma Community File: [Community file link]
#ConfigMakeathon #FigmaMake #Wireframing #AIDesign #UXDesign #ProductDesign #UIDesign
nice job
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.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?