Designer who codes. Developer who art directs. Building templates, components and custom experiences with Framer.
SPLITCUBE 3D — Unexpected Interactions
Not every interaction needs to be subtle.
We often talk about keeping motion restrained and purposeful. But sometimes the purpose is simply to create a moment of surprise.
SplitCube 3D explores that more playful side of interaction design.
Not everything has to be invisible to be useful.
MIU — Skills & Tools
Your skills shouldn't read like a checklist.
A portfolio needs to communicate more than finished projects. It should also give people a sense of your expertise and how you approach the work.
With MIU, the Skills & Tools section keeps that information organized without turning the experience into a traditional résumé.
Show what you bring to the work, not just what you know.
GINGER — Hover Interaction
A good hover doesn't need to steal attention.
Small interactions can make a portfolio feel more responsive and inviting, without adding visual noise.
With GINGER, the hover becomes a subtle invitation to explore the projects.
Sometimes a little curiosity is all you need.
BENTO CARD — Interactive Grid
A grid doesn't have to feel rigid.
Bento layouts are great for organizing content, but they can quickly become repetitive.
Bento Card explores how interaction can introduce a little depth and personality while keeping the underlying structure clear.
The layout stays organized. The experience feels more alive.
OVERLAP — Shared Space
A portfolio doesn't need more space. It needs to use space differently.
Traditional grids separate projects into individual containers.
OVERLAP explores what happens when projects share the same visual space instead — creating relationships through layering, movement and composition.
Sometimes the layout itself can become the interaction.
MOTION CANVAS — Flow
Motion doesn't always need to take you somewhere.
With Flow, images continuously move through the composition, creating rhythm without relying on a traditional gallery or carousel.
The movement becomes the composition.
More content doesn't have to mean more clutter.
Overlays create another layer of information without asking the main layout to accommodate everything at once.
It's a simple way to preserve visual hierarchy while giving visitors room to explore.
Reveal more. Show less.
Good interaction can keep context while content changes.
Sticky elements are often treated as a visual effect, but they can do something more useful: preserve context while the rest of the page continues to unfold.
Keep what matters in view.
MOTION CANVAS — Ring
Motion doesn't need speed to create energy.
A slower, continuous movement can give a gallery rhythm without turning the images into background noise.
The challenge is keeping things moving while still giving each image enough time to be seen.
Sometimes rhythm is enough.
A gallery doesn't need to wait for interaction.
Motion can exist as part of the composition itself — creating rhythm, depth and continuity before the user does anything.
Three layouts. Endless motion.
OVERLAP — Full Experience
A portfolio can be a composition, not a collection of cards.
OVERLAP combines two interactions into one system, letting projects share space, move through layers and create relationships with each other.
The interaction becomes part of the art direction.
Designer who codes. Developer who art directs. Building templates, components and custom experiences with Framer.
SPLITCUBE 3D — Unexpected Interactions
Not every interaction needs to be subtle.
We often talk about keeping motion restrained and purposeful. But sometimes the purpose is simply to create a moment of surprise.
SplitCube 3D explores that more playful side of interaction design.
Not everything has to be invisible to be useful.
MIU — Skills & Tools
Your skills shouldn't read like a checklist.
A portfolio needs to communicate more than finished projects. It should also give people a sense of your expertise and how you approach the work.
With MIU, the Skills & Tools section keeps that information organized without turning the experience into a traditional résumé.
Show what you bring to the work, not just what you know.
GINGER — Hover Interaction
A good hover doesn't need to steal attention.
Small interactions can make a portfolio feel more responsive and inviting, without adding visual noise.
With GINGER, the hover becomes a subtle invitation to explore the projects.
Sometimes a little curiosity is all you need.
BENTO CARD — Interactive Grid
A grid doesn't have to feel rigid.
Bento layouts are great for organizing content, but they can quickly become repetitive.
Bento Card explores how interaction can introduce a little depth and personality while keeping the underlying structure clear.
The layout stays organized. The experience feels more alive.
OVERLAP — Shared Space
A portfolio doesn't need more space. It needs to use space differently.
Traditional grids separate projects into individual containers.
OVERLAP explores what happens when projects share the same visual space instead — creating relationships through layering, movement and composition.
Sometimes the layout itself can become the interaction.
MOTION CANVAS — Flow
Motion doesn't always need to take you somewhere.
With Flow, images continuously move through the composition, creating rhythm without relying on a traditional gallery or carousel.
The movement becomes the composition.
More content doesn't have to mean more clutter.
Overlays create another layer of information without asking the main layout to accommodate everything at once.
It's a simple way to preserve visual hierarchy while giving visitors room to explore.
Reveal more. Show less.
Good interaction can keep context while content changes.
Sticky elements are often treated as a visual effect, but they can do something more useful: preserve context while the rest of the page continues to unfold.
Keep what matters in view.
MOTION CANVAS — Ring
Motion doesn't need speed to create energy.
A slower, continuous movement can give a gallery rhythm without turning the images into background noise.
The challenge is keeping things moving while still giving each image enough time to be seen.
Sometimes rhythm is enough.
A gallery doesn't need to wait for interaction.
Motion can exist as part of the composition itself — creating rhythm, depth and continuity before the user does anything.
Three layouts. Endless motion.
OVERLAP — Full Experience
A portfolio can be a composition, not a collection of cards.
OVERLAP combines two interactions into one system, letting projects share space, move through layers and create relationships with each other.
The interaction becomes part of the art direction.
SPLITCUBE 3D — Unexpected Interactions
Not every interaction needs to be subtle.
We often talk about keeping motion restrained and purposeful. But sometimes the purpose is simply to create a moment of surprise.
SplitCube 3D explores that more playful side of interaction design.
Not everything has to be invisible to be useful.
MIU — Skills & Tools
Your skills shouldn't read like a checklist.
A portfolio needs to communicate more than finished projects. It should also give people a sense of your expertise and how you approach the work.
With MIU, the Skills & Tools section keeps that information organized without turning the experience into a traditional résumé.
Show what you bring to the work, not just what you know.
GINGER — Hover Interaction
A good hover doesn't need to steal attention.
Small interactions can make a portfolio feel more responsive and inviting, without adding visual noise.
With GINGER, the hover becomes a subtle invitation to explore the projects.
Sometimes a little curiosity is all you need.
BENTO CARD — Interactive Grid
A grid doesn't have to feel rigid.
Bento layouts are great for organizing content, but they can quickly become repetitive.
Bento Card explores how interaction can introduce a little depth and personality while keeping the underlying structure clear.
The layout stays organized. The experience feels more alive.
OVERLAP — Shared Space
A portfolio doesn't need more space. It needs to use space differently.
Traditional grids separate projects into individual containers.
OVERLAP explores what happens when projects share the same visual space instead — creating relationships through layering, movement and composition.
Sometimes the layout itself can become the interaction.
MOTION CANVAS — Flow
Motion doesn't always need to take you somewhere.
With Flow, images continuously move through the composition, creating rhythm without relying on a traditional gallery or carousel.
The movement becomes the composition.
More content doesn't have to mean more clutter.
Overlays create another layer of information without asking the main layout to accommodate everything at once.
It's a simple way to preserve visual hierarchy while giving visitors room to explore.
Reveal more. Show less.
Good interaction can keep context while content changes.
Sticky elements are often treated as a visual effect, but they can do something more useful: preserve context while the rest of the page continues to unfold.
Keep what matters in view.
MOTION CANVAS — Ring
Motion doesn't need speed to create energy.
A slower, continuous movement can give a gallery rhythm without turning the images into background noise.
The challenge is keeping things moving while still giving each image enough time to be seen.
Sometimes rhythm is enough.
A gallery doesn't need to wait for interaction.
Motion can exist as part of the composition itself — creating rhythm, depth and continuity before the user does anything.
Three layouts. Endless motion.
OVERLAP — Full Experience
A portfolio can be a composition, not a collection of cards.
OVERLAP combines two interactions into one system, letting projects share space, move through layers and create relationships with each other.
The interaction becomes part of the art direction.
