Because currently I worked in a newspaper company, I have the opportunities to redesign the online version of their newspaper. I have not done any newspaper website design before and this is a great challenge for me. I always think that it is hard to create designs that has large amount of content and the flexibility of the layout, as well as how to make it usable to readers.
From my research, online version of Newspaper or magazine must have a layout that allow people to quick scan the latest news and quickly know the news that matters the most of the particular day. To support this, we can use white space, typography, colors etc to achieve this result. Besides that, also have to think of how to make space for advertising without taking too much attention away from the main content. Below are the examples of newspaper and magazine websites with good and usable front page design.
Gulf News front page is clean and well organized with eye-soothing color scheme. It has a 3 column grid that has same width that makes the layout balance.
Foreign Affairs has a clean front page as well. Although I think that the body text a little small to my taste, the type treatment of this site is really nicely done.
Reuters, a news site that focuses on Business and Financial news, has a neutral and professional look. I like the way they put the stock markets indices at the top bar, allow quick glance for readers. There is also a news ticker for quick look to today’s latest news. Overall the layout is really neat.
GOOD website has a unique top fold design. The huge carousel of featured news is an eye-catcher, with the category listing at its left. I also like the article listing at below that arranged in three column layout with different color code for different category.
I really like CNNgo engaging news content. The front page design also pretty well done too. I like the navigation that categorized with different Asian cities, and “to do things” as secondary navigation with different color code.
Although I don’t know about Czech language, but I like the front page. The top news as major attraction with larger space given, and “news in picture” as alternative content. The news carousel at bottom that scrolls left and right prevent the layout from getting to long.
The New Yorker
The New Yorker front page is classy. I really like the typeface and the treatment. The 1-pixel line border separates the content for easy reading.
The Swish Life
I like the way The Swish Life gives huge space for featured news. The huge navigation bar on top (although I think is a little too big) makes easier for section navigation. I also noticed each articles has cool drop cap at the first letter.
RELEVANT magazine has stylish navigation bar. The articles having this small little bubble showing how many comments are there that encourages readers to participate in conversations, which is a good way to engage readers.
.net magazine’s refreshed layout is a stunner. I like the greyish subtle background texture, eye-catchy main display news and the typeface for the news title. The ads also well blended with overall look and feel. I also like the feature that you can switch between list and grid view at “Latest Articles” section.
Basically here are the 10 front page design for newspaper and magazine website that I get inspired from when doing research. Of course if you have any other good suggestions, please feel free to leave a comment below. I hope you enjoy this post!