RODALE BRANDS' HOMEPAGE
IMPROVEMENTS
2017
Advertising
Category: Publishing
Platform(s): Responsive Web, Drupal
Update homepage template for all of Rodale's magazine brands including Men's Health, Women's Health, Runner's World, Bicycling, Prevention, Rodale's Organic Life.
COMPETITIVE ANALYSIS
Heuristic analysis of existing homepage template and cross-industry analysis of homepage node queues and feature blocks.
NODE QUEUES AND FEATURE BLOCKS
- single queues, multiple queues and pegged/pinned content.
- patterns: lists vs grids vs masonry, single, double, triple, quad
ADS
- banner ad placement: above or below brand & navi, in-page near/below fold
NOTE: LEADERBOARD DROPPING TOWARDS FOLD
NOTE: VERY FEW SHOW LEADERBOARD & BOX ABOVE FOLD
NODE DESIGN
- Full-width block is standard
- *full width of layout OR full width of window”
- full width images require different views per breakpoint. SEE: Allure, Vogue,
- partial width images (2/3) SEE Broadly, Cosmopolitan, Atlantic, GOOD, Tonic.
- Headline:Image Placement (Infront of, adjacent-left, adjacent-right).
- Responsive image-text pivot - whereas text is next to image on desktop, on tablet/mobile text pivots below image.
- Differentiation between
- FEATURE BLOCKS (no margins on mobile, title and image, sometimes tag or type)
- NODE QUEUE (margins on mobile, additional meta data)
CONTENT
- Any content type at any position.
WIREFRAMES
Wireframes for distribution to stakeholder review and sign-off:
Annotated wireframes posted to jira tickets:
VISUAL DESIGN
VISUAL DESIGN CROSS-BREAKPOINT COMPS:
VISUAL DESIGNS