Changing User Experience
              India’s leading TV Channel Website   www.zeetv.com
www.zeetv.com




WEBSITE
REDESIGN
 WENT LIVE IN MAY 2009
This is about
CONCEPT
DESIGN
  &
USERS
Concept & UI Design

              By: Neelima Salvi

     Product Design Manager, DMCL, 2008-09
SCREENSHOTS
of old website
Homepage   Old Website
Show page   Old Website
Schedule page   Old Website
Challenge
Information on zeetv.com.com currently is not
being actively promoted. New website will
materialize as Entertain...
Explore the

PRACTICAL
APPROACH
First Cut of
DESIGN
Client sent few
 templates created
by another Designer
According to client these two were extra-ordinary templates.
Second Cut
    of
DESIGN
I tried few more
DESIGNS
and got
REJECTED
and got
REJECTED
again
I discovered
A visually appealing clear, concise & highly
focused website that is multi browser
compatible need to be crea...
I threw out all the concepts
  ...and on a cup of coffee
         this brew...
The Living Room



"Today on Zee" content is auto scrolling or on mouse over scrolling.

"Recent Episodes" take visitor to...
They liked the concept
          but
 they dumped the idea of horizontal layout
Challenge is
not to satisfy yourself
        but to
  satisfy the client
I tried
   different
compositions
of living room
and this was
APPROVED
Page Background
    Theme
Option 1
Option 2
Option 3
Option 4
Shows Navigation Sub Menu
Shows Landing Page
Schedule page
Show page
option 1
Show page



About Show

Videos

Cast
Show page
Auto scrolling slides highlighting SHOW NAME & TIME
Show page
Auto scrolling slides highlighting WATCH VIDEO
Show page
Auto scrolling slides highlighting MEET THE CAST
Show page
Auto scrolling slides highlighting PHOTO GALLERY
Show page
Video Player

Watch Video

Poll

Video Listing
Show page
Episode Guide
Show page

Cast

Comments

Downloads

