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
Wayfolk: onboarding with a depth transition, as a tappable prototype (concept)
Three onboarding screens for Wayfolk, a fictional weekend-plans app, in a 9.6-second seamless loop. Pick what you're into, see tonight's picks, and tap one: a mask opens from the point you touched, the photo settles inside it, the title travels with it, and the feed recedes with a blur. Save it, go back, and the loop closes on the first screen.
The prototype is real HTML and CSS, and you can tap through it on a phone. The video is a frame-by-frame capture of it. A one-page handoff table gives developers the durations, easing and 3D values.
Tap-through: https://product.leoreed.com/hero/wayfolk/
Concept project. Fictional app, not affiliated with any real company.
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
Twenty-five years of credits, finally on a website that looks the part.
Just take a look at what kind of web we create ✨👇
Reflection of the brand history with taste, precision, and premium branding.
Scroll responsibly: https://productionportugal.com 😉🔥
Wow! Nice setup 🎥
Great!
I built NIGHT.OS, an interactive haunted operating system that slowly becomes aware of the person using it.
What begins as a clean, futuristic desktop interface gradually turns into a possessed UI. A mysterious creature appears, watches and follows the cursor, manipulates interface elements, and eventually takes control of the system. The experience ends with a glitch-driven reveal before resetting back to the seemingly normal desktop.
I used Rive CLI to establish the interactive UI structure and RML workflow, then refined the visual direction, character, motion, interactions, and transitions in Rive. I also used GPU Canvas effects to create atmospheric distortion, CRT-style glitches, flickering light, fog, and visual reactions around the creature.
The goal was to make Halloween feel less like a collection of spooky graphics and more like an interactive story where the interface itself becomes the haunted character.
A clean desktop that slowly turns possessed is a good way to build dread. What was the first sign you chose to show the OS becoming aware of the user?