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
Taste Test
I will go with dark theme input box 🤝
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
Look what we’re cooking up again 🔥
Dark ambient web3 vibe, totally dope. Coming soon.
👀 Ready to explore our new case study?
That's Nice
🐱 Gooo: A Case Study in Gamified User Retention
Goo is more than just a character; he is a functional Streak-Recovery System designed to solve a major product challenge: User Churn.
Instead of passive, guilt-tripping notifications for missed habits, Goo turns a broken streak into a delightful, interactive micro-narrative. He lives in a “Deep Dream” state when the user is away, and only physical user interaction can wake him up and bring them back into the app’s ecosystem.
Technical Approach
The interaction is built using Rive State Machines connected to a small React application.
The device’s motion data is used as an input signal that drives Goo’s behavior. When the user physically shakes the phone, the signal feeds into the animation logic and transitions the character between different states such as sleeping, reacting, and waking up.
The goal was to experiment with motion‑driven character interaction, where hardware input directly influences animation states in real time.
Due to motion‑sensor permission constraints in iOS mobile browsers, the shake interaction is not enabled in the current web demo on Apple devices. However, the interaction model works without this limitation in native mobile environments where sensor access is fully available.
Links
• Live Demo: https://rezarayeji.github.io/gooo-app/
• GitHub Repository: https://github.com/rezarayeji/gooo-app
• Rive File / Marketplace: https://rive.app/community/files/28129-53121-gooo-a-case-study-in-gamified-user-retention
#RiveChallenge #InteractionDesign #Rive #React #CharacterAnimation @rive_app
Wow, Great job👏
Exploring two visual directions for the same hero concept.
Version 1
A clean glass cup using natural light and reflections to create a calm, minimal feel. The focus here is clarity, simplicity, and a more realistic atmosphere.
Version 2
A transparent glass set against a soft blue backdrop. This direction leans into a more polished, modern aesthetic with stronger contrast and a subtle tech-inspired feel.
Both communicate transparency but in very different ways.
Which direction would you choose for a premium health & wellness landing page: Version 1 or Version 2? I'd love to hear why.
1 voted
13%
7 voted
87%
8 votes
Closed
Version 2
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?