Explore Our God of War Inspired Interactive Menu Design

Explore Our God of War Inspired Interactive Menu DesignExplore Our God of War Inspired Interactive Menu Design

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

Bolt Bite

pro

• 21h

And Finally My Personal Project is also complete. Looking forward to your feedbacks. For the love of GOW, We must be Better.

Check it out

Claude Figma Rive

GOD OF WAR RAGNAROK Interactive Menu Created in Rive

pro

• Jul 7

Hello everyone! You might recognize me from the unique faceless avatar pfp, so with this submission, I wanted to find ways to make the faceless avatars series more accessible for everyone. Wonder chat has helped me execute the foundations for a faceless avatar studio where I can reuse various poses, hairstyles, accessories like hats and glasses, thanks to the vector models of arrow 1.1 max and the friendly interface of Wonder. After generating various vectors, the illustrations were close to the style so the refinement and improvements were minimal. I then focused on building the UI prototype, with the help of Wonder chat, where it further helped me discover new concepts on how to visualize this. Final demo of v0.1 was then built with an MCP connection of Claude code and soon to be live for everyone to use! Check out the design process from Wonder here: https://app.wonder.so/thoroughly-peaceful-imp/files/019f38df-c790-7860-a31a-571472e3b60c

wonderchallenge quiverai Claude

Victor Lucky

• Jul 7

The faceless avatar studio sounds intriguing; how do you plan to expand the range of accessories in future updates?

R. Qule

max

• Jul 7

Telegram Wallet — app animation

Mobile Design Rive Animation UI Design Cinema 4D Figma Rive

Design Yow

pro

• Jul 8

Cool!

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