Posts

Hip Logo

A Publisher That’s Totally HIP

 

A HIP PUBLISHER  – CONTENT MARKETING ON SOCIAL CHANNELS

DISCOVER HOW WE PROVIDED LEADING EDGE CONTENT MARKETING & MEDIA SOLUTIONS TO AN ENTERTAINMENT NEWS STARTUP AND MADE THEM TOTALLY HIP.

Coinero Pakistan required a Digital Partner to launch their flagship media property HIP Pakistan. The brief was simple. Create something that they could easily manage themselves with the ability to upload new content and multimedia as and when they were written, but with controls over when it was published. MI Digital was chosen due to their unmatched expertise working in cross-channel solutions and an understanding of the technology to run high profile, high traffic sites. The content management system would be key as HIP news especially related to fashion and celebrities come and go in the blink of an eye — so the HIP Team needed to be able to react even faster, or be relegated to the bargain bin. The system would also have to work to incorporate publishing and ad servers as well as distribute content across social channels within a heart beat of the content’s upload.

HIP 1

MI Digital also took upon itself as a challenge to create an enhanced catalog for the photography on the site (a sure traffic puller) and create digital experiences that highlight the latest and greatest in the industry — while they’re still relevant. Stated simply, we put the freedom and power to build compelling marketing and content experiences in HIP’s hands.

HIp7The platform built on the popular content system WordPress, allowed HIP team to bring their customers closer to the runway, the show, the launch, the movie or anything they wished  with enhanced interactivity, rich multimedia experiences and the ability to seamlessly integrate social functionality — allowing them to go from concept to creation faster than their audience could say, “That’s so…HIP!”

On the homepage,the content column was divided into sub sections representing the feature articles of each channel on the site. The general structure of the designed layout of each web page contained a significant article including an image, headline and thematic introduction. Aging content which was less hip was represented only by a headline and a key-phrase. To access the complete article, its associated images and related text one had to click on the headline. The general tone of the site was more straightforward and factual in its approach to communication. The UX whilst considerably and effortlessly communicated to the target audience.

HIp2

The figures already are encouraging reading, suggesting that the strategy to engage distinct audiences of those coming new to the media brand through a focus on stories –  is already delivering ahead of expectations. 

MI Digital also developed the visual style for the media brand. Working closely with the HIP team – creating collaborative mood boards  to gather stimulus from the team – MI Digital came up with a visual identity that was truly HIP. The challenge was to create a robust brand language that was endlessly adaptable, flexible and immediately recognizable. The visual language communicated ‘Trendy’ from trend lines running between the sections to textures that truly reflected what was HIP, the design language catered to the young, fashion conscious and HIP crowd. 

Presenting the wealth of content we have in a way that enabled our audiences to easily find the information they come to the site to find was identified as one of our biggest challenges. In practice, however, MI Digital team  made this part of the process seem relatively simple, and working with the client we have made the site a more engaging destination with very high time on site metrics well above industry norms.

HIp5

 

Making sure the site appeals to the varied users requires a significant investment in understanding those audiences. We also felt a real sense of responsibility on this project. When you’re dealing with a new brand and hoping to create a passionate fan base you really want to ensure you’re reflecting the brand appropriately online. The close working relationship with the team at HIP and the time spent getting under the skin of the audiences has really helped us to develop a site that we feel is as HIP as we think it is.

HIp6

 

 

Beyond just creating a HIP design, MI Digital team was also responsible for creating engagement and generating traffic to the site via it’s SEO services.

Within a few months, HIP Pakistan was leading the searches for some of the most sought after keywords in Pakistan including it’s own related and for the leading entertainment topics in the industry.

Hip8

 

HIp9

 

Full Features List:

  • Show posts in different styles.
  • Show a Grid Module (4, 5 or 6 articles), a big slider or a normal sized slider above the latest posts
  • Offset Option for posts lists to not have duplicate posts appear on the same page (grid shows posts #1-#5 and the posts list below shows from post #6 and onwards).
  • Infinite Scroll Options: All blog styles can use “Normal pagination / Infinite Scroll / Infinite Scroll with Load More Button”
  • Feature specific posts exclusively in the category grid/sliders
  • Upload custom backgrounds
  • Set the background to any color
  • Set background to full-width stretch, repeat or no-repeat
  • Set general color for category using a color picker (for menu hovers, review boxes, etc)
  • Option to use a unique sidebar
  • Full-Width Post Option
  • Fully integrated review / rating system
  • Reviews system options:
    • Three different styles: Stars, Percent or points
    • Option to include a score subtitle to appear in the thumbnails throughout the site
    • Option to include up to three pros and cons with custom titles
    • Option to turn on/off user ratings (user reviews). When a user leaves a rating, a cookie is left on the visitor’s computer with the relevant post ID, to minimize chance of visitors voting multiple times on the same post.
    • Multiple shortcodes available for articles: Dropcaps, buttons, highlight text, toggle (Faqs), alert boxes, columns, video gallery, responsive video, divider and tabs.
  • Post Format: Video (Able to embed YouTube / Vimeo / Kickstarter / Viddler videos) and appearing in a unique overlay of the featured image
  • Post Format: Audio (Able to embed Soundcloud) and appearing in a unique overlay of the featured image
  • Upload custom background or background slideshow
  • Change the featured Image style (four different styles) or turn off completely
  • Set the background to any color
  • Set background image to full-width stretch, repeat or no-repeat
  • Custom Sidebar
  • Featured image can be set to output as “Parallax / Full-background / Full-Width / Standard / Full-background slideshow”
  • Upload custom background
  • Upload multiple custom backgrounds for background slideshow
  • Set the background to any color
  • Set background image to full-width stretch, repeat or no-repeat
  • Set general color for page using a color picker (for menu hovers, borders, etc)
  • Option to turn on/off hover zoom effects on sliders/grids
  • Takeover Background Ads (clickable backgrounds) system.
  • Retina Ready (HD)
  • WPML-Ready, RTL-Ready.
  • Boxed Or Full-Width site Option
  • Mega menu system
  • Custom Sidebars for category and pages
  • Schema Review Rich Snippet Microdata
  • Schema Author Rich Snippet Microdata
  • Schema Breadcrumbs Rich Snippet Microdata
  • Fully Responsive design
  • In-built pagination
  • Indented threaded comments
  • Designed with valid HTML5 + CCS3 code
  • Extensively tested with ALL major browsers and versions, including IE8.