Zoran Zoran
13 minute read

In this article, we’ll explore five Webflow website examples. Webflow is one of the best site builders today. In fact, it’s not just a regular site builder – it includes a CMS, e-commerce functionality, and extremely powerful professional design tools unmatched by any other web platform. It’s no wonder that the group of renowned Webflow clients includes prominent companies like Rakuten and Upwork. 

Five Webflow website examples Webflow home page

In the following sections we’ll give our full attention to these five Webflow website examples:

  1. Rakuten
  2. Lattice
  3. Getaround
  4. Petal
  5. Upwork

So, let’s get to it.

Rakuten

The Company

Rakuten or, more precisely, Rakuten Group, is a global company that operates in a variety of niches, such as e-commerce, mobile communication, travel, credit cards, banking, insurance, sports, and more. According to the company’s information, it has more than 70 businesses working under its name.

Out of all the components that make up this conglomerate, the most interesting in the context of our topic is Rakuten Super Logistics (from now on, Rakuten SL). It’s an e-commerce fulfillment service provider with fulfillment centers across the United States.

The Problem

Before Rakuten SL decided in favor of Webflow, it had been using WordPress to power its site. For the Rakuten SL team, two critical concerns about this widely known open-source platform were security and high maintenance cost (in terms of both money and time). In fact, those two issues are the most critical ones on WordPress.

Generally speaking, WordPress is the most popular CMS and site builder, which is one of the reasons it’s a frequent target of cyber attacks. As for maintenance, fixing things or implementing new changes on a WordPress site can be time-consuming and requires a professional WordPress developer (or a team of professionals), which can be very expensive.

The Solution

When the Rakuten SL team decided to redesign its website, it wanted to find a new solution that wasn’t encumbered with these shortcomings. In other words, Rakuten SL searched for a secure, fast, low-maintenance, and easy-to-manage solution – and it found Webflow. This is the end result of its decision to go with Webflow:

Rakuten Super Logistics Webflow website example

According to the testimonial of one key Rakuten SL team member, Webflow definitely delivered on their expectations. The upshot of using the platform was an improved and simplified workflow that saved time. Also, the company didn’t need professional developers anymore, which reduced the expenses. 

In terms of ease of use, they found Webflow to perform on par with or even better than WordPress from a regular user’s perspective.

Webflow Rakuten case study

In addition to the improved site stats that you can see in this image, Rakuten SL also registered an increase of 3.4% in viewed pages per session. In short, since transitioning from WordPress to Webflow, the company has seen improvements in multiple important areas, with money and time savings being only part of the positive outcome. 

Lattice

The Company

Lattice belongs to the category of people management platforms. Its main focus is on enabling companies to optimize their personnel’s performance, helping employees upgrade their skills, and allowing businesses to achieve their goals. It does so by syncing the workforce’s objectives with those of the businesses.

The Problem

Before it opted for Webflow, Lattice had a website built from the ground up and used a custom headless CMS, both managed by a freelance professional developer. This provided control and freedom (in terms of site personalization and customization), but it made everything dependent on code. In turn, implementation of new changes was, more often than not, a bit on the slower side. On top of this, Lattice had to set aside a hefty budget for developer services. In short, it was time-consuming and expensive.

To simplify and speed up the whole process, the company needed to get rid of the code-dependent site management style. Lattice decided to test and explore Webflow, which turned out to be a great move.

The Solution

A full website redesign and rebuild in Webflow ensued. It took about two months and help from an expert Webflow developer/designer to complete this process. As you may see, that’s not unheard of when using Webflow either, but the result was a much easier-to-use website as well as reduced costs in the long run. Furthermore, and probably best of all, a developer was not required for maintenance anymore.

This is how the new Lattice website looks:

Lattice Webflow website example

Lattice didn’t stop there. It took advantage of the content marketing possibilities offered by the Webflow CMS and built an incredibly rich library of resources on everything HR-related. The marketing team felt the upsides of using Webflow right off the bat by creating, managing, and publishing content without assistance from a site developer or, for that matter, anyone else.

