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

Daily Direction Tutorial set. A range of really nice micro interaction for your personal projects.

Tutorials: https://www.youtube.com/watch?v=zRnR7hu2EoU&list=PL4y7e0E80p44ddI_hKSB2bu26rFCdDFfc

Hope you enjoy.

Daily Direction

Daily Direction Micro Interactions

My personal site 100% made in Webflow :)
Not fully translated yet.

blaiseposmyouck

WINNER: 
SOTD - HONORS - MOBILE EXCELENCE AWWARDS
WOTD - BEST UX - BEST UI - BEST INNOVATION CSS DESIGN AWARDS

BUY NOW:
https://www.awwwards.com/academy/course/create-award-winning-animation-and-interaction-design-in-webflow

Animation and Interaction is a fundamental part in creating engaging and exciting experiences. Learn the crucial techniques in creating advanced animations and interactions inside of Webflow.

In this course you will learn all of the techniques in building out complex animations and interactions. As we dig into the fundamentals of animation and interaction design we will explore creative ways to build out digital experiences. This course will cover both how to build out clean HTML and CSS whilst building out animations and interactions that are smooth and perform well. This course will give you all of the tools to recreate, re-ues and elevate your Webflow skills.

Webflow Master Class

Create Award Winning Animation And Interaction Design In Webflow

Winner of Honorable Mention and Site of the day on Awwwards 
and awarded the Mobile Excellence award 

Tutorial On Hero section.
https://www.youtube.com/watch?v=yWq81qwpOCI&t=311s

Having fond memories of The Goonies, I decide to create a website that re-lives those magic moments. This site is jam packed full of amazing animations and interactions so please do explore the full site. 

Enjoy.

The Goonies

Design Direction 002. 

Learn how to create a this custom homepage design with multiple interactions and animations including TweenMax text animations. 

Watch Video Tutorial here: https://youtu.be/bejjNVTs2ZA


Hope you enjoy.

Design-Direction-002

Design-direction-002

Winner of Honorable Mention on awwwards & Mobile Excellence.
Winner of WOTD - Best UX - Best UI - Best Innovation on CSSDA

After months and months I have finally create my new portfolio. A selection of my favourite projects. All built inside of Webflow with some additional bits of code. 

Enjoy

Joseph Berry

Joseph Berry Portfolio

🏆 Website of the Day – CSSDA
🏆 Honorable Mention – Awwwards
🏆 Best UI Design – CSSDA
🏆 Best UX Design – CSSDA
🏆 Best Innovation – CSSDA

ESE Media created a website for the local business Star Bicycle to cement their place in the market as the specialist for the highest quality bikes and services. The home page serves as a digital experience of in the company and their values.

for more information on the project visit www.esemedia.ch

Design and Build by @severingamper
for ESE Media GmbH

Star Bicycle (Outdoor)

Star Bicycle Bike Shop

A labor of love finally completed! I've created a free website template for churches. It's my hope that this will help churches modernize their online experience and come back stronger than ever from COVID-19. This template features dynamic content for Sermons, Events, Staff, and Connect Groups and is ideal for single location churches.

Watch the tutorial at https://www.youtube.com/watch?v=_lgxY3LMR_Y

• Create landing pages in less than 3 minutes for anything
• Old events automatically removed the day after
• Homepage events section disappears when no events are present
• Add a new sermon, event, or connect group site-wide in seconds
• Reuse any page section across multiple pages (update once for all pages)
• Looks exactly the same on 5k screens as it does on Macbook Airs
• Thoroughly planned user experience and interactions
• Dummy proof to manage (from the Webflow Front-End Editor)
• Optimal site speed
• Homepage ministries section disappears when no content is set

Schapel Pro

Free Template for Churches

I had some fun with a minimal redesign of Sam Altman's blog to practice some subtle interactions and Lottie.

Feel free to clone and use 🙂

Sam Altman blog concept

Winner of Honorable Mention on awwwards
Winner of WOTD - Best UX - Best UI - Best Innovation on CSSDA

Moon UltraLight. 
Meet Mobile’s Most Revolutionary Lighting Device

