A dynamic before and after slider that is interactive on desktop and mobile. I did not write the code, but found out how to make it dynamic so clients can update themselves. 

Ideal for before and after images for cleaners, dentists, etc. Anything with a before and after!

Use the header and footer code on the main settings page under Custom code page if you intend to have the element on other pages.

To use on a static website, just replace the dynamic image fields with the image source address.

magicslider

Convert Sketch Design to Webflow with  Webflow Interactions 2.0

Presentation Kit

Launcher

Designed Sketch App Landing page in webflow with the use of interaction 2.0 and much more 
I hope you like it..!

Sketch App

Some sort of CSR work for a local vitiligo and albinism awareness campaign in Kenya. The goal here was to focus on user stories and experiences and to get visitor to help out with the campaign.

Vitiligo/Albinism Awareness Campaign

I do a lot of reading on my laptop and tablet. The ability to change the background-color and font-color on demand keeps my eyes and/or head from aching. If you have late night readers on your sites, they might thank you for implementing something like this. It's exceptionally easy to do with Webflow.

I made the CSS sun and moon for fun. In real life, I would use a much smaller toggle that follows the reader the down the page.

Night Mode for Blogs & Articles | Cloneable

Mr.X - Sports Recovery Drink

I created a pre-launch landing page for Citypad a little while back. They're launching in 2018 and needed a page to collect emails for their launch. The goal was to display some of their properties in an engaging way, whilst keeping the email box visible.

This version wasn't used in the end (I created about 6 different versions), so feel free to clone!

Citypad Layout

Made this quick redesign of the Nintendo Switch website. Tried to keep it really simple and clean! Hope you like it.

Nintendo Switch

A lovely website I've been working on for a man who crafts handmade "New England Hardwood Walking Sticks", known as "Walkers".

Walkers - New England Walking Sticks

Formatically is a free, automatic MLA formatting tool for students.

For full functionality visit www.Formatically.com. We are using Django to collect, create, and deliver word documents to students.

My best friend and I were in high school when we had the first version of this site built for us. We had no idea what javascript or UX design were at the time!
Now, 4 years later we were able to build it from the ground up using Webflow!

Formatically.com

This is a site I designed & built for Moonwalk - a company that creates new companies. They wanted something light, white and airy & loved this design I made for them. Feel free to clone the site and make it your own.

Moonwalk

Watch the full build here:
https://www.youtube.com/watch?v=iTjTONcWIO0

oculus-demo

Custom animated hamburger menu concepts made 100% in Webflow using the navbar interaction. Please feel free to clone and use these on your own site.

Custom Hamburger Menus

Just a quick little template you could use for a Style Tile + Mood Board with your clients.

Blog post on how to best utilize them is coming soon!

Style Tile

Had some spare time and decided to do something for the Webflow Challenge #2 as well. Feel free to copy/clone this one for your own use.

Webflow Challenge #2

A one page agency template I put together a while back & never got round to sharing...enjoy!

Jarod Steffes