Webflow Lattice HR resources

According to Webflow, after Lattice decided to shift gears and begin using Webflow, there was a 280% growth in its website’s organic traffic. Usually, a traffic increase that dramatic translates into more clients, which is the whole point of doing business, isn’t it?

Webflow Lattice case study

Getaround

The Company

Getaround is an awesome carsharing platform that allows car owners to share their vehicles with other people. Everyone can benefit from Getaround’s services; from people who, for various reasons, can’t own a car to those who do own one, but it’s not the car they need for a specific purpose (e.g. mountain travel). 

Sharing cars also sounds like a good solution for environmentally aware individuals and families who don’t want to own a vehicle but still need the practical benefits it provides. Getaround allows them to achieve a healthy balance between their practical needs and general environmental responsibilities. 

Thanks to platforms like Getaround, we can reduce the total number of vehicles we use since not everyone who needs a car has to own a car, thus reducing carbon emissions in the long run.

The Problem

Before Webflow, everything related to Getaround’s online presence was completely dependent on the company’s engineering team. Only software engineers could make changes and updates, which made life difficult for the marketing team. With a lot on its plate regarding product development and improvement, the engineering team had its own priorities. 

This meant that the marketing department couldn’t put its ideas into practice and do its job efficiently. One of the consequences was that Getaround didn’t make any significant changes to its website for a full eight years. However, Getaround’s marketing team finally did take things into their own hands. They wanted something that would make more sense from an SEO and conversion perspective. This is when Webflow came into the picture.

The Solution

After kicking the tires of the software and experimenting with landing pages for some time, the Getaround marketing team and designers saw how much easier, quicker, and more efficient it is to work in Webflow compared to the previous legacy website solution. The company decided to switch over to Webflow. The migration took a few months, with the upshot being the user-friendly and intuitive website we can see today:

Getaround Webflow website example

The benefits of this change were tremendous: 

  • For starters, Webflow allowed the marketing team to work on and publish new location-focused pages seamlessly (for instance, vehicles in Boston, vehicles in San Francisco, etc.).
  • The marketing and engineering teams could work independently and much more efficiently, each concentrating on its primary task.
  • Webflow equipped Getaround with everything necessary for this company to be able to publish a new page every week.
  • In this way, Webflow allowed Getaround to avoid producing bloated and heavy pages with superfluous code. 
  • Important stats like increase in organic search traffic and overall site sessions have gone through the roof, as the following image shows:

Webflow Getaround case study

Just like Getaround, in many cases, it’s often the company’s marketing team that triggers the switch from another website building solution to Webflow. This only speaks of how practical and convenient Webflow can be. Regardless of the fact that it is truly not as easy to get the hang of as other no-code solutions, it still doesn’t take a tech degree and an eternity to learn to use this platform efficiently. With some effort, and perhaps help from a Webflow expert, you could learn and do a lot in a relatively short period, as Getaround clearly shows.

Petal

The Company

Petal is a relatively new company that operates in the financial technology domain. It offers credit cards and other financial services.

What makes Petal special is its dedication to making credit more accessible. Its system of creditworthiness evaluation is based on machine learning. It doesn’t rely on credit scores to evaluate people’s creditworthiness. Instead, Petal evaluates other important aspects – such as variables related to income, savings, and spending history – to establish whether someone is eligible for credit or not. Most importantly, the company's approach allows people to get credit approval more often and with better conditions.

The Problem

Petal is different from all the other cases we’re exploring in this article. In contrast to Rakuten SL or Getaround, Petal has been using Webflow from the outset. It wasn’t the case that the company was facing problems with an earlier website solution that Webflow had to solve. Rather, it was clear right from the start that Webflow would be the most suitable solution for Petal’s brand and online presence.

Petal Webflow website example

The unique aspect of Webflow and the deciding factor in choosing this platform was that Webflow gave full control and creative freedom to the company’s design and marketing teams. This was unlike anything else that a member of the early Petal team and current Director of Design, Josh Kaplan, had encountered before. For him and Petal, Webflow was a no-brainer from the get-go.

