I’ve been poring over the pages on my website dedicated to the radio featurette I produce called, Musical Notes. I’m open to changing the WAY things work but I want to be able to change slowly so that my subscribers aren’t put off by or get lost in the new design.
So far, in order to replicate the old design (as closely as possible), I’ve come up with a few possibilities for add-ons to purchase as part of my “kit,” as well as some specs for how it should function.
I want to create a grid of images that each link to a page or a blog entry with several elements: artwork for that show episode, an audio player, preview text, and a transcript of the show.
Following are some of the tools that I think will be useful.
Specs for the new MusicalNotes.Show website
- Home Page containing a grid of images (5 wide on the Desktop, 3 wide on tablet, and 1 column wide on phone)
- Each image is linked to a page for its associated show
- Ad space
- Comments / Suggestions
- Sidebar with links to artist or film websites
- Contact page link
- About page link
- Each Show page includes:
- Program Artwork Header
- Ad space
- Artwork for show
- Publish date
- Audio player for Show (auto-plays Show audio)
- Audio player for tracks used in the show (samples only) (click to play)
- BUY NOW button to purchase tracks from iTunes or other source(s)
- Show number
- Transcript (with links to tracks used in show)
- Share / Social media buttons
- Like button
- Previous and Next buttons/links that include the title of the show being linked
- Footer with copyright notice
- As new shows are produced, the website is updated with a new show page and an addition to the grid on the Home page
- Batch uploads are possible and shows can be scheduled for future publication
- Foundation Theme
- Styled Text Stack
- Stacks 3
- Bricks 2
- RW/Writer blog stack by Blueball Design
- Audio by Yuzoolthemes
- Player Stack by Archetypon
- HTML 5 Audio by Joe Workman
- Soundcloud by Joe Workman
- Comments by Joe Workman
- HTML Contact Form by Doobox
- Hunter 3 by Doobox
- Focus by elixir graphics
- Total CMS by Joe Workman
- Structure by elixir graphics
Of course, these are only possible tools to use to build the site. I’d like to narrow these down to the best tools available.
Your comments, thoughts, feedback, and/or suggestions are more than welcome. I’m trying to play catch-up on all the new tools and techniques out there in Rapidweaver-land.
Thanks for your time and attention.
Lawrence Standifer Stevens (@TangoArtist)