Futuristic UI Design for Autonomous Ride-Hailing Platforms

Futuristic UI Design for Autonomous Ride-Hailing PlatformsFuturistic UI Design for Autonomous Ride-Hailing Platforms

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

Mudassir Jaleel

pro

• Jul 9

🚗 Autonomous Mobility App — Smart City Transportation UI Concept

About the Project

A futuristic mobility application designed for autonomous transportation and smart city experiences. The interface reimagines how we move through the city — making commuting seamless, intelligent, and completely stress-free. 🌆

🎯 The Experience

Every screen is built around one goal: effortless, next-generation travel. From booking to arrival, the app guides users with clarity and confidence.

🚕 Seamless Ride Booking — request a ride in just a few taps

🧭 AI-Powered Navigation — smart routing for faster, smoother trips

📍 Real-Time Tracking — always know exactly where your ride is

🧘 Stress-Free Commuting — a calm, intuitive experience end to end

🎨 The Design Direction

Built with a minimal UI approach, immersive vehicle presentation, and high-contrast layouts, the design delivers a premium, next-generation feel. Clean typography and a modern visual system make advanced technology feel simple, sleek, and human. ✨

Perfect for: autonomous mobility startups, ride-hailing platforms, smart city apps, EV and transportation brands, and future-focused tech products. 🌐

Flutter Development Flutterflow Development Flutter FlutterFlow Flutterwave

Angelo Pacaanas

• Jul 7

Zero experience in the UI design industry.

But creativity, imagination, AI, and @Wonder made it possible.

🔥 Introducing "TourMe"

🧠 The idea: A website for people who love to travel, explore, and discover different countries.

🙌 Problem: People often have to jump between multiple websites to find travel information about a country they want to visit.

😊 Solution: A website with multiple features for different countries: • Weather • Currency • Best places to visit • Popular restaurants • Traditional foods • Hotels and places to stay • Activities • sim cards • and many more

💯 WORKFLOW:

• Explained my idea in ChatGPT and generated a prompt • Used Wonder Chat to create UI concepts and website designs • Refined everything manually using Wonder's tools and AI features • Used Shader, Wonder Chat, Properties, and other tools • Used Figma templates as references • Explored different Wonder features and workflows • Generated images using Wonder Chat • Used Opus and Fable for generation

🙌 Others:

• Uploaded webpage screenshots and used Wonder Chat to recreate similar layouts • Used Pinterest for inspiration and images

🎉 Wonder MCP:

• Connected Wonder MCP with Claude • Claude helped create parts of the website • Used GitHub to publish the website

TourMe Website: https://aymdaking.github.io/TourMe1122/

Wonder File (Check page 1 and Page 2): https://app.wonder.so/angelo-pacaanas/files/019f21e1-b614-7ae0-96ce-16e3fb4f1b80

🧠 UNEXPECTED:

• I didn't expect copying designs from Figma to Wonder to be so easy • There are many Shader modes to choose from • Prompt-to-UI worked even without UI design experience • Wonder MCP worked smoothly with Claude • Wonder Chat is more than a UI generator—it also helps answer questions and guide ideas • Multiple image generation models are available (my favorite is Nano Banana) • Easy to move, edit, and rearrange elements • Lots of useful tools that are simple to learn and use

wonderchallenge uidesign wonderdesign UI Design Content Creation Figma Wonder

Vl Ad

• Jul 7

AI didn't replace creativity here—it amplified it. That's the coolest part. 🧠✨

Ruslana Prymak

pro

• Jul 6

Hi 😉 I wanted to create something more memorable for my friend's birthday. I believe the best gifts are the ones you make yourself, so instead of buying a card, I designed an interactive birthday experience in Wonder.🙌 The experience begins with opening an envelope and continues through draggable Polaroid memories, interactive vinyl records, heartfelt birthday wishes, and a birthday cake where the user can blow out the candle to complete the celebration.

Built using Wonder Chat, shader generation, and Wonder MCP to take the project from concept to a fully interactive React experience while preserving the original design. 🚀 Wonder file: https://app.wonder.so/ruslana-prymak/files/019f2e58-9a87-7317-8bc1-2312f228dd9c 😍 Live demo: https://birthday-site-green-psi.vercel.app 😊 Social Link: https://x.com/ruslana_prymak/status/2074218583765442740?s=20

wonderchallenge wondering wonderdesign UI Design Wonder

Esther Adewumi

pro

• Jul 8

This is amazing

Grecia Valero

• Jul 7

Recently I developed this UI, which is a gamified dashboard for students and teachers with neurodiversity accessibility, especially for ADHD users. The teacher dashboard has more options than the student dashboard, but I think both are neat.

Which one do you like more?

Claude creativeaiflow Figma

4 voted

67%

2 voted

33%

6 votes

Closed

Amirul Hakim

pro

• Jul 7

Really love how you contained the gamified visual elements into that distinct isometric corner widget on the student side. Keeping it completely separate from the core tracking layout is a great way to offer that sense of reward and ownership without adding constant visual noise to the main focus areas.