Creative Poster Animation for Contra × Envato Challenge

Creative Poster Animation for Contra × Envato ChallengeCreative Poster Animation for Contra × Envato Challenge

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

Julia Ibri

• 17h

What started as a poster for a local Longboard Fest turned into a creative playground.

I began by generating an illustration from two reference images. After a LOT of iterations, I finally found the direction I was looking for.

Then I experimented with Envato's Style Transfer, exploring different visual styles until one really stood out.

My first idea was simple: place the poster into mockups and animate a flyer falling onto the sand. But once I saw it... it just didn't feel right.

So I changed direction.

While browsing Envato's video templates, I found one with layered posters. Instead of choosing a single design, I decided to animate five different versions of my poster.

That unexpected decision completely transformed the final result, and became my Human by Design moment.

AI helped me explore possibilities, but the creative direction, the decisions, and the final story were entirely human.

Created for the Contra × Envato Human by Design Challenge.

@envato

envatochallenge humanbydesign envatoai AI Agent Designer AI Art AI VIsual Designer Adobe After Effects Envato Figma

Kirill Leksanov

max

• 44m

Sweeeeet

Muhammad Abbas Rajani

• 17h

Nice

Diana Vidovic

• 9h

Very retro - love it!

Julia Ibri

• 4h

Thank youu 😊

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