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
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
This is the landing page and hero section of my personal portfolio website. It is designed to introduce myself as a UI/UX designer, establish my personal branding (AbraGraphics), and immediately give visitors a clear path to explore my services and past work.
The cat stretching to maximum stretch as the password grows is such a playful way to make password strength feel rewarding instead of annoying. Make it long, like my naps is a headline that sticks too.
AION — Logo Reveal & Animated End Card
A 5-second logo reveal derived from the studio's showreel, reusable as an end card on any video.
Challenge: it had to work on a solid background and over other footage, in horizontal and vertical formats, without redrawing the official logo.
Solution: the animation is built from the logo's real vector outlines. An ultramarine beam locks onto the crossbar of the "A", the letter grows out of it, and the beam writes the rest of the wordmark. Delivered in 16:9 and 9:16, on solid colour and with transparency (ProRes 4444, WebM alpha and PNG sequence), with and without a services line, plus original sound design.
Credits
Motion design & direction: Jander Hoffmann
Studio: AION Creative Studio
Method: AION Creative Studio OS
Building it from the real vector outlines is the right call: the end card can never drift from the official logo. I work the same way in code. Did you render the alpha versions straight from the browser, or composite them afterwards?