{"id":18922,"date":"2023-10-13T09:27:23","date_gmt":"2023-10-13T00:27:23","guid":{"rendered":"https:\/\/designcompass.org\/?p=18922"},"modified":"2023-10-13T09:27:27","modified_gmt":"2023-10-13T00:27:27","slug":"webflow-rebrand","status":"publish","type":"post","link":"https:\/\/designcompass.org\/en\/2023\/10\/13\/webflow-rebrand\/","title":{"rendered":"Webflow Rebranding: Transformation of Figma\u2019s Opponent"},"content":{"rendered":"

Webflow Webflow has been rebranded.<\/p>\n\n\n\n

Webflow is an American company based in San Francisco that provides services for building and hosting websites. Since its launch in 2013, it is an online visual editor optimized for creating websites without code.<\/p>\n\n\n\n

This rebranding was also shared along with various changes through the Webflow Conference on the 5th.<\/p>\n\n\n\n

\"\"
\u00a9Webflow<\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n

\ud83d\udc41\ufe0f Designer Eye<\/h3>\n\n\n\n

By deconstructing the W in the service name, it symbolically represents the basic elements of the web: HTML, CSS, and Javascript. This is said to symbolize that anyone can have development superpowers using the Webflow service. The new logo will present a brand identity that can be seen both internally and externally.<\/p>\n\n\n\n

\"\"
\u00a9Webflow<\/figcaption><\/figure>\n\n\n\n
\"\"
\u00a9Webflow<\/figcaption><\/figure>\n\n\n\n

The wordmark, which gave the impression of flying leaves, was changed to a solid, geometric sans-serif font. The characteristic of individual letters being connected like a cursive font was lost, and the font was replaced with a narrow font. A new dedicated font called WF Visual Sans is also applied.<\/p>\n\n\n\n

The color that used to be purple changed to closer to blue. The use of blue on a black background appears to be the main color scheme. It appears to be a choice to strengthen the impression of a technology company.<\/p>\n\n\n\n

In the meantime, Webflow has helped a variety of companies, including freelancers, agencies, and startups, and connected a variety of people, including designers, marketers, and entrepreneurs. Now, they have expressed their ambition to go beyond simply representing their products and company and represent the community.<\/p>\n\n\n\n

\"\"
\u00a9Webflow<\/figcaption><\/figure>\n\n\n\n
\"\"
\u00a9Webflow<\/figcaption><\/figure>\n\n\n\n
\"\"
\u00a9Webflow<\/figcaption><\/figure>\n\n\n\n
\"\"
\u00a9Webflow<\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n

\ud83d\udcd5 Editor's Notes<\/h3>\n\n\n\n

I thought it was unfortunate that there were many technology companies with a similar impression. When I saw the changed logo, Atlassian came to mind. The blue color and geometric shapes seemed to overlap. Although the existing elements did not feel completely organized, it had a uniqueness that could not be found anywhere else. I wonder what it would have been like if Webflow had preserved its identity.<\/p>\n\n\n\n

Fortunately, Webflow's competitor is Pigma. I think that if it were a strategy to imprint in memory by revealing a clear difference from figma, which conveys a colorful impression, then this direction could be the right direction. However, the question arises as to what is different from the framer.<\/p>\n\n\n\n

<\/div>\n\n\n\n

More and Sources<\/h2>\n\n\n\n