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
MARGEM — Beyond the Frame
What if a video player could become a space for exploration rather than just a timeline?
MARGEM is an experimental Video.js v10 skin that reimagines video navigation through spatial interaction, editorial design, and motion.
At its center is an animated tesseract inspired by four-dimensional geometry, accompanied by a 3D chapter atlas and interactive notes.
The concept explores a balance between visual experimentation and practical usability, keeping the video itself at the center of the experience.
Created by Athos Figueiredo, a Brazilian creative director and digital experience designer with 21 years of experience across design, branding, and interactive media.
Built with AI-assisted development and a focus on original interaction design.
Live demo: https://figueira-margem.netlify.app/
#videojsskinschallenge #VideoJS #Mux #CreativeCoding #InteractionDesign #WebDesign
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
Smart Glasses Landing Page
"See beyond perception." Three words on the phone, and the whole page had to earn them.
On desktop, the headline starts over the edge of a tall portrait of the glasses being worn, so the product name and the product in use read as one image. Next to it, reaction, light and depth sit as three thin gauge lines, each with a one-word reading. Specs, without a spec table.
On mobile, a 3D render of the frame sits between the headline and a single Explore the Series button. One image, one next step.
The palette stays in deep navy and soft gray, so the cool light on the frame stands out on every screen.
Designed by the Hue & Machine team.
#WebDesign #LandingPage #ProductDesign #WearableTech #DarkUI #UIDesign #TechProduct #ResponsiveDesign #UXDesign #FigmaDesign
Good work
The hero has one job: explain Elysia before anyone scrolls. A home that runs on light, from morning to night.
Simple, sharp, and premium. Exactly how a good design should feel.