Discover the best team websites created by professional designers. Get inspired and start planning your perfect team web design today!

I wanted something engaging and original, that utilised everything Webflow can offer, it's playful with 3D Tranforms and Interactions to create a hopefully, engaging experience and showcase my work in its best light.

Aaron Grieve Portfolio

Aaron Grieve's Portfolio

~ Artisan Website Co. ~

We are a husband and wife creative team based out of Las Vegas, Nevada. We create custom websites and immersive brand experiences. 

We are not the type that cuts corners, we only take on one new project at a time. Everything we do we put all of our heart and energy into. 

We wanted to make our site is available to clone, but please don't take credit for any of our work and be sure to swap out all projects with your own.

All services, projects, and blogs are easily manageable via CMS.

Not required, but we would appreciate a link back to: https://www.artisanwebsite.co/

Artisan Website Company

Just playing around with 3D transforms and Webflow's sick interactions, feel free to clone and use in your own projects :)

001 Click Expander

Click Expander

Watch the tutorial at https://www.patreon.com/posts/66229489

Images from https://k72.ca/en/about

Team Grid

Team Page Image Transition

Webflow

It’s been a year like no other – and like everyone, we’re glad it’s almost over. Join us for a look back at everything we’re grateful for in 2020.

Year in Review

Webflow in 2020

Demo: Official Webflow Mega Menu Navbar | Layout & Interactions

In this demo, you will find a clonable mockup of the navbar that Webflow uses for demonstrating the functions of the tool. 

My demonstration identifies:

‣ Good Layout principles using Flexbox & Divs.
‣ Controlled class naming for longterm flexibility.
‣ Uses of hover states & hover interactions.

Case Material: https://webflow.com/designer

Webflow Navbar | Mega Menu

Demo: Webflow Navbar

The special thing about this is that we work with a "scroll into view" animation and use only the already predefined animation types from Webflow. This makes it quite easy to animate any element on a website.

Agency Team Section Scroll Animation

Mopsy is a holder owned NFT Marketplace where those who hold Mopsy share in the revenue. The goal of Mopsy is to return the power back to the holders and fairly reward community members.

mopsy

Mopsy

Super simple profile cards using CMS data

CMS Cards

🙌 This is my first live website that I've developed in Webflow!! 

Talk about a fun project! At Creed Interactive the creative team has joined forces to create this epic culture site. To come to this design, me and the other designer at Creed fleshed out 2 concepts with similar core elements but with different feels.

This project was a fun challenge for me to bring the design to life in Webflow. The attached video is a preview of some of the interactions. Check out the fully hosted site:

https://culture.creedinteractive.com/

Creative Direction & 3d modeling: Bill Gunter
Design: Jayna Sinn
Development: Me 👌


Features & Accolades:
• Awwwards - Honorable Mention
• CSS Design Awards
  → Site of the Day
  → Best UI Design
  → Best UX Design
  → Best Innovation
• CSS Awards - Site of the Day
• CSS Winner - Star 
• Codrops (Inspirational Websites Roundup #22)
• One Page Love

CreedCultureCodex

Creed Culture Codex

We've made this special project because ZOOM is everything now! 

Look at it as our design experiment and a tribute to what's going on in the world spring 2020. 

It's now cloneable, so enjoy this fun website with some cool lottie animations.

ZOOM

Zoom x Embacy

Light & Dark

Light & Dark Elements

Redis Agency

We've updated our agency's website because it's time for a change. Except for a simple layout, our new website is a full-fledged development with almost no Webflow elements.

We wrote the code for the endless scroll ourselves, and we added our favorite radishes and photos of our guys that change randomly with each turn.

Check it up at redis.agency.

Redis

Pretty Nice Websites

Rotating border interaction we created using div blocks.

team member rotating border

Team Member Rotating Border

Created a team section that has a layered hover effect. Lottie was incorporated to the social icons. When you hover on a team member the animation plays as well as the lottie animation. Enjoy!

Layered Team Section

Layered Team Section with Lottie

Cut through small talk with Creative Conversation Starters for Teams. 

The questions are shuffled when clicking on "new phrase" or reloading the page. 

Open the custom-code section inside Webflow Designer and add/remove your own phrases!

Typekit Font: roc-grotesk.

Based on Dropbox Culture Kit: 
https://dropbox.design/resource/creative-conversation-cards

Creative Conversation

Creative Conversations

Cool site for an AWESOME team management tool - the live version can be found at http://duuoo.io/ :) 

Like, comment, share!

Arthur

Duuoo

A modular team member card built with Webflow CSS Grid.

Discover team websites built by the Webflow community

Discover team websites built by the Webflow community