homepage feature

    The 2016 Webby Awards have been announced and the winners of the best homepage feted.

    Congratulations to National Geographic (Webby) and BBC America (People’s Choice).

    But what makes both of these homepages stand out from the rest? What makes them the best examples of what web design gets right? Why are these homepages so much better than yours.

    While we’re not about to go through every homepage everywhere in a search for answers to these questions, we can point to the things that both National Geographic and BBC America get right.

    And, by emulating their strategies, you might just find your site chasing its own success in the year to come.

    Webby Award: National Geographic

    national geographic homepage

    The homepage that the Webby judging team identified in presenting the award to National Geographic was the ‘Climate change is here’ page. As depicted above, the foundation of the page is a stunning full-screen video of the Earth that rotates through the Earth from space, fires in the energy industry, and collapsing glaciers in polar regions.

    All of the attention of the reader is drawn to these videos and, when the text pulls the focus, the statement is clear: climate change is here, period. At the bottom of the page are three menu buttons that scroll the page and provide access to more detailed information. As the buttons serve to scroll rather than act as links to other parts of the site, the reader is kept on the page longer and has more time to explore the information presented.

    What’s more, if the reader likes what they see then there’s a chance to share the site from above the fold § note the Twitter and Facebook buttons which are prominent though not overwhelming – and regular users of the site can also log in with ease or peruse a hamburger menu in the top left of the screen.

    It’s clean, it’s easy to negotiate, and it keeps the reader on the page.

    People’s Choice: BBC America

    bbc america homepage

    The BBC America homepage is structured similarly to the National Geographic homepage, perhaps a sign of a trend in web design?

    The homepage is dominated by an image from one of BBA America’s television programs and the link structure on the page is understated so as not to overwhelm the image. There’s a shadowed bar at the top of the page with categories and a search bar, there’s program identification (series, episode) on the lower right that draws the eye, and schedule details filling in the bottom of the screen.

    Scroll down the page and it’s more in the same style: a large image, a minimum of text, and schedule details. The shadowed bar is static at the top of the screen and the homepage is more of a visual experience than anything else – and this is exactly what you’d want from a television station trading on its quality programing.

    It’s easy on the eye, it’s clean, and it doesn’t overwhelm with text.

    What the Best Homepages Have in Common

    What do these sites have in common? Let’s start with the obvious.

    Show, don’t tell.

    Both of these award-winning sites are dominated by images. For the National Geographic site it’s a video, for BBC America it is a still image, but both let their images do the communicating. While there is some text on the screen, it is limited and intended to add to the messaging of the image rather than overwhelm it.

    When building your homepage, it is easy to do the same. Find an image, buy one, or create one that communicates your core message. Let the visual creatures that are your readers understand what your business or product is about with a glance, not a close study of your copy.

    Need more inspiration? Here’s Vesper using a background video and just six words to communicate their value.

    vesper screenshot

    Make Navigation Easy

    Both of the Webby Award winners make navigation easy for visitors. Whether it is a static bar at the top of the screen or the familiar hamburger menu in the top corner, both sites make it easy for people to know where to go from the homepage. They might be cutting edge in terms of design, but they aren’t trying to reinvent the way that people interact with webpages.

    Your business might not be as big as National Geographic or BBC America, and you may not be a Webby Award winner (yet!), but you should follow their lead. Make navigation buttons appear where readers expect them to be: at the top of the page, at the bottom of the page, and in the top corners. Functional beats inventive here no matter how impressive your ideas might be: no one will stick around to see more if they can’t figure out how.

    Need more inspiration? Check out Google’s homepage next time you visit and note the menus top and bottom of page.

    google screenshot

    Let it Scroll

    Something both pages have in common is their length. While the ‘above the fold’ sections are visually stunning and win the interest of the visitor, the pages are actually long – really long. Long homepages allow the reader to absorb a lot of content without having to click off the homepage. No sub-site, no category page, no blog post to click over to, just scrolling for more content.

    Building these long, scrollable landing pages is easy. Modern CMS’s like WordPress (our favorite here at DOZ) offer you the choice of hundreds of themes that enable long, scrolling homepages. You can load these long pages up with video, audio, text, images – whatever you like and that will keep people rolling that scroll wheel on the mouse. You might add some navigation if the page is particularly long, but otherwise you can trust the interested reader to keep moving lower – and deeper – into your content.

    Who else is doing this well? Take It is a great app that has a strong visual and scrolling game.

    takeit screenshot

    Conclusion

    There might be more than just three things that separate a Webby Award winning site from yours, but these three are a great place to start when considering the design and layout of your site all the same. Presenting your company, your product, and your values with clarity, cutting down on text, highlighting visual content, making navigation easy for visitors, and taking advantage of long, scrolling pages are some of the best ways of adapting your site to the expectations of your readers.

    And who knows: make the right changes and maybe it’ll be your Webby we’re writing about next year!

    Share.

    114 Comments

    1. Pingback: What Pages Do I Need On My Website? List of 13 Must-Have Pages

    2. manigandan on

      Clarity of the layouts is one of the common thing in them..
      And they are attractive for eyes in capturing what had been seen…

    3. Great blog! Is your theme custom made or did you download it from somewhere? A design like yours with a few simple adjustements would really make my blog shine. Please let me know where you got your design. Thanks

      • Xfinity Pay My Bill is a convenient and user-friendly service that allows Xfinity customers to pay their bills online. With this service, customers can easily make payments, view their account balance, and manage their billing preferences all in one place.

    4. Wow, marvelous blog layout! How long have you been blogging for? you made blogging look easy. The overall look of your site is wonderful, let alone the content!

    5. obviously like your web-site however you have to take a look at the spelling on several of your posts. Several of them are rife with spelling problems and I to find it very bothersome to tell the reality then again I will certainly come again again.

    6. I believe this website contains some rattling superb info for everyone :D. “Do not go where the path may lead, go instead where there is no path and leave a trail.” by Ralph Waldo Emerson.

    7. Generally I don’t read post on blogs, however I would like to say that this write-up very forced me to check out and do so! Your writing taste has been amazed me. Thank you, quite great article.

    8. hi!,I love your writing so a lot! percentage we communicate more about your article on AOL? I need a specialist on this house to solve my problem. May be that is you! Taking a look ahead to see you.

    9. The next time I read a blog, I hope that it doesnt disappoint me as much as this one. I mean, I know it was my choice to read, but I actually thought youd have something interesting to say. All I hear is a bunch of whining about something that you could fix if you werent too busy looking for attention.

    10. Hey very nice blog!! Man .. Excellent .. Amazing .. I will bookmark your blog and take the feeds also…I’m happy to find so many useful info here in the post, we need work out more strategies in this regard, thanks for sharing. . . . . .

    11. My spouse and i have been very ecstatic that Peter managed to finish off his researching out of the ideas he obtained in your web page. It is now and again perplexing to just be giving freely tactics some people may have been selling. We really grasp we now have the website owner to appreciate for that. All of the illustrations you made, the straightforward website menu, the relationships you make it easier to create – it’s mostly spectacular, and it is letting our son in addition to us imagine that this theme is exciting, and that is extremely serious. Many thanks for everything!

    12. You can definitely see your skills in the work you write. The world hopes for even more passionate writers such as you who aren’t afraid to say how they believe. Always go after your heart.

    13. I used to be very happy to search out this internet-site.I needed to thanks on your time for this wonderful learn!! I definitely enjoying every little little bit of it and I have you bookmarked to check out new stuff you blog post.

    14. I must show my gratitude for your kind-heartedness in support of individuals who really want guidance on in this question. Your special commitment to passing the message along turned out to be extremely valuable and have without exception allowed some individuals just like me to achieve their targets. Your amazing interesting tutorial entails this much to me and even more to my peers. Many thanks; from all of us.

    15. Wonderful work! This is the type of info that should be shared around the internet. Shame on the search engines for not positioning this post higher! Come on over and visit my web site . Thanks =)

    16. With everything which appears to be building inside this specific subject matter, many of your perspectives are relatively radical. Having said that, I appologize, because I can not give credence to your entire suggestion, all be it stimulating none the less. It seems to us that your remarks are not completely rationalized and in actuality you are generally yourself not even fully certain of the argument. In any event I did appreciate looking at it.

    17. I used to be very pleased to search out this internet-site.I wished to thanks in your time for this excellent read!! I positively enjoying each little little bit of it and I have you bookmarked to check out new stuff you blog post.

    18. Do you have a spam issue on this website; I also am a blogger, and I was wondering your situation; we have created some nice methods and we are looking to trade solutions with others, be sure to shoot me an email if interested.

    19. Superb blog you have here but I was wanting to know if you knew of any community forums that cover the same topics discussed in this article? I’d really love to be a part of group where I can get comments from other knowledgeable individuals that share the same interest. If you have any suggestions, please let me know. Kudos!

    20. Thanks for sharing excellent informations. Your site is so cool. I am impressed by the details that you?¦ve on this site. It reveals how nicely you perceive this subject. Bookmarked this web page, will come back for more articles. You, my friend, ROCK! I found simply the information I already searched all over the place and simply couldn’t come across. What an ideal site.

    21. Hello there, just became aware of your blog thru Google, and located that it’s really informative. I am going to be careful for brussels. I will be grateful in case you continue this in future. Numerous folks can be benefited out of your writing. Cheers!

    22. My spouse and I stumbled over here coming from a different web address and thought I might check things out. I like what I see so now i am following you. Look forward to looking at your web page yet again.

    23. After study a few of the blog posts on your website now, and I truly like your way of blogging. I bookmarked it to my bookmark website list and will be checking back soon. Pls check out my web site as well and let me know what you think.

    24. After all, what a great site and informative posts, I will upload inbound link – bookmark this web site? Regards, Reader.

    25. Thank you, I have recently been looking for info about this topic for ages and yours is the greatest I have discovered so far. However, what concerning the conclusion? Are you positive in regards to the source?

    26. I have recently started a website, the info you provide on this website has helped me greatly. Thank you for all of your time & work. “So full of artless jealousy is guilt, It spills itself in fearing to be spilt.” by William Shakespeare.

    27. Great ?V I should definitely pronounce, impressed with your web site. I had no trouble navigating through all the tabs and related info ended up being truly simple to do to access. I recently found what I hoped for before you know it in the least. Quite unusual. Is likely to appreciate it for those who add forums or something, website theme . a tones way for your client to communicate. Excellent task..

    28. I have been exploring for a bit for any high quality articles or blog posts on this kind of house . Exploring in Yahoo I eventually stumbled upon this website. Studying this information So i?¦m glad to show that I have an incredibly excellent uncanny feeling I found out exactly what I needed. I most indisputably will make certain to do not put out of your mind this website and give it a look regularly.

    29. Hi there are using WordPress for your blog platform? I’m new to the blog world but I’m trying to get started and create my own. Do you require any coding expertise to make your own blog? Any help would be greatly appreciated!

    30. Hey very cool blog!! Man .. Excellent .. Superb .. I will bookmark your web site and take the feeds additionally…I am happy to search out a lot of useful info here in the put up, we want work out extra strategies on this regard, thanks for sharing.

    31. own the win on

      OkBet is a licensed online casino and sports betting operator in the Philippines, and many fake websites like Ok-Bet and OKEBET imitate this original platform of Kingwin Ventures Inc (formerly Ekxinum Inc), luring casino enthusiasts into thinking they are legal.!!! Want to know more about the site? visit here —>> Okebet

    32. hey there and thanks in your info – I’ve definitely picked up anything new from right here. I did then again expertise a few technical issues the usage of this site, since I experienced to reload the website many instances previous to I may just get it to load properly. I had been considering in case your web host is OK? Now not that I am complaining, but sluggish loading circumstances occasions will often affect your placement in google and can harm your high-quality rating if ads and ***********|advertising|advertising|advertising and *********** with Adwords. Well I am including this RSS to my email and could glance out for much more of your respective exciting content. Make sure you replace this again very soon..

    33. This is the suitable weblog for anybody who needs to seek out out about this topic. You notice a lot its almost hard to argue with you (not that I truly would want…HaHa). You definitely put a new spin on a topic thats been written about for years. Great stuff, just great!

    34. You really make it seem so easy with your presentation but I find this matter to be really something which I think I would never understand. It seems too complicated and extremely broad for me. I am looking forward for your next post, I’ll try to get the hang of it!

    35. Thank you for the sensible critique. Me and my neighbor were just preparing to do a little research about this. We got a grab a book from our area library but I think I learned more clear from this post. I’m very glad to see such wonderful info being shared freely out there.

    36. Heya are using WordPress for your site platform? I’m new to the blog world but I’m trying to get started and create my own. Do you need any coding knowledge to make your own blog? Any help would be greatly appreciated!

    37. I beloved up to you will receive carried out proper here. The cartoon is tasteful, your authored subject matter stylish. nonetheless, you command get bought an edginess over that you wish be turning in the following. sick surely come further in the past again as precisely the similar nearly very steadily inside case you shield this hike.

    38. You actually make it appear really easy together with your presentation but I in finding this topic to be actually one thing that I feel I’d by no means understand. It kind of feels too complex and extremely broad for me. I am taking a look forward on your next publish, I will try to get the hold of it!

    39. I would like to thank you for the efforts you’ve put in writing this site. I’m hoping the same high-grade website post from you in the upcoming as well. Actually your creative writing skills has encouraged me to get my own site now. Actually the blogging is spreading its wings quickly. Your write up is a good example of it.

    40. Hi , I do believe this is an excellent blog. I stumbled upon it on Yahoo , i will come back once again. Money and freedom is the best way to change, may you be rich and help other people.

    41. Attractive section of content. I just stumbled upon your weblog and in accession capital to assert that I acquire actually enjoyed account your blog posts. Any way I’ll be subscribing to your feeds and even I achievement you access consistently fast.

    42. of course like your website but you need to check the spelling on quite a few of your posts. A number of them are rife with spelling issues and I find it very troublesome to tell the truth nevertheless I will surely come back again.

    43. Wow! This could be one particular of the most helpful blogs We’ve ever arrive across on this subject. Basically Magnificent. I’m also a specialist in this topic so I can understand your effort.

    44. I am no longer certain the place you’re getting your info, but great topic. I must spend a while finding out much more or figuring out more. Thanks for fantastic info I was on the lookout for this information for my mission.

    45. hello!,I like your writing so so much! percentage we keep in touch extra approximately your post on AOL? I require a specialist in this space to unravel my problem. May be that’s you! Having a look forward to peer you.

    46. Hey there, You have performed a great job. I’ll definitely digg it and in my opinion recommend to my friends. I am confident they’ll be benefited from this website.

    47. Thank you for sharing excellent informations. Your web site is so cool. I am impressed by the details that you’ve on this site. It reveals how nicely you understand this subject. Bookmarked this web page, will come back for extra articles. You, my friend, ROCK! I found simply the info I already searched everywhere and simply could not come across. What a perfect web site.

    48. It is in point of fact a nice and useful piece of info. I’m glad that you simply shared this useful information with us. Please stay us informed like this. Thanks for sharing.

    49. Youre so cool! I dont suppose Ive learn something like this before. So nice to find any person with some original ideas on this subject. realy thank you for beginning this up. this web site is something that’s wanted on the net, someone with a little bit originality. useful job for bringing one thing new to the internet!

    Leave A Reply