The Solution

Petal has experienced dramatic growth since its launch in 2017. From a small startup, it came to the point where it’s a company with more than 100 employees. Its rapid growth required a scalable website solution that would be able to follow the company’s pace as well as adjust to new challenges pretty quickly. Webflow managed to do exactly that.

Webflow allowed Petal to achieve multiple objectives: 

  • It made it possible for the company to redesign its website as many as eight times since its humble beginnings, some of which included major changes.
  • As Petal is constantly adding new features, Webflow allows the implementation of new functionalities smoothly and without hiccups.
  • Petal uses Webflow to build landing pages that it utilizes in its social media marketing campaigns.
  • Thanks to its ability to allow quick page modifications as well as enable users to share design ideas, solutions, and suggestions through a special password-protected page, Webflow facilitates effective collaboration between Petal’s design team members.
  • The Webflow CMS enabled Petal’s marketing team to build a blog and work on content marketing.

Petal blog Webflow CMS

The beauty of Webflow is that it gives you multiple options, whatever it is you need. When it comes to blogging, it lets you use the built-in blog or choose a specialized blogging platform like DropInBlog and simply add it to Webflow.

By using Webflow, Petal can successfully put into practice an efficient division of labor. The engineering team can concentrate on its primary task, which is a constant improvement of Petal’s product as well as provision of new product features. Meanwhile, the design team can work on new solutions in Webflow in sync with the company’s marketing team.

Webflow Petal case study

What other site builders probably couldn't have done for Petal, at least not as well, Webflow managed to do. The Petal case shows that Webflow can shine in more than one context: as a site builder, as a CMS, and as a landing page builder. The latter leads us to the next and final section.

Upwork

The Company

Upwork is one of the largest work marketplaces that connects gazillions of freelancers with as many businesses in search of a quality workforce. In Webflow, Upwork found a fitting solution, but not for building a new website or redesigning the old one; rather, it started using Webflow as a platform for creating sophisticated landing pages of great complexity. 

We’re aware that the title of this article implies that it’s about Webflow websites, so this may seem like a digression from our topic. However, we wanted to show that Webflow can perform pretty well even in areas not usually associated with it, such as landing pages.

The Problem

Upwork needed a platform that would enable it to build new marketing landing pages and modify existing ones conveniently, without resorting to professional assistance. Due to the complexity of Upwork’s marketing pages, at the time, implementing page updates or building new pages would take ages. Upwork’s marketing team couldn’t complete these operations on its own, so it had to rely on a team of in-house software engineers. The complexity of the process along with the non-stop back-and-forth between the two teams made the landing page operations time-consuming and grueling. 

The Solution

Without getting into too much technical detail, the solution to this particular Upwork problem was to utilize Webflow’s flexibility and divide a page design into multiple smaller bits. Each bit was responsible for a different aspect of the page (featured services, case study, FAQ, etc.). Webflow allowed these bits called small CMSs to be referenced in one main CMS while allowing the content that a page displays to be uploaded via a CSV file.

Upwork Webflow website example landing page

Thanks to this type of dynamic connection between different sides of the page, now Upwork can update and build new pages with different content as well as pages with the same content quickly and seamlessly. The best part is that these operations don’t require engineering anymore. Members of Upwork’s marketing team can perform them without problems.

If you want to learn more than just the nitty-gritty of this solution and are interested in finding out how to build complex marketing landing pages with Webflow, check out this article on the Webflow official blog.

Final Thoughts

If there was one recurrent theme in all the Webflow website examples we’ve given, then it’s that Webflow proves to be a powerful, flexible, multipurpose, and – above all – convenient solution. This platform managed to meet the requirements and needs of five quite different companies, some of which were facing serious obstacles at the time. 

So, don’t hesitate to give Webflow a try. It offers a forever-free account plan that allows you to create as many as two different site projects. At worst, you’ll learn something new; at best, you’ll learn something new and truly valuable for you.

Get started embedding a blog into your website right now

Try It For Free