Web Site Design & Custom Development

We designed and developed a full video web site for Swimming World Magazine. We began with a generic video sharing PHP script, and then customized it heavily (almost completely re-coding some of the core management systems from scratch) using PHP, Flash, and Javascript.
We began by designing the TV section of the Swimming World web site, with the intention that the design would be integrated across the entire web site. We created a custom header design and navigation design that was flexible and could be integrated on multiple platforms.

swimming-world-subpage

Site design and view of a TV channel page

Custom designed pagination

The pagination system makes use of AJAX and jQuery to load in thumbnails and slide them left and right (cool features for 2011 when we built the site). In Firefox, if you put your cursor in the paging number box, you can actually use your keyboard’s arrow keys to navigate left or right. The javascript also detects paging “momentum” and starts preloading the next page of videos in the background.

You can see the pagination system live and in action over on the Swimming World TV web site.

Results

The site has over 20,000 videos and receives a considerable amount of traffic. We also later on developed a mobile version of the web site and provided customized designs for sub pages. The web site earns almost all of its revenue from ad placements and optimizing the ad positions and ensuring they were well positioned in the design was critical.

Our team also integrated with the Blip.tv video upload API so that new videos automatically are added to Blip.tv which runs additional advertising.

tv.swimmingworldmagazine.com