Live Site:http://moonultra.com/

I took on this brief unsure if I could bring the clients idea's to life. Apple was my only reference but these animations and interactions are truly bespoke to Moon UltraLight. 

Check it out. 

Design by @danielacuttdesign
Build by Joseph Berry

MOON Selfie

Moon UltraLight

Hey! 👋

Jump straight into your websites build with this start up inspired template.

⁃⁃⁃⁃⁃⁃⁃⁃

🥰 Support Us:

𝙄𝙛 𝙮𝙤𝙪 𝙚𝙣𝙟𝙤𝙮 𝙤𝙪𝙧 𝙘𝙤𝙣𝙩𝙚𝙣𝙩, 𝙥𝙡𝙚𝙖𝙨𝙚 𝙘𝙤𝙣𝙨𝙞𝙙𝙚𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩𝙞𝙣𝙜 𝙪𝙨 𝙤𝙣 𝙤𝙪𝙧 𝙨𝙤𝙘𝙞𝙖𝙡 𝙘𝙝𝙖𝙣𝙣𝙚𝙡𝙨. 𝙔𝙤𝙪𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩 𝙝𝙚𝙡𝙥𝙨 𝙪𝙨 𝙜𝙧𝙤𝙬 𝙩𝙝𝙧𝙤𝙪𝙜𝙝 𝙧𝙚𝙖𝙘𝙝𝙞𝙣𝙜 𝙛𝙪𝙧𝙩𝙝𝙚𝙧!

⦿ Website @ www.flowbase.co
⦿ Webflow @ www.webflow.com/flowbase
⦿ Twitter @ www.twitter.com/t_bekkers
⦿ Instagram @ www.instagram.com/flowbase.co

⁃⁃⁃⁃⁃⁃⁃

✒️ Licence Notes:

⦿ Images available under CC0 (Unsplash, Pexels, Freepix or Similar)
⦿Typography available under SIL Open Font License 1.1 (Inter)
⦿ Iconography available under CC0 (UpLabs, Flaticon, Noun Project)

Startup Template (CLONE)

Startup template [CLONE]

Award-winning Electric Sooter company based in Luxembourg. 
12 custom templates with over 25 pages.

ujet tbt

UJET

Free Lockdown template. 
Live stream of this video. https://www.youtube.com/watch?v=obTXWd8BiOs

Flexbox Layout - Load animation - Custom two click slider made inside of Webflow interactions. Slide out panels. Ticker tap animation and much more. 

Have a play!

Enjoy

Design Direction Live 001

Honest Beauty Template

Hi All, 

It's been a while and I wanted to put something together as a little starter template. 

CSS Grid with Flexbox and open menu / about section.

Storm®

Storm - Free Starter Template

I am Nick Vandermolen a Design Director from Sydney, specialising in UX / UI.

Nick Vandermolen Portfolio 2019

Nick Vandermolen Design Director Portfolio

Live: thefinishlineisnevertheend.com

In October 2019, Digitas UK created a high-octane sequel to the acclaimed ‘Powered By Honda’ film released in April 2019 to celebrate Honda’s endless race to success, and return home to the Japanese Grand Prix.

This site was created to dig deeper into each race and the victory's that unfold. 

Creative Director: Jonny Palmer
Chief Creative Officer: Emma De La Fosse
Lead Designer & Developer: Joseph Berry
Art Director: Ryan Timms
Copywriter: Lucy Green
Strategy Partner: James Whatley
Client Director: Jared Howe
Client Lead: Clementine Clough
Agency Producer: Emma Gilbert
Sound Design: Strings & Tins
Director/Production Co: Mainframe
Producer: Philip Archer
Lead 3D editor: Jonathan May
3D artists: Duncan Tune, Marcus
Fernandes, Roger Chiaw, Nick Lyons, Richard Payne, Diogo Dias

Honda f1 history

Honda - The Finish Line Is Never The End

Find answers to your eating, sleep and performance. No magic diets, no drugs. Just healthy eating.

Veri tracks your Glucose Levels.

Veri

(Free Clone) 
My Cartier design from the Relume Design League brought to life through slick animations and interactions. 


