Think of The Grid as the advanced version of The Featured Image. This layout features one large graphic area followed by a section separated into multiple blocks of varying shapes and sizes. You can insert any kind of content you want into those boxes—product images, text boxes, featured blog posts, whatever strikes your fancy. This layout works great when a lot of content needs to be displayed. Hawaii Snack Box web design Design by DSKY Gina and Ryan Wedding Photography HomepageVia Gina and Ryan. The Power Grid The Power Grid is The Grid on steroids. This layout incorporates different squares, rectangles, and areas of space within the grid.
This layout is an awesome solution if you’ve got tons of different types of content (think video, text, opt-in forms, images… you get the picture) that you need to organize. Huffington Post homepage Via Huffington Post. Remillard Website Design Design by Prismonline Fixed Sidebar In all the previous layouts, navigation is typically found on the top of the special leads page with the Fixed Sidebar layout, you’ll find it on the sidebar along with additional content. Place the sidebar on the left or the right—either way, works—and pull elements from other layouts to round out the page. A Fixed Sidebar layout showcases your navigation no matter where your audience wanders on the site, making it super simple to move from page to page. If you’ve got a particularly tricky site with several different pages to choose from, consider a layout like this. Tshirt company web design Design by INSANELY.
US Fabric homepage Via Fabric Agency website design Via The Ultralinx When you should use these You can’t have a website without a layout. But you don’t need to use all of these. Mix and match to create something that works for you. Where you should use these Use a template to get the layout look you’re after. Or, if you want to go more custom, have your web designer build one from scratch. Responsive web design In today’s day and age, the number of people who are looking at your website on an actual computer is dwindling. In 2016, mobile web use surpassed desktop for the first time in history. That means if you want to create a quality experience, you need to make sure that your website looks just as awesome on an iPhone as it does on a MacBook. And how do you do that? With responsive web design.