Videos
Movies
Concept & UX
The user experience is reformatted for content monetization, driving
traffic and keeping the visitor engaged....
A spot check on the Television websites of India
                        Source: Hindustan Times, September 11, 2009 (News...
A spot check on the Television websites of India
Star Plus www.starplus.in               Source: Hindustan Times, Septembe...
A spot check on the Television websites of India
Colors,Viacom18 www.colorstv.in      Source: Hindustan Times, September 1...
A spot check on the Television websites of India
NDTV Imagine www.ndtvimagine.com Source: Hindustan Times, September 11, 2...
A spot check on the Television websites of India
Sony TV www.setindia.com               Source: Hindustan Times, September...
Zee TV website rated as

     BEST
  in Spot Review by
HINDUSTAN TIMES
A spot check on the Television websites of India
Zee TV www.zeetv.com                    Source: Hindustan Times, Septembe...
Result
The redesigned website launched in May 2009
with positive response from end users and
industry experts. Since the l...
Result

43.95% New Visits - (March 1 - Sept 30 2009)
992,648 Absolute Unique Visitors - (March 1 - Sept 30 2009)
00:07:44 ...
Let me speak
Thank You!
            Neelima Salvi
Product Design Manager, DMCL, 2008-09

     Email: neelima.salvi@gmail.com
How to increase users to content website with design
How to increase users to content website with design
How to increase users to content website with design
How to increase users to content website with design
How to increase users to content website with design
How to increase users to content website with design
How to increase users to content website with design
How to increase users to content website with design
How to increase users to content website with design
How to increase users to content website with design
How to increase users to content website with design
How to increase users to content website with design
How to increase users to content website with design
How to increase users to content website with design
How to increase users to content website with design
Upcoming SlideShare
Loading in...5
×

How to increase users to content website with design

2,077

Published on

TV website gets 200,000+ hits in 3months after design change

6 Comments
4 Likes
Statistics
Notes
No Downloads
Views
Total Views
2,077
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
6
Likes
4
Embeds 0
No embeds

No notes for slide

Transcript of "How to increase users to content website with design "

  1. 1. Changing User Experience India’s leading TV Channel Website www.zeetv.com
  2. 2. www.zeetv.com WEBSITE REDESIGN WENT LIVE IN MAY 2009
  3. 3. This is about CONCEPT DESIGN & USERS
  4. 4. Concept & UI Design By: Neelima Salvi Product Design Manager, DMCL, 2008-09
  5. 5. SCREENSHOTS of old website
  6. 6. Homepage Old Website
  7. 7. Show page Old Website
  8. 8. Schedule page Old Website
  9. 9. Challenge Information on zeetv.com.com currently is not being actively promoted. New website will materialize as Entertainment, Ecommerce, Customer Service, Promotions and Sales to compete in today's online media market. It will promote an online platform for a Rich User Experience to its viewers.
  10. 10. Explore the PRACTICAL APPROACH
  11. 11. First Cut of DESIGN
  12. 12. Client sent few templates created by another Designer
  13. 13. According to client these two were extra-ordinary templates.
  14. 14. Second Cut of DESIGN
  15. 15. I tried few more DESIGNS
  16. 16. and got REJECTED
  17. 17. and got REJECTED again
  18. 18. I discovered A visually appealing clear, concise & highly focused website that is multi browser compatible need to be created for zeetv.com. During design and development of new website, attention must be paid on content monetization, driving traffic and keeping the visitor engaged.
  19. 19. I threw out all the concepts ...and on a cup of coffee this brew...
  20. 20. The Living Room "Today on Zee" content is auto scrolling or on mouse over scrolling. "Recent Episodes" take visitor to the screen to watch a video on a mega screen with related features and information. "Artist Gallery" is linked to all Zee TV artists listing page. "Fun Bag" contains all the interactive features like Fan Club, Discussion Forum, Community, Downloads, Mobile etc. "Wall Clock" take visitor to the Schedule Information. “The scenery” from the window represents channel packaging theme. “A TV screen” will take visitor to Media section “ZRU” Trophy is an external link for Zee Rishton ka Utsav.
  21. 21. They liked the concept but they dumped the idea of horizontal layout
  22. 22. Challenge is not to satisfy yourself but to satisfy the client
  23. 23. I tried different compositions of living room
  24. 24. and this was APPROVED
  25. 25. Page Background Theme
  26. 26. Option 1
  27. 27. Option 2
  28. 28. Option 3
  29. 29. Option 4
  30. 30. Shows Navigation Sub Menu
  31. 31. Shows Landing Page
  32. 32. Schedule page
  33. 33. Show page option 1
  34. 34. Show page About Show Videos Cast
  35. 35. Show page Auto scrolling slides highlighting SHOW NAME & TIME
  36. 36. Show page Auto scrolling slides highlighting WATCH VIDEO
  37. 37. Show page Auto scrolling slides highlighting MEET THE CAST
  38. 38. Show page Auto scrolling slides highlighting PHOTO GALLERY
  39. 39. Show page Video Player Watch Video Poll Video Listing
  40. 40. Show page Episode Guide
  41. 41. Show page Cast Comments Downloads Videos
  42. 42. Movies
  43. 43. Concept & UX The user experience is reformatted for content monetization, driving traffic and keeping the visitor engaged. The layout is designed like an Indian living room to present the concept of Family Entertainment keeping the channel tag line “Har Pal Banaye Ek Naya Rishta” in mind. The objects used in the page background like butterflies, bubbles, creepers goes with the Channel Packaging theme. By incorporating the links of promotion of new shows, upcoming events, movies, site tour, contest, poll, reminders, download and schedule into the layout itself, I made it easier for users to find the information they wanted most. Each show has a separate page. From the clean, clear sub navigation menu on Show page below a colorful slide show, users are able to quickly and efficiently drill down for more specific information on Show, Cast, Photo Gallery, Episode Guide and Videos. On Schedule page, users can view Daily, Weekly and Prime Time slot in one shot. Thus I tried to change the user experience of Zee TV website.
  44. 44. A spot check on the Television websites of India Source: Hindustan Times, September 11, 2009 (Newspaper, India) www.starplus.in www.ndtvimagine.com www.zeetv.com www.colorstv.in www.setindia.com
  45. 45. A spot check on the Television websites of India Star Plus www.starplus.in Source: Hindustan Times, September 11, 2009 (Newspaper, India) Homepage: Purple, black and blue - the homepage is cluttered and has too much going on. You can, however, choose to view the homepage in four different colours - grey, black, purple, yellow. Features: A candy bar right on top give you the day's prime-time schedule and links to interactive features, galleries and news about the channels. Each show's page has blogs from hosts, recaps and other videos.
  46. 46. A spot check on the Television websites of India Colors,Viacom18 www.colorstv.in Source: Hindustan Times, September 11, 2009 (Newspaper, India) Homepage: Purple, black and blue - the homepage is cluttered and has too much going on. You can, however, choose to view the homepage in four different colours - grey, black, purple, yellow. Features: There are constant promos of upcoming shows and each show has a webpage. There is a section dedicated to cool mobile-compatible downloads.
  47. 47. A spot check on the Television websites of India NDTV Imagine www.ndtvimagine.com Source: Hindustan Times, September 11, 2009 (Newspaper, India) Homepage: Neat, uncluttered but a regular website. The homepage has the day's schedule, stills from shows, links and polls. The page also links to the Facebook and Twitter pages of the channel. Features: The website itself has the usual downloads and links. Each show's webpage has forums, episode guide and a countdown to when the next episode of the show airs.
  48. 48. A spot check on the Television websites of India Sony TV www.setindia.com Source: Hindustan Times, September 11, 2009 (Newspaper, India) Homepage: Set against the backdrop of a clear blue sky and open green fields, the website offers the days's schedules, promos and even downloadable widgets on the channel. An annoying thing is the watermark video that runs between the background and foreground, like haunting ghosts. Features: There aren't very many funky features even on the shows's webpages. But there's synopsis, downloads, videos, and space for people to interact with the star cast.
  49. 49. Zee TV website rated as BEST in Spot Review by HINDUSTAN TIMES
  50. 50. A spot check on the Television websites of India Zee TV www.zeetv.com Source: Hindustan Times, September 11, 2009 (Newspaper, India) Homepage: This one's a delight! In keeping with the 'family channel' theme, the homepage is designed like a warm, comfy drawing room, complete with an LCD screen, a plush sofa and shopping bags. Links to other pages are worked into the layout - click on the VCD rack for a list of upcoming movies and the fish bowl for a tour of the site. Features: As with all other channel sites, each show has it's own webpage with recap videos and discussion forums. However, the news and gossip section isn't always up-to-date.
  51. 51. Result The redesigned website launched in May 2009 with positive response from end users and industry experts. Since the launch of the redesigned visitors website have increased 5 folds .
  52. 52. Result 43.95% New Visits - (March 1 - Sept 30 2009) 992,648 Absolute Unique Visitors - (March 1 - Sept 30 2009) 00:07:44 Time on Site - (March 1 - Sept 30 2009)
  53. 53. Let me speak
  54. 54. Thank You! Neelima Salvi Product Design Manager, DMCL, 2008-09 Email: neelima.salvi@gmail.com

×