I designed a comprehensive, ultra-luxury branding deck concept for an e-commerce platform specializing in high-end delicacies (fine hams, pristine caviar, and uncommon vintage wines).
0
17
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.
1
38
ÉTHERIE — Luxury Landing Page Concept
I wanted to challenge myself with a high-end visual design project centered around editorial typography and dark-mode aesthetics.
The concept behind ÉTHERIE is "Nature Crystallized." Instead of designing a typical product grid, I focused heavily on storytelling. The page guides the user through the atmospheric mood of the fragrance notes before presenting the curated Signature Series collection.
Key Highlights:
Clean, minimal typography hierarchy using elegant serifs paired with spacious sans-serif navigation.
An asymmetric feature card section designed to break the monotony of standard web grids.
A premium, dark e-commerce layout optimized for desktop viewports.
I engineered this layout to be fully prepared for smooth, scroll-based interactions and dynamic cursor masking effects.
Available for freelance UI/UX and visual design projects! Drop me a message here on Contra if you’d like to collaborate on your next digital product.
1
2
73
Here is a quick demo of Stamp & Seal Maker, I built for the Config Makeathon.
The idea was to bring the premium feel of old-world correspondence into the digital age. In under a minute and with no sign-ups required users can upload images to generate vintage perforated postage stamps, or use their cursor to draw custom monograms directly into realistic melting wax seals.
I designed the visual identity using Figma Design, handled the interactive logic and real-time drawing states with Figma Weave, and deployed the live, functional site using Figma Make.
Watch the short video to see the full interaction workflow, and check out the live link below to design your own handcrafted mark!
3
4
276
Digital assets often feel rigid and impersonal. The goal with Stamp & Seal Maker was to bring the tactile, premium feel of traditional, old-world correspondence into a modern digital workflow. I wanted to design an experience that feels less like a basic web tool and more like an artisanal studio where users can create something deeply personal.
What it Does and How to Use It
The app is a live, web-based utility that lets users design custom marks in under a minute with zero friction no accounts or sign-ups required. It offers two distinct tracks:
Antique Postage Stamps: Users can upload an image or portrait, add a digital signature, and instantly generate a vintage stamp complete with realistic perforated edges.
Custom Wax Seals: Users can pick a wax color and literally use their cursor to draw their own monogram, which renders into a realistic wax seal for digital letters.
Everything can be downloaded instantly as a high-quality, transparent PNG to use anywhere.
The Tools Used
To take this project from a concept to a functional, browser-ready site for the Figma Makeathon, I utilized three core parts of the ecosystem: Figma Design, Figma Weave and Figma Make
You can interact with the live tool and create your own handcrafted mark using the link below. https://trunk-tint-40276432.figma.site
12
7
546
Digital products often feel static. For Lumina AI, my goal was to build an atmosphere an interactive environment where physics and light feel tactile to the user.
My Design Journey
The project began in Stitch to establish the core visual DNA, which I then brought into Figma for the primary UI/UX work. I focused on a neo-brutalist bento grid hierarchy, ensuring a balance between architectural precision and high contrast typography. To ground the concept, I used Nano Banana pro to generate brand-aligned assets that met the specific lighting requirements of the dark-mode aesthetic.
To move beyond static screens, I utilized Veo 3.1 to generate a 240-frame 3D sequence of a rotating prism. Collaborating with Claude in Antigravity, I implemented a custom scroll-driven canvas engine. This links the user’s scroll momentum directly to the 3D rotation, creating a fluid, high-fidelity experience that maintains 60fps performance. This project is a testament to how human creative direction can amplify AI-powered tools to transform a static vision into a functional, high-end digital artifact.
Tech Stack:
Strategy: Stitch
Design: @figma
Assets: Nano Banana & Veo 3.1
Development: @claude
2
64
I put Stitch AI to the test. As a UI/UX designer, I wrote an extremely detailed prompt + attached a reference image to see how well the AI could interpret real design intent.
These are the exact results it generated. Not bad at all… but also not perfect. That’s the whole point of the experiment. Final refined version (with my human touch + polish) will be uploaded very soon. Here’s what I learned: Using AI is incredibly helpful and convenient.
Understanding AI and training it properly is very difficult.
A good design still needs a good designer even when AI is doing the heavy lifting.
To everyone saying “AI will take over design”… It won’t. Not until it can truly understand taste, emotion, and creative direction the way a skilled designer does.
What are your thoughts about ai and stitch? Drop your thoughts below.👇
1
4
98
Just a simple demo video for Digital Flora Lab
2
180
Here is my second submission. I made Digital Flora Lab, an interactive botanical tool using @Figma Make. Draw a gesture and watch it grow into an elegant, physics-aware flower that responds to tilt, light, and movement. Users can adjust environmental features like light direction, intensity, and subtle gravity effects, which influence how stems curve, blooms unfold, and petals orient. You can export your creation as a high-resolution image, 3D model, icon, or even turn it into a scalable letterform. The blooms unfold with smooth cinematic animations, creating a minimal, elegant, and visually pleasing experience to explore and enjoy. https://poise-model-51518454.figma.site
4
249
Here is the demo video for Overload! Here is the demo video for Overload!
Watch how the interface reacts dynamically to scrolling fast or slow creating subtle glitches and distortions that give the layout a sense of motion and energy. Every element responds beautifully, and even as things shift, the design maintains its elegance.
It’s not just an interaction; it’s a visual experience that plays with speed, perception, and tension. Take a closer look and feel the energy in motion!
3
189
I made OVERLOAD an interactive high-fashion editorial experience built entirely in @Figma Make.
The layout reacts to scroll speed.
Scroll slowly → calm, elegant typography.
Scroll faster → fragmentation, distortion, controlled chaos.
Slow down again → it gradually heals.
It’s an exploration of how speed affects perception — and how digital interfaces can visually respond to attention.
Built fully in @Figma Make using components, variants, and scroll-speed driven interactions. https://splash-circus-50299399.figma.site