Why We Love Webflow (And You Should, Too!)

At Good & Gold, we leverage Webflow for the majority of our non-e-commerce website projects. Why? Quite simply, Webflow is a digital designer's dream. The in-browser design tool essentially blends visual design with code, allowing us to design and develop at the same time. What's more, the platform allows for complex interactions and animated transitions, leveraging the power of CSS and JavaScript in a code-free environment.

Meanwhile, the platform also offers a simple interface for editors, allowing users to update page content and CMS collections without interfering with design elements, layouts, or other settings. Paired with super-simple and reliable hosting plans, Webflow is an appealing option for enhancing design and user experience while simplifying just about everything else.

Let’s break down the reasons we love Webflow here at Good & Gold:

Webflow interface

Webflow’s clean interface is uncluttered and user-friendly, following similar layouts as popular design tools like Figma or Sketch. As long as you have front-end development knowledge, everything feels pretty familiar and intuitive. While you need to have a solid understanding of HTML and CSS to comfortably use Webflow, you don’t need to worry about code syntax—you can just click on a few settings to make your designs come to life.

The built-in animation features

Webflow allows us to create custom animations and interactions with ease. From scroll-based parallax animations to interactions around mouse movement, the sky's the limit! We can even add Lottie and After Effects animations, which is a huge benefit.

The CMS collections

Webflow collections are similar to databases. Content is added to a collection, which will automatically generate a new entry (a new page) leveraging the same template as all the other entries. Blog posts, job listings, and case studies are great use cases for collections—the content of each entry is unique, but the layout is the same. At G&G, we define which pages will leverage collections and which will be standalone pages when defining a website’s sitemap. This way, when it’s time to build, we start by creating and configuring all of our defined collections, and then designing the template. Building data-driven pages has never been easier!

‍