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
My Wonder Challenge submission: The Loom.
The Loom is a symbolic product experience built in Wonder. It turns one unfinished thought into a structured result: a name, a form, a pattern, and a small next move.
It is not a journal, not therapy, and not a quiz. The experience moves from calibration and input to result reveal, catalogue, specimen families, and an anonymous public pool.
Wonder helped me move from idea → flow → screens → iteration → final product system.
X walkthrough:
https://x.com/jinshier184991/status/2074197510030323720?s=20
Tagging: @usewonder @contra
#WonderChallenge #ContraChallenge
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
How do you turn a brand mascot into a visual system people actually remember?
🐆 Our lynx represents sharp thinking, curiosity, and attention to detail.
For this motion experiment, we pushed the mark into a softer, unexpected direction - rebuilding it with different textures.
Same identity, different emotion.
Which texture fits the Lynksen identity best - flowers, grass, or something else? 👇✨
I personally love the soft blue and white version the most. Nice to scale it into the brand campaign or ad video 😃
Scaling a Dribbble Concept into a Full Layout with Wonder
I completely missed the deadline for the recent Wonder Challenge, but the experiment was just too good to leave in the drafts! I still want to share my process of getting to know @wonder and how it fits into a UI workflow as a technical co-pilot.
We all know the struggle: a beautifully crafted Dribbble shot rarely survives the jump to a full-scale product layout without losing its aesthetic. I wanted to see if Wonder could help bridge that exact gap.
The Experiment: I took a strict, two-screen conceptual UI I designed for a pastry brand (PUFFHS) and fed it into Wonder. My goal was ambitious: take these static screens and scale them into a comprehensive landing page and a detailed product page.
The Process: Did it work perfectly on the very first prompt? No. Like any AI co-pilot, it required some steering. I had to iterate on the prompts, refine the layout logic, and adjust the structure to make sure the clean, premium feel didn't turn into a generic wireframe.
The Result: After a few iterations, the output was genuinely impressive. We successfully generated a full, structured landing page and a product page natively within the canvas. The best part? Wonder managed to almost entirely preserve the original style, strict typography, and core design tokens.
It’s a fantastic look into how AI can handle the heavy lifting of architectural layout scaling, leaving designers more room to focus on the craft and art direction.
Here is a look at the transformation from a 2-screen concept to a full layout! 👇
https://app.wonder.so/kris-anfalova/files/019f3760-91e8-7eab-a92e-1b582aab6e56
Day 3 — Premium Improvements ✨
Spent today polishing the UI to make the experience feel cleaner, more premium, and more refined.
Would you rather use:
☀️ Light Mode
🌙 Dark Mode
Vote below 👇
12 voted
60%
8 voted
40%
20 votes
Closed
make it double in your web , the website will give choice people about it
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.
fifaworldcup2026
The World Cup is here and the whole world's watching. How are you designing for the world stage?
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?