Waldo Broodryk

Responsive Design Suite Sketches ➞ Webflow ➞ Mobile

  • Save
Responsive Design Suite Sketches ➞ Webflow ➞ Mobile css3 html5 web animation animation web design webflow

1 Attachment

Inspired by another illustration by @Ryan Morrison I wanted to convey the design process that I've adopted and been using for several years now. Gathering information and requirements ➞ Sketching on paper ➞ Building in Webflow ➞ Publishing and viewing the site on my computer and mobile devices.

Built with just a bunch of div blocks and CSS in Webflow in an afternoon (and yes the mobile device is scrollable). Be sure to toggle between the light and dark version and open the site in the Webflow Designer to play around with it.

See the illustration animated in Webflow ➞

Start using Webflow today ➞

keyboard shortcuts: L or F like