Our favorite websites from summer 2020

A comprehensive list of our favorite websites from this past summer, across a variety of categories!

Deepak Kanda
October 1, 2020
Inspiration

Our community continually inspires by showing us what's possible with Webflow. Here's a roundup of our favorite #MadeInWebflow projects — with categories like eye candy, portfolio, and ecommerce, there's a little something to inspire everyone from our summer picks.

Eye candy

Project Turntable

project turntable interactive website

It’s not every day (or ever) you get to see a fully *interactive* turntable on the web. In this experimental site (built by ThreeSixtyEight), you can control the volume, shuffle or skip tracks, and even download stickers! 

Civilization VI (Rebuild)

Civilization VI rebuild in Webflow

It took 12,400 elements, 1800 styles, 1200 assets, and 400 interactions to build a mock-up of ... an *entire game*. Likely one of the largest projects ever built in Webflow, Civilization VI is a true testament to no code's power and what's possible.

Casa Futura

casa futura website

In casa futura, you can experience planet earth's future and learn about a sustainable, climate-neutral society, using four thematic areas. Not only can you visit the future, but you can do it while looking good — from the beautiful scroll-triggered animations to the custom illustrations, this website doesn't skimp on the eye candy.

Portfolios

Harry Moses

harry moses portfolio

Brutalist fans rejoice – this portfolio is filled with a variety of fonts, large typography, and just the right amount of color (chefs kiss). Our favorite part? The on-hover interactions on the homepage, giving you a quick sneak-peek into each project.

Restu Septian Dwi

Restu septian dwi portfoliio

Restu features his work on the homepage with pops of color against a neutral background — keeping things clear and concise. The case study pages are also a delight, with a mixture of beautiful full screen photography and just the right amount of copy.

Ollivere

ollivere portfolio gif

This nonsense-free portfolio has some of the best (and fun) scroll-based animations we’ve seen. It also uses negative space very effectively that makes all of the content easy to read, and keeps things visually dynamic.

Enterprise

Stripe mega menu (cloneable)

stripe mega menu

Most of us are familiar with and love Stripe’s mega menu, but now we can also have it on our sites, thanks to Kamran. The menu is especially helpful for startups or enterprise teams trying to filter a variety of information under specific categories on the homepage navigation bar.

Homerun

homerun website

Boring career pages and job postings are a thing of the past, thanks to Homerun. Their site has plenty of well-organized, in-depth information about their product, and the layout builds trust that their platform is as easy to use as they promise.

Agencies

Storee Studio

storee website

You know you’re in for a treat when you’re welcomed with a loading animation, and Storee’s site lives up to the hype. The minimal site is packed with subtle scroll animations and beautiful typography. The full-screen menu is also a delight, and we especially love the case study page — fading gradients just never get old. 

Leiaud

leiaud website

As they boldly state in their header, Leiaud is not your traditional digital agency — and neither is their site. Everything from the funky illustrations to the grid-based layout makes for an enjoyable scrolling experience.

Vovi

vovi agency website

Vovi does an excellent job of showcasing their work by putting it front and center — right after the bold (and catchy) header. Their design isn’t overwhelmed by a grid of thumbnails listing every project they’ve ever worked on. Instead, they feature a few examples of their most recent work. Also, the rotating-logo-on-scroll is a *nice* touch!

Ecommerce

The Noire Collective

the noire collective website

The Noire Collective is a sustainable lingerie brand. Designed and manufactured in the UK with ethically sourced materials.

Their header sets the tone with simple yet striking lifestyle photography while the rest of the site features excellent use of negative space and beautiful font selection. The product pages are also a delight with detailed product shots and just the right amount of descriptions.

All Eyes On Us

all eyes on us website gif

What makes this site special is the slick scroll-triggered animations, which take up the full screen as you make your way to the shop section. There’s a sense of mystery throughout the site, and the font selection, along with the unusual on-hover interactions add to this sense of ambiguity.

Ebook landing page (free cloneable)

ebook landing page website

It seems like once you finish writing a book, countless tasks are waiting for you on the other side. Thanks to Youssef, the website is one less thing you’ll have to worry about. His *free* cloneable template features a well-structured landing page with testimonials and pricing sections.

Bonus

90s Webflow

90s webflow website gif

Remember website hit counters? We almost forgot those too, until Saita rebuilt Webflow’s homepage — for the 90s! Yes, it has all the things you loved (or hated) about the 90s: Yahoo chat rooms, super annoying pop-ups, and plain-text 404 pages.

Feeling inspired? Start designing!

We look forward to more design goodness from our Webflow community. So if you’ve got something you’d like us to see, be sure to use the #MadeInWebflow hashtag when sharing your site on Instagram, Twitter, or Facebook.

For more inspiration and other design resources, check out our Showcase, tutorials, and community forum.

Deepak Kanda

Social Media Manager at Webflow. And yes, my job is more than just sharing cat gifs (not really).

You might also like...

More

Join the conversation

What's Webflow?

Try it for free
Designer

Designer

The power of CSS, HTML, and JavaScript in a visual canvas.

Interactions

Interactions

Build website interactions and animations visually.

CMS

CMS

Define your own content structure, and design with real data.

Ecommerce

Ecommerce

Goodbye templates and code — design your store visually.

Editor

Editor

Edit and update site content right on the page.

Hosting

Hosting

Set up lightning-fast managed hosting in just a few clicks.