Do you feel stuck with your layout skills? Do you find it hard to understand how to get to an advanced level in your compositions? To break free from designing cookie-cutter websites you need to be able to break the rules and create unique layouts that are tailor made to your client. In this video, we will cover 9 advanced tips of layout and composition in Web Design. These are dos and don’ts from a professional Web Designer with examples, that if you put them into practice, they will inevitably help you take your Web Designs to the next level. You could almost call this a layout & composition course for Web Design. Hope you find it useful!

https://www.youtube.com/playlist?list=PLDJKnVzJ4VfPEZKbEB9W225HaQi_RDD_B

FREE GOLDEN CANON GRID COURSE
Download the Golden Canon grid and join thousands of students in learning 5 secrets to design beautiful websites with the Golden Canon Grid with this free course:
https://bit.ly/481ES3w

READY TO JOIN THE WEB DESIGN MASTER CLASS?
If you are ready to peak your Web Design skills & learn how to monetize them so you can have more freedom to do the things that you love, then click the link below to apply to my signature program, the Web Design Master Class. I will schedule a call with you so we can chat and decide if my program is the right fit for you:

Apply here:
https://bit.ly/3Ep7Z3t

TWEET THIS VIDEO: https://ctt.ac/aIkef

DM me on social media:
• Instagram: https://www.instagram.com/hellobont/
• LinkedIn: https://www.linkedin.com/in/adriansomoza/

Check out my works:
• Behance: https://www.behance.net/adriansomoza/
• Dribbble: https://dribbble.com/adriansomoza/

Check out my Pinterest for inspiration
https://ar.pinterest.com/hellobont/

YouTube Video URL: https://youtu.be/1q6ws2CcLHU

Typeface used: Rhapsody by Off Type https://off-type.com/products/rhapsody

#BONT #WebDesign #Layout&Composition

source

34 Comments

  9. The examples you use are incredibly beautiful but 1. Wastes a lot of space, so bad UX. If the user has to scroll more than 3 or 4 folds youve lost them. 2. Some are very hard to read or have bad contradts. Bad forr accessibility. 3. Complex structure. there's no reading order or the reading order is hard to find. The UI is amazing. The UX could use some work.

  21. very useful, I love hearing other people's thoughts especially in design 🙂 Did you consider recording how you're transforming the desktop layout to a mobile one? Or from which you are starting at first?

  25. As a UX/UI designer I am interested in improving my web design skills and I wonder those that join your Bont Academy are they more creative /graphic web designers or Product Designers that also specialize in UX?

  29. Tbh I've long since moved away from designs like these. From my experience, they don't convert well, they set up conflict between web designers and web developers, and are contrary to a mobile-first, data-driven, content-focused philosophy to the web. They can also be very difficult for the client's staff to maintain, as information and assets are cycled periodically.

    In the case of the P. Kay Metal website, the client's objective should drive the project. If they only want to look prestigious to potential investors, then their website is a raging success. If they want to convert visitors into leads and also link up to ad campaigns, was a custom React app with an extremely busy design, a mountain of GSAP animation, a preloader on every page, slow mobile load times, and huge payload size on all devices the best approach for that? Possibly not.

    Again, I can only speak from my own experience, but if I was the developer behind that I would assume it is only a matter of time before an SEO or marketing agency demands a full site rebuild because they cannot work with what is currently in place. 'Fancy' websites can also be an accessibility nightmare, and accessibility is a legal requirement now across almost the entire developed world.

Leave A Reply

Please enter your comment!
Please enter your name here