Editable WP.blogspot.com

WNYC’s Web site Turns Audio Into One thing Visually Compelling

WNYC’s Web site Turns Audio Into One thing Visually Compelling

Public radio is a supply of nice satisfaction for each those that create content material and those that hear. The place I reside, NPR is a favourite vacation spot for information, clever dialogue (no shouting!) and leisure.

wnyc-breakdown-01

Among the many many NPR affiliate stations in the USA, WNYC is taken into account one of many absolute best. Broadcasting from New York Metropolis since 1924, WNYC is residence to a few of public radio’s finest applications. Homegrown reveals like The Brian Lehrer Show (a private favourite) and The Leonard Lopate Show function discussions on points starting from metropolis corridor happenings all the best way to the largest worldwide tales. Listeners typically have the chance to precise their opinions on air.

WNYC can also be residence to some excellent podcasts, together with Alec Baldwin’s Here’s the Thing, LIES (an interview present the place each assertion is a lie) and Song Exploder (the place musicians break aside their songs).

In different phrases, WNYC is a good place for compelling content material. However this previous media entity additionally interprets seamlessly on-line, with an internet site that's each bit worthy of its guardian’s status.

Let’s discover WNYC’s on-line hub and see what makes it click on. Then, we’ll try some WordPress themes, plugins and different property you should use to make your personal mark in on-line broadcasting.

Why We Love It

At first look, WNYC’s web site is easy and easy. Navigation decisions are fairly restricted and are tucked right into a purple sidebar. In truth, in the event you’re wanting on the website on a widescreen monitor, the navigation will go all the best way to the very left of the display. Benefiting from the additional actual property retains the give attention to the content material itself. WNYC focuses on information and present occasions, so secondary pages won't be the precedence many guests.

wnyc-breakdown-02

The content material space of the house web page focuses solely on the highest on-air tales. The most important tales are on the prime, adopted by categorized listings beneath.

The look of every story is sort of minimal – a photograph, together with some very primary info. This makes for an easier-to-read itemizing of such wide-ranging content material.

wnyc-breakdown-03

Beneath that easy structure is a few superior performance. Every story has two buttons:

  1. A blue Play button that may open up a media participant on the decrease portion of the display.
  2. An Add to Queue button that means that you can save an audio phase for later.

It’s highly effective, but even simpler to make use of than your previous Walkman (and it doesn’t want new batteries each few hours).

Digging deeper, there's some gold hidden in these secondary pages as effectively. You’ll discover fast hyperlinks to every reside stream (together with some sister-stations and a devoted opera channel) and a full itemizing of reveals and podcasts. Every present has its personal touchdown web page with episode info and host biographies.

However the coolest discover must be WNYC’s Discover web page. It’s a technique to construct a customized playlist based mostly in your pursuits with out having to wade via a number of particular person classes or pages. Merely click on on the subjects that curiosity you and choose which reveals you wish to hear from. The location will generate a list of audio segments for listening. You may return and edit your listing of subjects and reveals at any time to higher replicate your tastes.

wnyc-breakdown-04

Challenge Belongings

WNYC is a major instance of how a media-rich website ought to each look and performance. Preserving these classes in thoughts, listed here are some WordPress themes, plugins and different assorted design property that may deliver a few of WNYC’s finest options to your personal web site.

Themes

Podcaster

wnyc-breakdown-05

Podcaster’s nicely-styled embedded media participant (which additionally handles video) offers related performance to WNYC. The theme additionally sports activities its personal easy structure – holding guests centered in your content material. You may add your media on to WordPress, or pull it in from different sources like SoundCloud.

Soundbyte

wnyc-breakdown-06

Soundbyte makes use of a minimal (but stunning) episode itemizing grid that places a little bit twist on what WNYC is doing. The theme makes use of the episode’s featured picture as a background, moderately than as a standalone picture. This protects a little bit of area and makes for an eclectic residence web page. Every episode additionally has a Present Notes space, the place you may spotlight content material that comes up at particular instances throughout a present.

Dunamis

wnyc-breakdown-07

Dunamis is a theme aimed toward church buildings, however has some nice audio capabilities that might lengthen to those that create different media content material. The sermons space of the theme’s demo reveals a sexy put up itemizing with numerous media participant choices to the precise of every put up. There are buttons for streaming audio and video, together with mp3 and pdf downloads. The distinctive performance right here is one thing followers of WNYC’s website can recognize.

Plugins

The Grid

wnyc-breakdown-08

One of many issues WNYC does finest is present the comfort of an audio participant with every put up on their residence web page. The Grid takes benefit of WordPress Post Formats to create responsive grid listings. Utilizing the Audio put up format, you may create a list of your podcast episodes with an embedded media participant. You’ll additionally be capable to import audio feeds from SoundCloud.

Fullwidth Audio Participant

wnyc-breakdown-09

Very like WNYC, Fullwidth Audio Player lets you choose an audio observe and performs it in a sexy media participant bar on the backside of the display. The consumer can even launch the participant in a popup window to permit for continued listening whereas looking different websites.

WavePlayer

wnyc-breakdown-10

Whereas WordPress has audio participant capabilities in-built, WavePlayer takes it a step additional by permitting you to create extra visually interesting playlists proper from the WordPress media library. You’ll be capable to simply add audio to your website’s pages and posts. WavePlayer additionally options the flexibility to customise the look and measurement of the audio participant.

Audio Clips

Since WNYC’s focus is on audio, let’s change up the property part this time round to incorporate some cool clips from AudioJungle. Should you’re a podcaster, these clips will assist you to sound like a seasoned public broadcasting professional.

Breaking News Ident

Epic Orchestral Logo

News Talk Logo Ident

Elegant Electronic Ident

Jazzy Piano Interlude Ident

Make It Your Personal

As we’ve taken an inside have a look at WNYC’s web site, we are able to see why the station is so revered amongst radio followers worldwide. The station strives to attain high quality and steadiness in every little thing they do – their web site being no exception.

Whereas most of us aren’t going to match WNYC’s depth of nice content material (Alec Baldwin is perhaps robust to ebook by yourself present), we are able to use a few of the identical parts that make their web site so profitable. Options just like the embedded audio participant are native to WordPress and will be enhanced with the precise theme or plugin. Their easy and chic website structure reveals us the best way to give attention to our personal nice content material. These are issues that permit customers to search out what they’re in search of and perhaps even change into followers of your website.

Featured picture: 

 

Extra net design deconstructed:

  • For marketplaces and outlets: Etsy
  • For magazines & blogs: 99u
  • For information and media: The Atlantic
Business