When I was interning at Countryliving.com last summer, Hearst Digital Media had just started the rollout of new websites for each of their publications. Cosmopolitan.com was the first to be switched over to a new site with better functionality and user experience. The rest of the Hearst publications received website redesigns soon after, including Countryliving.com.
Hearst Digital Media “established a set of core values necessary for the new publishing platform with enhanced user experience as the overarching goal. The velocity of the sites, from editors’ ability to publish quickly and easily to users’ speed of consumption, was paramount. Simplicity was also important—the new platform pares down options and offers fewer, yet more effective publishing format choices,” according to an article about the website relaunches.
Included in the website redesign was a redesign for the look of the sites on a mobile device. Countryliving.com’s mobile platform used to be their basic website you would see on a desktop with very little functionality. Now, the website takes up the entire screen of the mobile device, and you can easy scroll down for more content, instead of having to zoom in to click on links to take you to content.
This is the “homepage” of the mobile version, which is similar to the desktop version in that both feature a grid format with large photos (and the homepage story is the same).
To navigate the mobile version, you click up at the top and a hover menu bar comes from the left side featuring several topics of other pages that you can navigate to for specific content.
As you scroll down on your phone, a large photo, a headline and a small deck appear for each story. The content is even divided into sections via that yellow bar you see entitled “Gardening Ideas,” so that you know what type of content you are entering as you scroll.
As you get to the end of the mobile page, you see the “masthead” of the website that you would normally see stretched across the entire desktop page.
The mobile version of Countryliving.com now works great compared to their antiquated version they used to have. Now content is larger, easier to navigate to and the typefaces and colors have even been updated for a cleaner, more stream-lined look.