The Beautiful Mess That is Webflow

meta

At Calaxy (opens in a new tab),we built our landing page in Webflow (opens in a new tab), a no-code website builder.

I've used Webflow before and quite liked it. It is excellent for simple landing pages and portfolios1. However, the keyword here is simple; the builder interface gets in the way when the designs are as complex as ours.

The Designer interface

The place where you design your landing page looks like a Microsoft Word mess of cockpit-like buttons and ribbons. Finding critical features is next to impossible; everything is nested deep in another interface element.

It took me several weeks to figure out what would take even a mid-level developer an hour or so to build in code, partly because our designer Chadd is a sadist and makes great-looking, if not complex, designs and because of Webflow's inscrutable interface.

Custom JavaScript is hard to get right.

Trying to write a custom JavaScript function is downright headache-inducing. Googling how to write a simple function to open a modal when clicking on a button with the section hash showing in the URL led me to the forums. I saw all kinds of weird and hacky implementations, most using jQuery. I have no problem with this; however, I'd prefer vanilla JavaScript.

Ok, so a little jQuery function, got it. But code injection in Webflow is a mess, even for something so simple.

I created a post (opens in a new tab) on the Webflow Forums (opens in a new tab), and 21 days later, it still hasn't received a response.

Simply designed sites

In conclusion, if your design is relatively simple, without a lot of custom features, images, animations, and modals, Webflow is a great choice. On the other hand, the interface is complex, and perhaps it needs to be. But when considering our needs, the interface got in the way. Rolling our own may have been a better choice if time was not an issue.

Footnotes

  1. It depends on how complicated the design of your portfolio is.

© tiff