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
Project Update: Bringing ÉTHERIE to life with Interactive Motion
This project represents a complete design-to-code workflow. After finalizing the editorial layout for ÉTHERIE, I translated the design assets into a high-fidelity, interactive prototype driven entirely by user scroll and hover physics.
Key Technical Features:
An optimized HTML5 canvas scroll engine that seamlessly blends a 360-degree frame sequence.
Dynamic JavaScript mouse-tracking listeners creating a smooth X-ray texture reveal on hover.
Full responsive optimization maintaining a solid 60fps scrolling experience.
Tools Used:
Figma (UI/UX Layout & Visual Identity)
Stitch (Grid Refinement & Typography)
Claude (Interaction Logic & Code Architecture)
Antigravity (Frontend Implementation)
I specialize in creating highly immersive digital products that bridge the gap between design and development. If you are looking to elevate your brand's landing page, let's collaborate! Message me here on Contra to get started.
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
Which visual design style do you prefer? Help me decide.
19 voted
63%
11 voted
37%
30 votes
Closed
Option 1
Why does one design feel more professional than another? Not because of different content.
The difference is in the details:
• spacing
• typography hierarchy
• visual balance
• alignment
• consistency
Each change is barely noticeable on its own. But when combined, they completely transform how the website is perceived.
Good design isn't about making dramatic changes. It's about refining every detail.
Which version would you trust more?
10 voted
15%
58 voted
85%
68 votes
Closed
Option 2
BRAYD: The Braided Focus Flame 🔥
BRAYD is an original mascot created for BURN THE TASK, a fictional productivity ritual brand built around focus, completion, and quiet discipline.
Rather than designing a cute candle character, I built a full mascot system around one clear visual behavior: focused time burns into completion. BRAYD is a braided wick core inside a faceted wax body. As a task progresses, the wick burns down, the wax form changes through clear stages, and the final braided strand becomes a checkmark.
The mascot was designed to stay recognizable across every touchpoint, from the custom wordmark and hero poster to the sticker system, focus ritual packaging, burn sequence, and consistency board. Every asset uses the same visual DNA: the same braided wick, the same faceted wax body, the same angular flame, and the same final checkmark.
This project explores how a single mascot can become the face of a fictional productivity world by turning an abstract idea, focus, into a visual ritual.
Character Brief
Name: BRAYD
Role: The Braided Focus Flame
Personality: quiet, intense, disciplined, stubborn, focused, and encouraging without being soft.
BRAYD does not rush you and does not distract you. He simply burns with you until the task is done. His braided wick represents focused effort, his faceted wax body represents pressure and progress, and his final checkmark represents completion earned through attention.
Recraft Project
Explore the full project here:
Applications Included
The BRAYD system includes a custom name logo, hero poster, sticker pack, focus ritual packaging, burn to checkmark sequence, and a final consistency board showing the mascot across multiple moments and touchpoints.
Proof of Consistency
Same wick. Same facets. Same flame. Same final checkmark.
#RecraftAI #CharacterDesign #MascotDesign #BrandIdentity #CreativeAI #Illustration #DesignChallenge #BrandDesign #ConceptArt #MotionDesign #GraphicDesign #MascotSystem #ProductivityDesign #DigitalArt
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?