Top 4 Webflow Tips โ€“ Building A Brand, Website Tutorial

In this video, Digital Director, Ben Burns, breaks down how we built the Hamilton Family Brewery website in Webflow. Here Ben shares his top four tips that helped us design and develop a dynamic and beautiful website for our client.

๐Ÿ‘‰ Try Webflow for FREE:

๐Ÿบ Check out the Hamilton Family Brewery Website:

๐ŸŽฅ Watch the behind the scenes documentary of building the website for the Hamiltons:

๐Ÿ–ฅ Watch the entire Building A Brand series:

Episode Breakdown

0:59 โ€“ The Webflow learning curve
1:42 โ€“ Tip one: Responsive columns with Flexbox
3:40 โ€“ CSS Grids
3:54 โ€“ Tip two: Themed custom content elements
4:40 โ€“ CMS collection, to create the Beer section
5:33 โ€“ Create and style the template
6:14 โ€“ Tip three: Using symbols to hack page layouts
6:35 โ€“ What is a Symbol?
8:13 โ€“ Tip four: Create impressive animations fast
8:35 โ€“ Animations are great to add visual interest to your websites
8:59 โ€“ The animations on the Hamilton Family Brewery website
10:31 โ€“ The results of the Hamilton Family Brewery Website
11:19 โ€“ No code needed, but can you hand off to developers?
11:50 โ€“ Episode Recap
12:00 โ€“ Support The Futur by Trying Webflow for FREE

๐Ÿ–ฅ Want to learn Webflow? Check out Ran Segalโ€™s Masterclass, and learn web design, using our affiliate link*:

#Webflow #Sponsored #BuildingABrandShow #Ad #WebDesign #WebDevelopment #TheFutur

๐Ÿ‘‰See our Academy Channel:

Want a deeper dive? Typography, Lettering, Sales & Marketing, Social Media and The Business of Design courses available here:

๐ŸŽ™ Futur Podcast:
โœ๏ธ Futur Blog:

Love the content? Become a sustaining member for $5/mo today.

Essential Reading for Creative Professionals:
Essential Design Books:

Kits & Proposals:

Visit our website:

FREE resources:

Mandarin (Chinese) Subtitles on UiiUii

We love getting your letters. Send it here:
The Futur
c/o Chris Do
1702 Olympic Blvd.
Santa Monica, CA 90404


๐Ÿ™ Support The Futur but purchasing through our affiliate links:
Retro Supply Co.:
Creative Market:
Design Cuts:

โœ๏ธ Sharpen your skills by taking a course, using our affiliate links:
School of Motion:
Bring Your Own Laptop Tutorials:

๐ŸŽง Do you like the music? Check out the music libraries we use in our affiliate links below:
Epidemic Sound:

*By making a purchase through any of our affiliate links, we receive a very small commission at no extra cost to you. This helps us on our mission to provide quality education to you. Thank you.

Hostโ€“ Chris Do
Content Directorโ€“ Matthew Encina
Cinematographyโ€“ Aaron Szekely, Mark Contreras, Ricky Lucas
Live Editorโ€“ Jona Garcia
Editorโ€“ Stewart Schuster, Mark Contreras, Aaron Szekely, Ricky Lucas, Jona Garcia
Social Team: Elle Money, Alex Burlui
Futur Theme Music โ€“ Adam Sanborne
Typefaces: Futura, DIN, Helvetica Now, Calibre, Knockout, Champion Gothic
Futur theme songโ€” Adam Sanborne


Save This Post
ClosePlease login

No account yet? Register