RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

JjJ1QQExEPT0oEkDXkJv3GS+SSK/inDh+qJb5poF7uc=

OU0WGPE+vsPHE35uwfF+0Jq1FmmrC0EZ1j07htBnxEM=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

Hello,

I'm sleepy, so I felt like designing some kind of smooth interaction thingy. And here we are.

I'm faking the smooth scroll effect by having four fixed sections inside one big section, adding a "while scrolling in view" interaction to the big section and turning smoothing up to 93 (around 90 is the sweet spot for any kind of interactions in my opinion).

Feel free to clone and use for whatever if you like it. Images from Unsplash, some icons from Iconmonstr.

robin.granqvist@hotmail.se

Sleepy Interactions

I recently saw the "Unstoppable" site on Awwwards (http://unstoppable.preciosacomponents.com) and of course I wondered if I would be able to recreate it in Webflow. And so I did, but in a Norway theme instead. 🤙

Please let the background video load for a bit, since there's no preloader.

Background video by Pexels.

This is Norway

This is another one pager, but this time in the typical style of a design agency. It features quite a few interactions and animations and a bit of custom Javascript & CSS for the cursor etc.

The background video is a free-to-use download from https://coverr.co, and all images comes from unsplash. The little hamburger menu lottie animation & pre loader is created by Finsweet's Lottieflow, check them out!

If you're an agency (or someone looking for a freelancer), please hire me for the summer lmao 🤙

(No but for real hehe, feel free to email me if you need some work done for one off projects or for a few months around May - September: robin.granqvist@hotmail.se)

https://twitter.com/robingranqvist_
https://instagram.com/robingranqvist_
https://dribbble.com/robingranqvist

robin.granqvist@hotmail.se 🤙

Imaginary - A free Agency Style Template

Here's a small project that potentionally could be used for some cool stuff. Feel free to clone it and use for whatever you want.

I previously used Anime.js for the letter staggering, but it caused some ugly glitches which were extremely hard to get rid of, so now it's just using Webflow's amazing native interactions instead. 

The section scrolling is made possible by Scrollify.js, which you'll find in the home page's custom body code.

https://twitter.com/robingranqvist_
https://instagram.com/robingranqvist_
https://dribbble.com/robingranqvist

robin.granqvist@hotmail.se 🤙

Section Scroll Interaction

Section Scroll Interactions using Scrollify.js & native Webflow interactions