sup party people. here is a simple coming soon page with a lottie file on loop to give it a little extra kick. The lottie file was downloaded at https://lottiefiles.com/featured

This sucker is mobile responsive as well. Enjoy!

Lottie Coming Soon Page

Did a rebuild for fun on the hero section of the Glasgow International site. Really liked the colors and blocky layout. https://glasgowinternational.org/

They use an image for the pattern on the right side, but I wanted to try and recreate it using just div blocks. It's all flex and absolute positioning for the stacking order. 

Instead of using the Lacuna font they use, I went with Yeseva One, which was a somewhat similar Google Font.

The scrolling section at the bottom was difficult to get the timing down. I'll continue playing with that to see if there is a better way to do that. Anyway, enjoy!

Glasgow International Rebuild

Website we put together for a volleyball club Orange County. Did some fun scale animations and page load animations. Added a skew to the buttons as well, for gigs.

Full Throttle

Easy full screen menu with a simple interaction on the burger menu. Enjoy

Simple Full Screen Menu

Simple pricing table with a little hover effect. Enjoy

Pricing Table w/ Hover

Experimented with creating our first grid layout review slider. We switched to flex on mobile but let us know if there's a way to still use grid on mobile and have it look good!

Grid Testimonial Slider

CTA with a hover effect on the red ball element to make it a little more eye catching. Enjoy

hover-cta

Here's a full screen split screen menu with a call to action form. Mobile responsive and what not. Let us know what you think!

split-screen-menu

div blocks that fly in and overlap on scroll. Any practical uses for this? Doubtful. Is it cool? Sort of, I guess

scrolling-overlapping-div-blocks

Playing around with Lottie. Here we're using a lottie animation for the pre loader. You can adjust the timing on the preloader itself in the interactions panel. Let us know what you think!

Lottie pre-loader

Little menu interaction we created with a subtle float effect on the menu items. Good for anchor links

floaty-burger-menu

Rotating border interaction we created using div blocks.