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: http://bit.ly/BABfutur

🍺 Check out the Hamilton Family Brewery Website: https://www.hamiltonfamilybrewery.com/

🎥 Watch the behind the scenes documentary of building the website for the Hamiltons: https://youtu.be/LZtM7wyqe7w

🖥 Watch the entire Building A Brand series: http://bit.ly/BuildingABrandShow


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*:
http://bit.ly/Futur-Ran

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

👉Subscribe: https://goo.gl/F2AEbk
👉See our Academy Channel: https://goo.gl/vB9zoP

Want a deeper dive? Typography, Lettering, Sales & Marketing, Social Media and The Business of Design courses available here:
https://goo.gl/bRt5qd

🎙 Futur Podcast: https://thefutur.com/podcast/
✍️ Futur Blog: https://thefutur.com/blog/


Love the content? Become a sustaining member for $5/mo today.
https://goo.gl/nwekfL

BOOKLIST –
Essential Reading for Creative Professionals: http://bit.ly/2UtftOb
Essential Design Books: http://bit.ly/2UtftOb

Kits & Proposals:
https://goo.gl/mSjuWQ

Visit our website:
https://www.thefutur.com

FREE resources:
https://goo.gl/Qh6gHr

Mandarin (Chinese) Subtitles on UiiUii
https://uiiiuiii.com/?s=the+futur


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


AFFILIATE LINKS*

🙏 Support The Futur but purchasing through our affiliate links:
Amazon: http://bit.ly/thefuturishere
Retro Supply Co.: http://bit.ly/2GW8gzR
Creative Market: https://goo.gl/g4jlTE
Design Cuts: http://bit.ly/2GSsAR3

✍️ Sharpen your skills by taking a course, using our affiliate links:
Skillshare: https://goo.gl/YCo2uT
School of Motion: http://bit.ly/futur-som
Bring Your Own Laptop Tutorials: https://byol.me/thefutur

🎧 Do you like the music? Check out the music libraries we use in our affiliate links below:
Epidemic Sound: https://bit.ly/2T647tR
Musicbed: http://bit.ly/futurmb
Artlist: http://bit.ly/2uWdna7

*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 http://www.adamsanborne.com
Typefaces: Futura, DIN, Helvetica Now, Calibre, Knockout, Champion Gothic
Futur theme song— Adam Sanborne

source