UX/UI Web Design - 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: 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