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
What if every real-life animal you met could become a fantasy card? 🐾
Beasticard is a card-collecting game that transforms real animals into fantasy cards with unique artwork, elements, stats, abilities, and rarity.
Photograph an animal and reveal the fantasy card it becomes.
I wanted to make card collecting more personal by transforming the animals people already know and encounter into fantasy characters of their own.
Built from a Flowstep-generated design foundation and taken all the way to a working prototype:
🎨 Flowstep: Turned the initial concept into a polished, consistent multi-screen experience and helped shape the right user journey.
🖼️ Codex: Generated every visual asset, including the logo, fantasy cards, backgrounds, and elemental icons.
🎙️ MCP: Connected Codex directly to Flowstep, allowing me to send prompts and assets while using voice input to iterate faster.
🎬 Seedance: Transformed the Beasticard visuals into a cinematic game trailer.
What’s inside:
📷 Real Animals: Transform pets and animal sightings into collectible cards.
✨ Fantasy Transformations: Give every animal its own fantasy creature design.
🌈 Nine Elements: Discover affinities such as Ember, Moon, Dusk, and Tide.
🎴 Unique Cards: Reveal different artwork, stats, abilities, and rarity.
📚 Growing Collection: Collect multiple fantasy versions of the animals you encounter.
🔗 Try it now:
https://app.beasticard.fun
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
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?
Related posts
One step closer to turning Beasticard into a real app. 🐾
I’ve connected real image generation to the prototype. Anyone can now upload a photo of their pet and transform it into a unique fantasy card with its own artwork, element, stats, abilities, and rarity.
🐾 Generate your pet’s card:
https://app.beasticard.fun
I also had a few Flowstep credits left, so I used them to brainstorm and shape the Beasticard landing page.
🌐 Explore the landing page:
https://beasticard.fun
Flowstep helped me explore the landing page’s structure and visual direction, test different layouts, and settle on a clear approach before sending it to Codex through MCP and turning it into code.
🎨 Public Flowstep canvas:
https://app.flowstep.ai/file?activeFileId=63955c7c-87e3-4a71-82fa-ded3b5e32a9a
📝 Original Contra submission:
https://on.contra.com/TdnRpM
Try generating a card for your pet and show me what it becomes. 👀
Title: Portal VR — Motion-First Hero Section That Sells in 3 Seconds
Description: Most landing pages explain the product. This one sells it before the visitor even finishes reading.
A fully animated hero section for a VR product launch — designed on one rule: if it doesn't grab attention in the first 3 seconds, it's dead on arrival.
Why it works:
Motion instead of a static image — the eye has no choice but to follow it
Cyberpunk visual identity — bold orange/blue contrast that feels premium, not generic
Copy that hits in 5 words or less — no fluff, no over-explaining
One CTA. Zero distractions. Zero decision fatigue for the visitor. This is what a hero section should do: stop the scroll, sell the vision, and get the click — all before the fold.
Tools: Figma → Motion Design
I build landing experiences that don't just look good — they move people to act. Currently taking on select VR, gaming, and futuristic product brands.
Tags:
Motion Design, Hero Section, Landing Page Design, UI/UX Design, Cyberpunk Design, VR Design, Web Design, Animation, Product Design, Framer Development
FurF is a pet grooming platform that needed a website as full of personality as the animals it serves.
The color palette sets the tone immediately — lively greens that feel fresh and natural, vibrant pinks that radiate joy and affection, with sleek black accents adding just enough sophistication to keep things grounded. Animated paw prints, whimsical illustrations, and playful interactions bring the experience to life at every scroll, making the journey through the site as memorable as the grooming experience itself.
Charming, engaging, and built for pet owners who want more than a booking page.
