Your SlideShare is downloading. ×
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
XYZ
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

XYZ

366

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
366
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. The Stylesheet The Flow of Content Going Forward… . . . .
  • 2. The Stylesheet . . . .
  • 3. The Basics
    • Font Family : Arial
    • Colours
        • Body Text : Black
        • Highlighted Text : Pink, Orange, Lime green
    • BG colour : White
    • Page Size : 1024*768 px
  • 4. The Basics… (contd)
    • Page layout : Left Aligned
    • Navigational Bars : Single – Top Nav
    • Information Popup : Square callout with Lime Green outline & white BG
    • Error Popup : Square Callout with Pink outline & white BG
    Info!!! Error!!!
  • 5. The Flow of Content
  • 6. Just to avoid Jargon differences, and hence miscommunication, the parts of a web page:
  • 7. Site ID (Header) Footer Top Nav (Main Menu) Content Area Drop Down menu (sub menu) FODs (News style) Left Nav Channels
  • 8. . The Header . . .
  • 9. The Header
    • The Site ID shall be in the top left corner of the web page, with nothing above it. (e.g. Sify.com)
    • The Header shall always have icon links to our channels and each channel will open out in a new page (e.g. NDTV.com)
    • The header will also have links to our Twitter page, Facebook and Orkut profiles, Linked in profile, RSS feed if any and other web presences. (e.g. Techcrunch.com)
    • The login and password boxes fall right below the header horizontally (like the amazon.com search boxes)
  • 10. . E xamples from the web! . . .
  • 11. Links to Web Presences
  • 12. Site ID on top
  • 13. Channels
  • 14. Login & Password
  • 15. . Feature of the day! . . .
  • 16. The FODs
    • The Feature Of the Day will come in the block right below the site id.
    • The FODs can be in one of the following 4 formats based based feasibility!
        • The Cube , with 4 images and encrypted descriptions, clicking on which will take the user to the feature page. (e.g. Contentsutra.com)
        • The Slide , with 5 features in the form of a slide show! (e.g. Joost.com)
        • Floating FODs, more interactive format of FODs, where clicking on any FOD will bring it to the top and maximise it (e.g. doubleclick.com)
        • Special Single , Where a single FOD will be highlighted for over half a page! The same can be a good idea during our starting few days. (e.g. Apple.com)
  • 17. . E xamples from the web! . . .
  • 18. The Cube
  • 19. The Slide
  • 20. Floating FODs
  • 21. The Special Single
  • 22. . Content Layout! . . .
  • 23. The Content layout
    • The user experiences tabbed browsing with one tab for each channel that’s live on the site. (e.g. asklaila.com)
      • During december kutchery season, the tabs could be today’s schedule, shop for albums, etc, each tab with a close icon, giving the user the choice to keep it on or close it down (e.g. bbc.co.uk)
    • An “Add more tabs” option or “edit tab” is always available on the home page.
    • There is minimum clutter and maximum interactivity for the user. The page can maximum run down for one scroll. Not beyond that! (e.g. Box.net)
    • The user can customize his/her home page after logging in, adding widgets, alarms, reminders, calendars, sticky notes etc (e.g. igoogle.com)
  • 24. . E xamples from the web! . . .
  • 25. Tabbed Browsing
  • 26. The editable/closable tabs
  • 27. Single scroll layout
  • 28. . Other pages… . . .
  • 29. The other pages - general
    • A mini version of the FODs stays on all the pages allowing the user access to the same always.
    • Anything is linkable! For example, if the user is viewing a timetable for that day’s concerts, he can click on a particular sabha to see all their concerts listed out, or click on an artist to see his profile and his concerts for the season, as well as check out some of his albums. If in the profile, a mention is made about a particular album, the user can click on the text to view the album details! And so on and so forth
    • The page layout is like a magazine, but with minimum clutter! As much as possible, we will not have articles beyond 200 - 300 words! (e.g. People.com, bravotv.com)
    • There will be interactive elements in every page, from simple arrows to movable window panes. The language will be extremely personal and the experience, completely user specific. (e.g. Ning.com)
  • 30. . E xamples from the web! . . .
  • 31. Magazine Layout
  • 32. Video Magazine Layout
  • 33. Interactive elements
  • 34. . Flow of pages! . . .
  • 35. Flow of pages (Cut 1) * Future prospects Home Page Stage plays* Dance* Tamil English Hindi Oldies Now running Oldies Now running Fashion Shows* Classical festivals Music December season Sabha Schedule Sabha 1 Sabha 2 Sabha 3… Live streaming Download archives Artist Profiles Artist albums Artist schedule for season CD library Folk festivals… Chennai sangamam Online Radio Carnatic Music Other Concerts* Thiruvaiyaru festival Custom playlists Live streaming
  • 36. Going forward . . . .
  • 37. First step
    • Our starting product will be music, with special focus on carnatic music.
    • The same will have content in the form of artist profiles, kutcheri calendar, and also live streaming from at least one sabha.
    • Xxyyzz.com shall boast of the only online concert calendar that allows the user to set alarms, reminders, etc
    • Promoting an artist’s CDs when his kutchery is on that day will be a great ad strategy
  • 38. Going forward
    • As we move on, the following can be good sources for content in the site:
        • Music – Thiruvaiyaru music festival, fusion music, various kutcheries
        • Drama – Tamil, English and Hindi; Oldies and new releases
          • Metro plus drama Festival
        • Dance – Classical
          • January dance festival that follows December!
          • Natyanjali
          • Dance dramas
        • Chennai Sangamam arts festival
        • Fashion shows
          • Lakme fashion week (currently Sify’s property)
          • India Fashion week
        • Food festivals – recipes
  • 39. . The Beginning! . . .

×