So where does Webflow fit into your design workflow now?
Webflow is basically our final output — the ultimate deliverable of our design process.
We often do a lot of our thinking in wireframes, in Sketch, and InVision prototypes, but when we’re ready for high-fidelity, both visually and in terms of interactivity, that’s when we move to Webflow.
We've actually built our style guide in Webflow and made that a template. So when a designer is moving from wireframe to final design, they're just working off of that template, and all of our styles are already there. So they’re just layering our visual skin onto their wireframe.
But more importantly, it's a working prototype of the experience that we've designed, and using Webflow’s interaction tools has been really great for our team, because before Webflow, we were using prototyping tools like Framer or Principle.
And as cool as those tools are, they don't quite produce the product in a way that a developer is going to be building it, right? They express the product in a visual way. But with Webflow, you can hand off something that is code, and it's got all the information they need to replicate it.
They don’t actually use the code Webflow generates because they have their own code style guides to follow. The sites we built in Webflow serve as more of a design reference and a mockup to help the devs understand the intended experience.
Webflow’s also allowed us as a design team to build and maintain a living style guide. So rather than a static PDF that we're constantly updating and having to re-share with people, it's a website. That's really awesome and empowering to us.
So do both product and marketing design teams use Webflow?
Yes, but product designers more so than marketing designers. Mostly because our marketing designers are working on full flows and their pages are mostly static. We're definitely interested in advancing our marketing design a bit, exploring more animation and such. And I know Webflow will be able to support that once we're ready to make that move.
What’s your process for getting a new designer up to speed with Webflow?
I see Webflow as another tool that new team members have to learn to use to work here at Rocket Lawyer. And Webflow of course has made it easy insofar as the interface is pretty intuitive if you've used a few graphics programs. It's pretty easy to pick up.
So usually, we just say, "Here's Webflow. Start a project and play around with it. Or look at an old project and see how it's built."
Start building better products with Webflow
With Webflow, Liana’s team has been able to:
- Streamline their design process
- Improve their coding skills and knowledge
- Build empathy with their development and engineering colleagues
- And build a living style guide to strengthen their brand
If all that sounds like a dream, well: Webflow can make it a reality. Get your team on board today.