The Fingo team worked with me on the Fifty Brook Green website. I got to create some interactive parts.
Here are the things I did:
• A hero section with an animation that changes shape.
• Two custom sliders that you can play with.
• Animations that show images in a way making the site feel more lively.
The hero starts as a visual that takes up the whole screen. As you load the page it moves a bit. When you scroll down for the time it changes into a rounded shape making a smooth transition that pulls you into the site.
I like making animations that feel smooth and nice. That make the site better, without being too much.
The way the letters stretch and reveal themselves in that typography feels almost cinematic. H3 handles motion blur really well for this kind of editorial animation.
Theory was designed for a creative studio that needed something bold and editorial without losing clarity or usability.
The part I loved most was figuring out how to make the site feel visually expressive while still giving the portfolio work room to breathe. Lots of strong type, intentional movement, and little custom details throughout.
Designed + developed in Squarespace 7.1 with custom CSS and JavaScript.
The two directions make the art-direction choice feel tangible—the cozy version adds story, while the navy one keeps the character and controls beautifully focused. I’d lean cozy for warmth, but both have a strong, readable hero hierarchy.