Prajavani Online News Site Mockup

Design for vernacular news consumptions for millions of users of Prajavani

  • #responsivewebsite
  • #digitalnews

We were asked to redesign the popular Kannada newspaper with a mobile first approach to increase their revenue and time spent on the site.

  • Strategy
  • Design
  • Front-end development
Prajavani Online News Site Illustration

Creating unity in diversity

With a 40 member project team from Prajavani, there were a lot of diverse thoughts. We iterated endlessly, getting every stakeholder on board, till we arrived at an awesome end product

Prajavani Online News Site Design Workshop Netbramha Team
Prajavani Online News Site Design Workshop Prajavani Team
Prajavani Website User centric Designing for comfort

Focus on the user designing for comfort

For the all new Prajavani website our focus was to create a structure that fits with the common mobile interactions and navigation. But we made sure to leave a little bit of delight in there..

Swipe it. Play it. Scroll it.

Prajavani Website Mobile Mockup screen
Prajavani Website Mobile Mockup screen
Prajavani Website Mobile Mockup screen
Prajavani Website Mobile Mockup screen
Prajavani Website Mobile Mockup screen
Prajavani Website Mobile Mockup screen
Prajavani Website Mobile Mockup screen
Prajavani Website Mobile Mockup screen
Prajavani Website Mobile Mockup screen

Header 52px

Sandur Kannada bold

ಸ್ವಾತಂತ್ರ್ಯ, ಸಮಾನತೆ ಹಾಗೂ ಭ್ರಾತೃತ್ವ

SubHeader 28px

Sandur Kannada medium

ಬೋಧಿಸುವ ಧರ್

Body Copy 14px

Sandur Kannada regular

ಸ್ವಾತಂತ್ರ್ಯ, ಸಮಾನತೆ ಹಾಗೂ ಭ್ರಾತೃತ್ವ ಬೋಧಿಸುವ ಧರ್ಮವನ್ನು
ನಾನು ಇಷ್ಟಪಡುತ್ತೇನೆ.

ಸ್ವಾತಂತ್ರ್ಯ, ಸಮಾನತೆ ಹಾಗೂ ಭ್ರಾತೃತ್ವ ಬೋಧಿಸುವ ಧರ್ಮವನ್ನು ನಾನು ಇಷ್ಟಪಡುತ್ತೇನೆ.

—ಬಿ.ಆರ್. ಅಂಬೇಡ್ಕರ್

Driving up revenue

The key to placing ads is to make them as unobtrusive as possible to the user. We analysed how a user scans a webpage and plugged in the ads accordingly.

Link arrow

The heat maps highlight the most common reading patterns on the web.

Prajavani Website Heat mapping for User focussed design
Prajavani Website Heat mapping for User focussed design Mobile
AD Space 2

Importance of #ffffff space

We experimented with various grids and layouts to come up with the perfect amount of spacing to let th content breathe and enhance usability.

Prajavani Website Importance of white space
Optimal font size for
easy readability
call outs in
creative grid-layout
Breaking monotony with
varied layouts
Prajavani Online News Site Tablet Mockup

The Showcase

Prajavani Online News Site Mobile Mockup
Prajavani Online News Site Tablet Portrait Mockup
Prajavani Online News Site Tablet Landscape Mockup
Prajavani Online News Site Mobile Mockup for Videos
Think your idea
makes lives simpler?

We would love to create an experience around it!

Get in touch