Split Shift - Made in Webflow

I'm still in search of a single way of doing all of these prototypes I have to create. People say Framer can, but I just cannot learn how to use it for the life of me.

The previous shot was made in Principle, and did a great job for user testing and screen captures, but it was impossible to share with windows-based developers, many of whom are overseas and can't just look over my shoulder or at the demo on my phone.

I needed something that was interactive in order show some of the underlying logic of this interaction, so I turned to ol' trusty Webflow and whipped this up in around half a day. It's bug ridden, not 100% accurate, but it's code based and most important, not a mp4 or a gif. Gotta love that.

It also works on mobile (well not 100% correct on iOS, but flexbox is buggy on Safari. What can ya do) so feel free to mess around with it yourself and let me know what you think!

http://splitshift.webflow.io/

Posted on Aug 3, 2017

More by Tom Johnson

View profile