Every company turns, at one point or another, to an agency to execute creative concepts. That’s a testament to the agency model’s enduring power to help overcome organizational shortcomings. But more importantly, it’s a testament to the creative powerhouses working within agencies, whether they’re tiny two-person teams or international entities with thousands on staff.
So it’s no surprise that when agency designers want a mix of efficiency and creative freedom, many of them turn to Webflow to bring their ideas to the web.
Here, in no particular order, are 9 of the best agency websites built with Webflow (so far):
The Greenwood Ents team did an incredible job of capturing the human element in their site design. Placing a friendly face in a clean layout creates a level of trust that can be difficult to achieve with copy and product screenshots alone. And they back up that human feel with a friendly font stack and fun, icon-based illustrations.
Greenwood’s homepage features a rotating headline that quickly communicates services including design, development, and analytics. A crystal-clear “Hire Us” call to action leads straight to a contact form that gathers more than just your name, email, and phone number.
While more fields can mean more drop-off, kudos to them for collecting relevant information in the contact form, so the team has valuable information on hand before reaching out to potential clients. After all, a contact who’s not willing to fill out a few extra fields might not be ready to work just yet.
I genuinely thought that the icons in the “What we do” section would link off to relevant pages with in-depth service descriptions and example projects, but they don’t. If it were me building this, I’d consider turning these into tabs with quick descriptions, and maybe links to deeper information.
The use of whitespace in their site design leaves ample breathing room and leads you through from the icons to the various pricing levels. It did feel a little odd to me that these arrow buttons in the lower right open the contact form. Typically, a link with an arrow indicates that you’re going to a new page or to more content. In this case, adding a landing page for each pricing tier with a curated selection of relevant work and a tailored form might make more sense, and drive more conversions.
The team over at super77 does incredible motion design and animation work. The focus of this site is the beautiful content they produce, from their 2017 Show Reel to their work page, and it’s easy to lose an hour or two just watching their work in awe. As a motion design and animation studio, their goal is to get the site visitor to see their content, which in turn will drive conversions and leave a lasting impression.
Their Work page is visually striking, and highlights their featured work at the top of the page. Each thumbnail links to a detail page where they showcase their video work, describe the project, and sometimes even share some of their process.
The key lesson to learn here is to always drive your site visitors to the content you want them to see, and to remove any distractions between them and that “aha!” moment.
ThomasARTS does an excellent job of introducing their fun and playful brand with a video background in their site’s hero section. They also give you numerous ways to navigate around the site and find the content you want. Ensuring that level of accessibility while still being creative can be a difficult balance to strike, but their team did so by including several methods of navigation.
Notice that they have a navigation bar at the top, as well as arrows to navigate left, right, and down. Then they also added in a hamburger menu in the upper right, which actually zooms out of the page and reveals that you can navigate through the site by clicking the arrows or the nav links. This provides every visitor with what could be a really fun way to explore the site.
Of course, complex, multidimensional navigation can be fun — but it can also be frustrating for someone who has a clear goal to fulfill. The lack of one clear call to action could leave many visitors confused and ready to bounce.
But it’s possible that the team isn’t focused on driving conversions from their site. They might actually prefer that visitors explore and get to know the brand before committing to a collaboration — and if that’s the goal, job well done, ThomasARTS team!
In sharp contrast to ThomasARTS, Presentation cuts to the chase by clearly describing their company, services, and location right in the first paragraph of the site. From there, they lead you right into their work examples with a CTA to “scroll.” I’m enthralled by the slanted background images that sit behind their work examples.
Their services page is just as clear, concise, and descriptive as their homepage hero section, and throws in a charming graphic depiction of their formula for performance:
I also enjoy their unique hamburger menu, which reveals the word “close” upon opening the menu.
Master the fundamental concepts of web design, including typography, color theory, visual design, and so much more.
Disclaimer: I worked on this site about two years ago with the team over at B12.
The site has changed a bit since I last saw it, but it still features beautiful imagery, immersive videography, and clear descriptions of what they do and who they are.
71 Degrees North is an international video production house, and their site focuses on their work, as well as the people behind that work. Their homepage provides a short list of project types, which serves as both a summary of services and an easy way to dig into their work (in case the background video in the hero hasn’t sold you yet).
Somewhat ironically, this gives significantly more real estate to the people behind the cameras, which does a lot to humanize the brand. On the other hand, this choice deemphasizes their video work, which feels somewhat less user-centric, as that’s probably job 1 for any potential clients visiting the site.
That said, the button-like section dividers on the homepage strike a bit of an off note. Clearly meant to delimit the various sections of the page, their visual design implies that they’re buttons … but they’re sure not.
On the copy front, I have to say I admire the way their descriptive homepage copy tells you who they are and what they do, but also adds a bit of implied social proof and expectation-setting:
71 Degrees North creates content for clients that seek start-to-finish workflows and impeccable production value. Our ability to execute productions across the globe has led to work with celebrities, top artists and international brands.
After reading that, I know not only who they are and what they value, but also whether they’d be a good fit for me to work with!
Crea International calls themselves “the Italian physical brand design company.” We’re not 100% sure what that means, but the work those words introduce stands for itself.
Crea’s “about” page provides an excellent example of how to lay out a brand identity and company structure on a single page. This statement sums up what they do in one sentence: “We transfer the brand value through a perfect combination of digital and physical space, pioneering innovative solutions to deliver superior retail service design. “
I’m not personally a fan of scroll jacking, but Crea International uses the technique just about as well as it can be with the scroll interactions on their homepage.
I absolutely love the homepage of this site. It’s original, interesting, and beautiful. Their H1 says it all with “We turn information into experiences people care about.”
In that single line, Heco captures what every web designer and developer seeks to do, and makes it their own.
Heco’s site also takes a unique approach to the long-scroll format of their site design, without leaning on a navigation bar. Rather, they have in-context links that drive you to individual case studies, which you can then click through using the arrows in the lower right.
Delivering a long-scroll experience that holds people’s attention can be difficult to do, but Heco makes it work with soft transitions as you scroll through the page.
Want to take a page from Heco? Learn how to create a background scroll interaction like this in Webflow.
Salt does an excellent job of showcasing their work by putting it front and center — right after you see their latest big accolade. This approach is very appealing to potential clients as they can immediately see that you’re proud of your work, and that you’ve garnered some high-profile clients. Not to mention awards.
One of the most powerful aspects of Salt Branding’s site is their case study library. Case studies offer a great opportunity to show how you’ve worked with past clients, what problems you identified, and how you arrived at a solution.
The vast majority of agency sites I’ve perused point to their “work” section, where they showcase a product with some images and maybe a sentence or two about the work. Breaking down your previous projects into case studies (with your client’s permission, of course) allows you to tell potential clients not just what you did, but how you work with and impact other businesses.
A clean grid of previous clients’ logos (prioritizing the most prominent brands) again builds confidence in potential clients.
Assemble highlights (literally) what they do right from the start with their H1 headline: “Hire an elite production team to create your next video project.”
Then they start building trust with a list of brands they’ve worked with. In between, you get two clear CTAs designed to appeal to different visitors: “Start project” and “Instant quote.”
The latter leads to one of my favorite aspects of the site: an instant quote calculator that’s absolutely incredible (and really fun to play with):
If you haven’t discovered the power, efficiency, and creative freedom Webflow offers, give it a try. It’s free to get started, and on our Team plan, your whole design group can share one dashboard, create templates for style guides, and more.
In your inbox, every other week. And unsubscribe in a click, if you want.