10 featured Webflow projects: August 2021

10 featured Webflow projects: August 2021

Check out our roundup of the 10 Webflow projects that our team loved in the month of August.

10 featured Webflow projects: August 2021

Check out our roundup of the 10 Webflow projects that our team loved in the month of August.

No items found.
Written by
Liz Huang
Liz Huang
Senior Managing Editor
Liz Huang
Liz Huang

Summer’s coming to a close, but the websites we’ve seen in the past month have been nothing short of hot.

From art collectives to youth soccer teams to a (cloneable!) style guide — here‘s a comprehensive rundown of the Webflow projects that have delighted, inspired, and excited us in the month of August. 

Let’s get started. 

1. The Circle and the Square 

An image of the Circle and the Square website homepage.

The Circle and the Square is an artistic partnership between Nyamekye Smith — a dancer, model, and artist — and DeQuan Russ — a graphic designer, photographer, creative director, and creative consultant. Together, Nyamekye and DeQuan create everything from music, to graphic design, to choreography and much more.

The artists of The Circle and the Square find purpose in the joy of creating “miscellaneous everythings” in order to “inspire people to embrace new ways of seeing things, doing things and thinking about things in hopes to increase the ability to understand and empathize.”

An image of Nyamekye Smith's "about" section.

Their website reflects their mission and the art that they create. From the home page, we see an image of Nyamekye and DeQuan facing each other with a circular navigation where users can navigate through their site. The duo uses video, cut-out photos, and a strong use of color and graphics to showcase their work, abilities, and overall energy. 

We especially love how Nyamekye and DeQuan use video instead of still photographs in their “About” sections. Using video in this way brings their creative personalities to life virtually for site visitors. 

2. Juventus Academy DC Metro 

An image of the Juventus Academy DC website.

Juventus Academy DC Metro is an offshoot of Serie A soccer club Juventus F.C. At the soccer academy, children from 5-18 learn, train, and compete in the methodology of the overall Juventus Academy philosophy and participate in everything from travel teams, to competitions, to camps. 

An image of the coaches page on the Juventus Academy DC website.

For their recently launched academy website, Juventus Academy DC Metro takes design and branding cues from Juventus F.C but puts their own twist on it for their needs such as recruiting team members and advertising their programming. 

Their navigation and clean design, in particular, makes it easy for users and potential new members to navigate the site and apply to the program that best suits them. 

3. Grace Potter 

An image of Grace Potter's portfolio website.

Fitting for an August website roundup — Grace Potter’s site feels like the embodiment of summer. No, she’s not using gimmicky sun and palm tree graphics — instead, she anchors the site with a single photo of a person at a beach. 

Paired with a simple typeface and a deep chocolate brown, the site oozes calm, and showcases Grace’s thoughtful design approach. We like how Grace keeps her design and layout fairly streamlined. A concise homepage highlights her background and services. The straightforward secondary page showcases and explains some of her previous work. 

An image of Grace Potter's "about" section.

When creating your own portfolio site, sometimes simple is best. Key information — like contact information and previous work — should be easy for potential clients to find. 

4. EMPATHY (cloneable)

An image of the EMPATHY cloneable template.

We love this free cloneable from Tyler Hughey. Empathy is a love letter to minimalist design and maximalist animation. From the scrolling text that welcomes you on the homepage to hover animations, to animated cursors — you won’t run out of visual animations that will surprise and delight. 

It’s geared towards creative agencies but can be customized for any purpose. We think that this project could be great for a portfolio website. 

5. Milli Agency

An image of the Milli Agency website.

Milli Agency is an award-winning creative agency based in Seattle. Founded in 2014, Milli Agency helps companies and organizations build up their brand strategy, content, and social media presence. 

An image of the Who We Are section on the Milli Agency website.

For their site, Milli Agency embraces the concept of the grid in different forms, using it for their animated home page navigation, highlighting their team members in their “About” section, and showing off their work.

An image of Milli Agency's featured work.

Though the idea of a grid feels very stagnant and absolute — Milli Agency reinterprets the grid and flips it on it’s head with a horizontal scroll, a hover animation that moves the lines of the grid around, and bold color choices. 

Unleash your creativity on the web

Build completely custom, production-ready websites — or ultra-high-fidelity prototypes — without writing a line of code. Only with Webflow.

Get started for free
Unleash your creativity on the web

Build completely custom, production-ready websites — or ultra-high-fidelity prototypes — without writing a line of code. Only with Webflow.

Get started for free
Get started for free

6. Taro Design Co. 

An image of the Taro Design Co. website

Taro Design Co. is a boutique design studio based in Nashville, Tennessee that builds websites exclusively in Webflow. 

For their studio’s website, Taro Design Co, embraces a minimalist approach that is anything but boring. From a quietly playful logo, to a subtly animated scroll — the Taro Design Co. website shows that playfulness sometimes works best as a whisper, not a shout. 

An image of the Taro Design Co. about section.

7. Mary Andreina

An image of Mary Andreina's portfolio home page.

Adding on to the theme of projects that feel like summer — Mary Andreina’s portfolio brings us back to sleepaway summer camp, with a vintage typeface, faded color blocking, and an almost paper-like quality to the entire site — reminiscent of old camp brochures that used to come in through the mail. 

How Mary Andreina displays her skills on her portfolio site.

However, you won’t find lake pictures and camp itineraries here. Instead, you’ll see a streamlined layout of Mary’s projects, things that have been inspiring her, and a short brief about who she is, along with her design philosophy. 

Rather than using photos of herself, we love that Mary uses her Memoji throughout — adding a playful, but personal touch to her portfolio site. 

8. Style Guide (cloneable) 

An image of the Sty

At Webflow, our style guide is an important resource for our teams across the company. From defining our color palettes to how we utilize text — it helps ensure that everything that we produce is aligned and on-brand. 

As you grow your own company’s web presence, having a style guide is great for defining your brand and having a source of identity that is available for your team. We especially love this cloneable style guide from Samuel Hoang

An image of the Color Palette's section in the Style Guide template.

Not only is the design sleek and modern, it’s easily adaptable to your brand. It includes everything you need to get up and running such as typeface guidelines, color palettes, heading guidelines, and much more. 

9. Hochkant Film (*motion warning*) 

An image of the Hochkant Film home page.

Hochkant Film is a Munich-based film agency that creates films for corporate organizations around the world. Founded in 1999, their client list encompasses some major global corporations such as BMW, Roche, and Siemens. 

For their site, Hochkant Film puts their product front and center. As you enter the home page, one of their featured films plays — giving site visitors a feel for the moody video style that Hochkant is known for. 

We like that Hochkant makes their site focus all about their films, especially on their home page. It removes any extraneous distractions and lets the work speak for itself. This ensures that by the time the potential client reaches their “contact” page, they have a good feel for what the potential outcome will look like, so they’ll know if Hochkant is the right agency for their project. 

10. Stacked CMS Slider (cloneable)

An image of the Stacked CMS slider cloneable template.

Looking for a great slider? Vimalan Vijayasekaran, a London-based designer and founder of VI Designs has created a fun animated CMS slider that you can clone for your own projects. 

We love how clean and crisp the animated transitions are  — making it perfect for graphic-heavy elements like photo slideshows. It’s easy to get started, just click the link above to clone. 

Show us what you’re working on

Working on your own awesome Webflow project? Be sure to post it on the Webflow Showcase. It’s a great place to show off what you’ve been working on, connect with the Webflow community, and get a chance to be featured in next month’s roundup. 

So what are you waiting for? Get started today. 

Last Updated
September 17, 2021