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: https://webflow.grsm.io/thefutur
🍺 Check out the Hamilton Family Brewery Website: https://hamilton.buildingabrandshow.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/WebflowRan
#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: https://bit.ly/biz-booklist
Essential Design Books: https://bit.ly/futur-design-books
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 by 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: http://share.epidemicsound.com/thefutur
Artlist: http://bit.ly/2uWdna7
Get our FAVORITE notebook from Baron Fig: https://baronfig.com/?ref=zQoKL
*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
