http://portfolio.nattarbox.com Nat Tarbox/ Design Portfolio Sun, 08 May 2011 23:15:50 +0000 http://portfolio.nattarbox.com en http://portfolio.nattarbox.com/Myspace-Video http://portfolio.nattarbox.com/following/portfolio.nattarbox.com/Myspace-Video Sun, 08 May 2011 23:15:50 +0000 Nat Tarbox/ Design Portfolio 1415061 As a major component of the shift from social network to content destination, I was tasked with creating a video destination that consolidated premium content from Myspace's multiple media partners. This work was done in collaboration with Myspace's internal design team. Video Portal Front Page <img src="http://payload.cargocollective.com/1/0/863/1415061/myspace---homepage.png" border="0" width="670" height="1823" width_o="670" height_o="1823" src_o="http://payload.cargocollective.com/1/0/863/1415061/myspace---homepage_o.png" align="left" /> Custom Player <img src="http://payload.cargocollective.com/1/0/863/1415061/custom-player.png" border="0" width="670" height="468" width_o="670" height_o="468" src_o="http://payload.cargocollective.com/1/0/863/1415061/custom-player_o.png" align="left" /> Channel and Playlist Pages <img src="http://payload.cargocollective.com/1/0/863/1415061/myspace---two-up.png" border="0" width="670" height="948" width_o="670" height_o="948" src_o="http://payload.cargocollective.com/1/0/863/1415061/myspace---two-up_o.png" align="left" /> Custom Player States <img src="http://payload.cargocollective.com/1/0/863/1415061/customplayer.png" border="0" width="670" height="724" width_o="670" height_o="724" src_o="http://payload.cargocollective.com/1/0/863/1415061/customplayer_o.png" align="left" /> Sitemap and Page Types <img src="http://payload.cargocollective.com/1/0/863/1415061/myspace---sitemap.png" border="0" width="670" height="704" width_o="670" height_o="704" src_o="http://payload.cargocollective.com/1/0/863/1415061/myspace---sitemap_o.png" align="left" /> Home and Topic Pages <img src="http://payload.cargocollective.com/1/0/863/1415061/wireframe-two-up.png" border="0" width="670" height="1069" width_o="670" height_o="1069" src_o="http://payload.cargocollective.com/1/0/863/1415061/wireframe-two-up_o.png" align="left" /> http://portfolio.nattarbox.com/Vevo http://portfolio.nattarbox.com/following/portfolio.nattarbox.com/Vevo Sun, 08 May 2011 22:01:16 +0000 Nat Tarbox/ Design Portfolio 1414765 A research project done to explore the possibilities of a "Hulu for music videos", this work directly led to the creation of Vevo and heavily influenced the design and features of the final site. Vevo Home Page <img src="http://payload.cargocollective.com/1/0/863/1414765/vevo---homepage.png" border="0" width="670" height="789" width_o="670" height_o="789" src_o="http://payload.cargocollective.com/1/0/863/1414765/vevo---homepage_o.png" align="left" /> Video and Browse Pages <img src="http://payload.cargocollective.com/1/0/863/1414765/vevo---two-up-pages.png" border="0" width="670" height="549" width_o="670" height_o="549" src_o="http://payload.cargocollective.com/1/0/863/1414765/vevo---two-up-pages_o.png" align="left" /> Popout Player with Video Playlist <img src="http://payload.cargocollective.com/1/0/863/1414765/vevo---popout-player.png" border="0" width="670" height="568" width_o="670" height_o="568" src_o="http://payload.cargocollective.com/1/0/863/1414765/vevo---popout-player_o.png" align="left" /> Color and Branding Mood Boards <img src="http://payload.cargocollective.com/1/0/863/1414765/vevo---mood-board-four-up.png" border="0" width="670" height="508" width_o="670" height_o="508" src_o="http://payload.cargocollective.com/1/0/863/1414765/vevo---mood-board-four-up_o.png" align="left" /> Video Playlist <img src="http://payload.cargocollective.com/1/0/863/1414765/vevo---playlist-wireframes_1.png" border="0" width="670" height="549" width_o="670" height_o="549" src_o="http://payload.cargocollective.com/1/0/863/1414765/vevo---playlist-wireframes_1_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/863/1414765/vevo---playlist-wireframes_2.png" border="0" width="670" height="549" width_o="670" height_o="549" src_o="http://payload.cargocollective.com/1/0/863/1414765/vevo---playlist-wireframes_2_o.png" align="left" /> Video Playlist States <img src="http://payload.cargocollective.com/1/0/863/1414765/vevo---playlist-diagrams.png" border="0" width="670" height="478" width_o="670" height_o="478" src_o="http://payload.cargocollective.com/1/0/863/1414765/vevo---playlist-diagrams_o.png" align="left" /> Video and Artist Directory Pages <img src="http://payload.cargocollective.com/1/0/863/1414765/vevo---two-up.png" border="0" width="670" height="721" width_o="670" height_o="721" src_o="http://payload.cargocollective.com/1/0/863/1414765/vevo---two-up_o.png" align="left" /> http://portfolio.nattarbox.com/Gannett http://portfolio.nattarbox.com/following/portfolio.nattarbox.com/Gannett Fri, 09 Jul 2010 15:23:08 +0000 Nat Tarbox/ Design Portfolio 502868 A reusable template created for USA Today that was then deployed across all of Gannett's newspaper and tv network properties. <img src="http://payload.cargocollective.com/1/0/863/502868/gannett-full-1.jpg" border="0" width="670" height="617" width_o="670" height_o="617" src_o="http://payload.cargocollective.com/1/0/863/502868/gannett-full-1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/863/502868/gannett-full-2.jpg" border="0" width="670" height="875" width_o="670" height_o="875" src_o="http://payload.cargocollective.com/1/0/863/502868/gannett-full-2_o.jpg" align="left" /> http://portfolio.nattarbox.com/Rogers-CityTV http://portfolio.nattarbox.com/following/portfolio.nattarbox.com/Rogers-CityTV Wed, 31 Mar 2010 18:03:04 +0000 Nat Tarbox/ Design Portfolio 293460 A video portal featuring full length premium television content for Rogers/CityTV. This project combined Endeca and Brightcove technologies to create a fast loading experience with advanced navigation and search capabilities. video.citytv.com <img src="http://payload.cargocollective.com/1/0/863/293460/citytv_1-home.jpg" border="0" width="670" height="1018" width_o="670" height_o="1018" src_o="http://payload.cargocollective.com/1/0/863/293460/citytv_1-home_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/863/293460/citytv_2-shows.jpg" border="0" width="670" height="959" width_o="670" height_o="959" src_o="http://payload.cargocollective.com/1/0/863/293460/citytv_2-shows_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/863/293460/citytv_3-video.jpg" border="0" width="670" height="1089" width_o="670" height_o="1089" src_o="http://payload.cargocollective.com/1/0/863/293460/citytv_3-video_o.jpg" align="left" /> http://portfolio.nattarbox.com/iPhone-Uploader http://portfolio.nattarbox.com/following/portfolio.nattarbox.com/iPhone-Uploader Fri, 26 Feb 2010 21:34:48 +0000 Nat Tarbox/ Design Portfolio 286431 Functional prototype for an iPhone app to capture video and upload it to a Brightcove account. Proving to be quite popular with customers, this was productized into an officially supported tool. <img src="http://payload.cargocollective.com/1/0/863/286431/uploader_1.jpg" border="0" width="670" height="708" width_o="670" height_o="708" src_o="http://payload.cargocollective.com/1/0/863/286431/uploader_1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/863/286431/uploader_2.jpg" border="0" width="670" height="708" width_o="670" height_o="708" src_o="http://payload.cargocollective.com/1/0/863/286431/uploader_2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/863/286431/uploader_3.jpg" border="0" width="670" height="708" width_o="670" height_o="708" src_o="http://payload.cargocollective.com/1/0/863/286431/uploader_3_o.jpg" align="left" /> http://portfolio.nattarbox.com/Sympatico http://portfolio.nattarbox.com/following/portfolio.nattarbox.com/Sympatico Wed, 10 Feb 2010 19:37:33 +0000 Nat Tarbox/ Design Portfolio 124510 Sympatico, a large news and entertainment portal in Canada, needed a single template for navigating a large collection of content. en.video.sympatico.ca <img src="http://payload.cargocollective.com/1/0/863/124510/symaptico_670.jpg" border="0" width="670" height="916" width_o="670" height_o="916" src_o="http://payload.cargocollective.com/1/0/863/124510/symaptico_670_o.jpg" align="left" /> http://portfolio.nattarbox.com/Showtime http://portfolio.nattarbox.com/following/portfolio.nattarbox.com/Showtime Wed, 10 Feb 2010 18:29:47 +0000 Nat Tarbox/ Design Portfolio 11581 One of the inaugural projects for the Brightcove Professional Services team, this large video portal serves up clips and full episodes of Showtime's premium content. The navigation structure and underlying technologies have served as a model for all of our portal projects. sho.com/site/video <img src="http://payload.cargocollective.com/1/0/863/11581/sho_670.jpg" border="0" width="670" height="1009" width_o="670" height_o="1009" src_o="http://payload.cargocollective.com/1/0/863/11581/sho_670_o.jpg" align="left" />