As you know I’m a big fan of Webflow. But there’s one thing missing from my perspective: the possibility to turn the design process around.
With most of my clients, I approach the construction of the website in a different way:
- First I focus on the story that’s going to be told on their website;
- Then we determine the functionality on the website;
- We form and create (demo)content that fits with the story [step 1] and prioritize this;
- We create a style guide (colors, font face, logo etc.);
- Then I make a first design, starting with mobile first, as I already know what the most important content is. So I try to cram only the essentials in the small screen.
- Then I scale up to desktop and add pictures, interactions and what else to make it appropriate. Such as extra text, sliders and all the other nice things WF has to offer.
I’ve tried this approach on WF some time, but in the end, it’s a pain making it Mobile first. I end up making a Desktop version first and “scale down”.
Ideally, I’d be able to reverse the dependencies in the design-process by adding a simple [MF, for Mobile First] button next to the portrait phone, that puts the mobile design first.
Technically, I could see the media queries being fluids as well. And then you’d have a button to specifiy your own widths, such as this:
As soon as you hit the MF-button, you get this:
It looks crappy, but you’ll get the idea right? Well, in my opinion, this is a must have for the future. Can the WF team shed some light on if that’s on a roadmap since it was mentioned by @Matt_g last year? Here’s some more info about the great possibilities of the Media Queries of Mobile First design.
I’d be happy to give feedback, beta-test or what else. Thanks in advance!