A print Magazine’s cover page is a great parallel for a website’s “Magazine” styled theme. When you think of the cover of a magazine you’ll notice that it’s essentially a bunch of teasers leading to what’s to be found deeper inside.
Picking up a print magazine, you skim the cover and find something that catches your eye. Next, you start flipping pages looking to find that article.
Websites with the Magazine style do the same thing but instead of making you flip through pages, with a click you are brought right to what caught your eye!
Since I used a bunch of Vogue magazines as an example I’ll use the current Vogue.com site to explain what they are doing with their “magazine” styled website.
STARTING AT THE TOP
Grabbing screen captures using a incognito window, we see they have a logo, a Call to Action (CTA), a Menubar, an Ad delivered probably by Google, then another Call to Action.
The logo and menubar are part of what we call the Header. The Header is what is called a common area – meaning they remain the same on every page, not just the front page.
The front page is very long. I won’t take up all the room here with it but you can see if you click here. Next they have a full section width for the lead story today.
Right below that they start the multi column section of the current teasers. These teasers show an image, the category of the post, the title of the post, and the author.
Moving further down the page they continue with the same idea, changing up the columns, with other Calls to Action and Google Ads interspersed along the way.
At the bottom is a Footer. This is also a common area that will be shown on most every page.
WHAT YOU NEED TO KNOW
- The Front Page (home page) can be as long as you like.
- The Front Page changes dynamically as new posts and pages are written.
- The Front Page can also contain Calls to Action.
- The two common areas (Header and Footer) also show on every page.
We’ve Made It Easy
Pick a Style,
Pick Your Colors,
WE’LL BUILD A GREAT WEBSITE JUST FOR YOUR BUSINESS!