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

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

[𝙇𝙞𝙜𝙝𝙩𝙚𝙧] 𝘼 𝙙𝙤𝙥𝙖𝙢𝙞𝙣𝙚-𝙛𝙞𝙧𝙨𝙩 𝙬𝙚𝙞𝙜𝙝𝙩 𝙡𝙤𝙨𝙨 𝙖𝙥𝙥 𝙙𝙚𝙨𝙞𝙜𝙣𝙚𝙙 𝙞𝙣 𝙒𝙤𝙣𝙙𝙚𝙧 Some ideas stay in your notes for years. Lighter was one of mine. I've always wanted a weight loss app that doesn't just show numbers, but makes progress feel real. Instead of saying you've lost 12 kg, it shows that you've already stopped carrying things like: 🍉 a watermelon 🧈 packs of butter 🧳 a suitcase Because seeing progress is much more motivating than reading a number. Using Wonder, I finally turned that idea into a complete MVP in just a few hours. [ 𝙈𝙮 𝙥𝙧𝙤𝙘𝙚𝙨𝙨 ] The whole workflow felt surprisingly natural 💎 I started with a simple prompt in Ukrainian. 💎 Wonder generated the first version. 💎 Then I provided a visual reference. ✨ This is where the magic happened. 💎 I was genuinely impressed by how accurately Wonder understood the reference and translated it into a consistent design language across the entire app. 💎 From there, I simply asked it to generate additional screens, onboarding, statistics, rewards, profile pages, and weigh-in flows that would make sense for this product. It wasn't just generating random UI—it understood the product logic and expanded it naturally. 💎 One of my favorite parts was how easy it was to make precise edits without rebuilding everything. [ 𝙒𝙝𝙖𝙩 𝙨𝙪𝙧𝙥𝙧𝙞𝙨𝙚𝙙 𝙢𝙚 ] Honestly, the biggest surprise was the quality Usually AI-generated UI needs a lot of fixing before it starts looking professional. Here, the very first result didn't feel like AI slop at all. It already looked like something a designer could actually continue working with. I was also impressed by: ⭐️ how well Wonder understands references ⭐️ how fast it generates polished interfaces ⭐️ the quality of the shaders and visual details ⭐️ the fact that I could work entirely in Ukrainian and Wonder understood everything perfectly [ 𝘿𝙞𝙙 𝙒𝙤𝙣𝙙𝙚𝙧 𝙨𝙥𝙚𝙚𝙙 𝙪𝙥 𝙢𝙮 𝙬𝙤𝙧𝙠𝙛𝙡𝙤𝙬? ] Absolutely. Creating a polished MVP like this would normally take days. With Wonder, I built the entire concept in just a few hours. That honestly feels unbelievable. Did it let me build something I couldn't before? I think so. I've used many AI design tools, but I haven't seen another one capable of producing visual quality like this while staying consistent across an entire product. This finally allowed me to turn an idea I'd had for a long time into something real. Project link: https://app.wonder.so/alexandra-marchenko/files/019f2d9c-089b-7a42-82fa-78e46ee19bfe Built entirely in Wonder. Thanks for creating a tool that made this idea possible 💜

Nicely done, good luck with challenge 🔥