Projects using WonderProjects using WonderMeet Petlancer: The Ultimate Freelancer Sidekick 🐾
As a freelancer, staying motivated through intense deep-work blocks can be hard at times, so I wanted to marry that 90s nostalgia and fun of Tamagotchis with a practical productivity hub to create the ultimate focus companion.
Fun fact: In real life, my core motivation to work is providing the best possible life for my 9 pets (3 cats, 1 dog, and 5 goats!). So, I built an interactive app where your actual freelance output directly translates into taking care of your virtual pixel pet.
Key Features:
⭐ The "Choose Your Starter" Onboarding: a setup screen where you choose and name your companion - whether that's a cute cat, a happy dog or a silly goat
⭐ The "Productivity-Meets-Fun" Dashboard: on the left is your fun side - with your pet, along with its Hunger, Cleanliness, and Energy bars. On the right is the productivity side - with a 25-minute Pomodoro timer and your daily to-do list.
Completing pomodoros and checking off your daily tasks earns you credits that you can spend to feed, clean or play with your pixel buddy.
As a first-time user of Wonder, it's definitely one of those tools I can see myself using again in the future. I love how it works so well with my casual-style prompts, it feels like I'm just chatting with a chat-based app like Gemini. I also really like that, at the end of each implementation, it suggests next steps or asks questions along the way if needed. You really feel like it's your partner in crime rather than just an AI that's doing what you tell it to do.
And of course, you can check out my design file here: https://app.wonder.so/freelancingwithsilvia/files/019f3960-2948-7f1b-8079-f7280babb4ae Iris - turn the work you already did into case studies that get you hired.
Freelance design runs on case studies, but they're the chore you never get to. You ship the project, move on, and your best work stays invisible. I had five or six projects sitting exactly like that, so I built the tool I needed.
Drop the screens you already have, answer a few quick questions, click or just talk, and Iris drafts the whole case study: a real structure, your screens placed and staged, every word yours to edit. The AI rewrites the line you select the way you want, and it never touches your pixels, it remembers your screens and helps you stage them. You stay the designer.
I designed Iris entirely in Wonder and shipped it live with Wonder's Claude MCP - canvas to code and back in minutes after pivoting 48 hours before the deadline i'm grateful for it 😂 . Every asset, down to the pixel mascot, was generated in Wonder.
👉 Try it: https://iris-six-chi.vercel.app
(https://iris-six-chi.vercel.app)Linkedin post: https://www.linkedin.com/feed/update/urn:li:activity:7480047687556472832
(https://www.linkedin.com/feed/update/urn:li:activity:7480047687556472832/)Wonder file : https://app.wonder.so/th-o/files/019f276d-deb3-717d-8940-1a86c6f0317f
Built in Wonder. Air Sculpt - sculpt with your bare hands, in the air.
For 30,000 years we've shaped stone with our hands. I wanted to know: what if you still could - without ever touching a mouse?
Air Sculpt is a browser tool where you sculpt a real 3D marble form using only hand gestures, tracked live through your webcam, then export a genuine, 3D-printable file. The oldest art, in the palm of your hand.
🏛️ What it does
Pinch in the air to carve - the marble swells where you point, like clay
Press to push in, Smooth to polish, two hands to scale, a fist to rotate
Switch materials - marble, clay, bronze, alabaster
Finish → name your piece → export a real .STL you can 3D print
Every sculpture lives on in a museum gallery you turn through like a real exhibition
The whole thing is built as a classical sculpture museum - warm marble, golden skylight, an atelier you step into. Modern hands, ancient craft.
✨ How Wonder made it possible
I designed the entire world in Wonder:
Wonder Chat — built every screen (atelier, gallery, reveal, about) by describing them and reshaping on the canvas
Shaders — the golden museum light, drifting marble dust, and glowing material spheres are all real Wonder shaders, the whole atmosphere, not decoration
Figma paste-in — sketched a frame in Figma, dropped it in, Wonder matched it
MCP → Claude Code — because in Wonder the design is real code, I connected straight to Claude Code and shipped the whole thing live. No handoff, no rebuild. What I designed is what shipped.
The hand-tracking runs on MediaPipe + Three.js; Wonder was the design engine behind all of it.
I walked into Wonder to design a museum and walked out with a working product.
🔗 Live: https://airsculpt.vercel.app/
🎨 Wonder file: https://app.wonder.so/surya/files/019f14b1-5a6e-7049-b19d-66b9f422c950
Built for the Wonder Challenge I was in the middle of auditing Impactable's homepage because I felt it could convert better.
The strategy was done, and the redesign was already mapped out. Then, right before I started the design execution... I came across Wonder's design challenge. Perfect timing.
Instead of jumping into Figma like I normally would, I thought...
"Why not put Wonder through a real B2B project?"
This wasn't a concept or a fake landing page, It was a real redesign I plan to pitch to the company.
As a Performance Designer for B2B and SaaS teams, my job isn't just making things look good. It's auditing websites and ads, finding conversion gaps, building strategy, and turning those decisions into landing pages that drive results.
The strategy is the fun part, but the execution is usually the slow part.
So I let Wonder take over that stage.
Instead of spending days designing every section from scratch, I used Wonder to bring my ideas to life, one section at a time, while I stayed focused on the creative direction. The experience felt like having a UI Designer do the execution work for me.
The result was incredible. A project that would normally take me around 10 days was ready in just 3. That's 70% of my time back.
Less time pushing pixels. More time solving real business problems.
Here's the Wonder file if you're curious to see how it came together:
🔗 https://app.wonder.so/josiah-damilare/files/019f2a19-450b-7a87-a138-86ee0a065ec0
And here's the first deployed version:
🚀 https://impactable-web-build.vercel.app/
Huge shout out to the Wonder team for building something that fits the way I already work instead of asking me to change my entire workflow. 
