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
Exploring a visual direction for WorkNest, an AI-powered workspace concept project. I focused on building a clean, modern product language and bringing the interface to life through motion, typography, and interaction.
motiondesignbranddesigncreativeaiflow3D AnimationBrand DesignMotion DesignAdobe After EffectsAdobe IllustratorFigma
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
I had this idea stuck in my head for a while...
What if scrolling through a website felt more like controlling the camera in a cinematic Ferrari commercial?
So I decided to build it.
The hero section starts inside the cockpit. As you scroll, the camera moves through the windshield, circles around the Ferrari, and finishes behind the car all controlled by your scroll.
Getting it to feel smooth was the biggest challenge. Scrubbing a video directly didn't deliver the experience I wanted, so I switched to a frame by frame approach instead. It took a bit more work, but the result feels much more natural and responsive.
This is the kind of experience I love building where motion isn't just there to look cool, it becomes part of the storytelling.
You can try the live demo here:
https://pure-velocity-sculpt.base44.app
I'd genuinely love to hear your thoughts. 👇
#WebDesign #LandingPage #UIDesign #UXDesign #MotionDesign #CreativeCoding #ScrollAnimation #AI #WebDevelopment #Awwwards
Okay this is such a fun concept, scrolling as camera movement instead of just scroll-triggered fades. Frame by frame instead of scrubbing video is a smart workaround. Did you run into any performance issues getting it smooth on lower-end devices?
We're exploring two interaction patterns for a services section.
Option 1 - Direct Navigation. Users preview a service on hover and navigate directly on click.
Option 2 - Progressive Disclosure. Users expand the card first, explore additional details, and then decide whether to continue.
Both approaches aim to reduce uncertainty before navigation. The trade-off is simple: speed vs. exploration.
Which pattern would you choose, and in what situations would you use the other one?
53 voted
65%
29 voted
35%
82 votes
Closed
Option 2 is not actually bad, but it may be difficult for users to navigate. From what I’m seeing, users would need to place their cursor over the section before they realize that a feature is hidden there.
Reimagining Blitzball as a Modern Sports Broadcast
I’m Wayne Porter, creative designer and owner of Porter Design and Motion. For the Rive Broadcast Challenge, I wanted to combine several interests into one project: motion design, sports broadcasting, interactive systems, and Final Fantasy X.
Inspired by studios such as Drive Studio and Territory Studio, along with designers Jacob LaPlante and Justin Peterson, I reimagined Blitzball as a modern broadcast experience for the fictional Spira Sports Network.
Blitzball is an intense underwater sport that combines elements of water polo and soccer. My goal was to create a broadcast package that felt energetic and futuristic, while remaining clear, readable, and functional.
The project began with the network identity and main scoreboard. From there, I developed a connected system that included:
A primary scoreboard
A compact gameplay score bug
A player statistics graphic
Three lower-third variations
A full-screen matchup takeover
Consistency was important throughout the package. Each element shares the same visual and motion language, allowing the graphics to feel like part of one complete broadcast system.
Rive’s state machines, view models, and data binding allowed me to create reusable layouts, player-specific information, animated score updates, and multiple graphic variations without treating every screen as a separate animation.
This project pushed me to think beyond individual motion pieces and focus on the entire delivery as a functional product. It was a fun opportunity to explore how design, animation, and interactive logic can work together to create a believable sports broadcast experience.
Thanks for taking the time to view my submission, and good luck to everyone who participated in the Rive Broadcast Challenge.
This is the in context example.