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

Save This Post

No account yet? Register