The document discusses the proposed design and content flow for a new website. It outlines the stylesheets, page layout, and different sections including headers, featured content areas, navigation bars, and tabbed browsing of content channels. It provides examples of similar elements on other websites and proposes an initial focus on Carnatic music content, with plans to expand to additional performing arts, festivals, fashion, and food content going forward.

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! . . .