View the Code!

Bubble

Created in 2019 while working at Blackridge Strategy.

This website was to replace Blackridge Strategy's current and outdated website but was later abandoned mid-development as the team went on with another design. Considering this, there was no responsive development done. It was based on a parallax design with the bubbles floating over top of one another. There were CSS animations that would take place on the text and bubbles that played on the scroll of the mouse.

This was my first time working with animations that played on scroll. I've only worked with CSS animations in little as I had only developed static layouts before. I realzied how much potential was behind them while making the website a more engaging experience for the user.

I also implemented and learned about Snap Scrolling which "allows you to lock the viewport to certain elements or locations after a user has finished scrolling". This was a fun project to develop and a great learning experience!