Liverpool based designers and programmers, producing high quality websites,3D animation , print and logo,identity design at competitive rates,Having over ten years industry experience. /index.php/portfolio 2010-08-14T21:02:25Z Joomla! 1.5 - Open Source Content Management 2009-04-12T11:32:36Z 2009-04-12T11:32:36Z /index.php/portfolio/web-design/84-halewood-news

<p>Website designed for the online Halewood Newspaper. The site was aimed at creating a community that could act as a news portal, and keep people involved in any local issues.</p> <p><a href="http://www.halewoodnews.com" target="_blank">http://www.halewoodnews.com</a></p> <p><a href="http://www.halewoodnews.com" target="_blank"><br /><img height="100" width="100" src="images/stories/Thumbs/halewoodnews_th.jpg" alt="Pool of Life tours" /></a></p>

<p>Website designed for the online Halewood Newspaper. The site was aimed at creating a community that could act as a news portal, and keep people involved in any local issues.</p> <p><a href="http://www.halewoodnews.com" target="_blank">http://www.halewoodnews.com</a></p> <p><a href="http://www.halewoodnews.com" target="_blank"><br /><img height="100" width="100" src="images/stories/Thumbs/halewoodnews_th.jpg" alt="Pool of Life tours" /></a></p> 2009-04-12T11:13:44Z 2009-04-12T11:13:44Z /index.php/portfolio/web-design/83-pool-of-life-tours

<p>Website designed for a Beatles tour bus company.The site has a bespoke PHP driven booking engine</p>

<p>Website designed for a Beatles tour bus company.The site has a bespoke PHP driven booking engine</p> 2009-02-13T15:33:10Z 2009-02-13T15:33:10Z /index.php/portfolio/print/74-kunst-kamera

<p>Flyer Design ID and Branding for the electro band KunstKamera</p> <p><a onclick="return hs.expand(this,{outlineType: 'rounded-white'})" class="highslide" href="images/stories/portfolio/kkdiag.jpg"><img src="images/stories/Thumbs/kkdiag_th.jpg" /></a></p>

<p>Flyer Design ID and Branding for the electro band KunstKamera</p> <p><a onclick="return hs.expand(this,{outlineType: 'rounded-white'})" class="highslide" href="images/stories/portfolio/kkdiag.jpg"><img src="images/stories/Thumbs/kkdiag_th.jpg" /></a></p> 2009-02-13T15:13:52Z 2009-02-13T15:13:52Z /index.php/portfolio/animation/73-typography

<p>This is a short clip made for a CD Rom learning example</p> <p><a onclick="return hs.htmlExpand(this,{outlineType: 'rounded-white', contentId: 'myhtml', width: 400, height: 300, objectType: 'iframe', preserveContent: true})" class="highslide" href="images/stories/VideoPlayer/videoPlayer.php?video=typography.flv"> <img alt="typography" src="images/stories/Thumbs/typography.jpg" width="100" height="100" /></a></p> <div class="highslide-html-content" id="myhtml"> <div style="padding: 2px; height: 20px;"><a href="#" onclick="hs.close(this)" class="control">Close</a> <a href="#" onclick="return false;" class="highslide-move control">Move</a></div> <div style="padding 0px 10px 18px;" class="highslide-body"></div> </div>

<p>This is a short clip made for a CD Rom learning example</p> <p><a onclick="return hs.htmlExpand(this,{outlineType: 'rounded-white', contentId: 'myhtml', width: 400, height: 300, objectType: 'iframe', preserveContent: true})" class="highslide" href="images/stories/VideoPlayer/videoPlayer.php?video=typography.flv"> <img alt="typography" src="images/stories/Thumbs/typography.jpg" width="100" height="100" /></a></p> <div class="highslide-html-content" id="myhtml"> <div style="padding: 2px; height: 20px;"><a href="#" onclick="hs.close(this)" class="control">Close</a> <a href="#" onclick="return false;" class="highslide-move control">Move</a></div> <div style="padding 0px 10px 18px;" class="highslide-body"></div> </div> 2009-02-13T15:13:12Z 2009-02-13T15:13:12Z /index.php/portfolio/animation/72-music-video-visuals

<p>Animations created for a number of music video projects and concert visuals</p> <p><a onclick="return hs.htmlExpand(this,{easing: 'easeInQuad', fadeInOut: true, outlineType: 'rounded-white', contentId: 'myhtml', width: 400, height: 300, objectType: 'iframe', preserveContent: true})" class="highslide" href="images/stories/VideoPlayer/videoPlayer.php?video=music_visuals.flv"> <img alt="mercury-eye" src="images/stories/Thumbs/mercury-eye.jpg" width="100" height="100" /></a></p> <div class="highslide-html-content" id="myhtml"> <div style="padding: 2px; height: 20px;"><a href="#" onclick="hs.close(this)" class="control">Close</a> <a href="#" onclick="return false;" class="highslide-move control">Move</a></div> <div style="padding 0px 10px 18px;" class="highslide-body"></div> </div>

<p>Animations created for a number of music video projects and concert visuals</p> <p><a onclick="return hs.htmlExpand(this,{easing: 'easeInQuad', fadeInOut: true, outlineType: 'rounded-white', contentId: 'myhtml', width: 400, height: 300, objectType: 'iframe', preserveContent: true})" class="highslide" href="images/stories/VideoPlayer/videoPlayer.php?video=music_visuals.flv"> <img alt="mercury-eye" src="images/stories/Thumbs/mercury-eye.jpg" width="100" height="100" /></a></p> <div class="highslide-html-content" id="myhtml"> <div style="padding: 2px; height: 20px;"><a href="#" onclick="hs.close(this)" class="control">Close</a> <a href="#" onclick="return false;" class="highslide-move control">Move</a></div> <div style="padding 0px 10px 18px;" class="highslide-body"></div> </div> 2009-02-13T15:12:18Z 2009-02-13T15:12:18Z /index.php/portfolio/animation/71-online-advert

<p>Company ident opening introduction video.</p> <p><a onclick="return hs.htmlExpand(this,{easing: 'easeInQuad', fadeInOut: true, outlineType: 'rounded-white', contentId: 'myhtml', width: 400, height: 300, objectType: 'iframe', preserveContent: true})" class="highslide" href="images/stories/VideoPlayer/videoPlayer.php?video=choralab_online_advert.flv"> <img alt="online_advert" src="images/stories/Thumbs/online_advert.jpg" width="100" height="100" /></a></p> <div class="highslide-html-content" id="myhtml"> <div style="padding: 2px; height: 20px;"><a href="#" onclick="hs.close(this)" class="control">Close</a> <a href="#" onclick="return false;" class="highslide-move control">Move</a></div> <div style="padding 0px 10px 18px;" class="highslide-body"></div> </div>

<p>Company ident opening introduction video.</p> <p><a onclick="return hs.htmlExpand(this,{easing: 'easeInQuad', fadeInOut: true, outlineType: 'rounded-white', contentId: 'myhtml', width: 400, height: 300, objectType: 'iframe', preserveContent: true})" class="highslide" href="images/stories/VideoPlayer/videoPlayer.php?video=choralab_online_advert.flv"> <img alt="online_advert" src="images/stories/Thumbs/online_advert.jpg" width="100" height="100" /></a></p> <div class="highslide-html-content" id="myhtml"> <div style="padding: 2px; height: 20px;"><a href="#" onclick="hs.close(this)" class="control">Close</a> <a href="#" onclick="return false;" class="highslide-move control">Move</a></div> <div style="padding 0px 10px 18px;" class="highslide-body"></div> </div> 2009-02-10T10:22:30Z 2009-02-10T10:22:30Z /index.php/portfolio/print/56-print

all about Print main article

all about Print main article 2009-02-05T22:53:41Z 2009-02-05T22:53:41Z /index.php/portfolio/animation/55-tate-n-lyle

<p>This is a short film made about the old Tate N Lyle factory in Liverpool and the people who worked there. We were asked to create special effects for the film, showing how valuable sugar was to the local economy and show the history of the factory</p> <p><a onclick="return hs.htmlExpand(this,{easing: 'easeInQuad', fadeInOut: true, outlineType: 'rounded-white', contentId: 'myhtml', width: 400, height: 300, objectType: 'iframe', preserveContent: true})" class="highslide" href="images/stories/VideoPlayer/videoPlayer.php?video=TateNLyle.flv"><img alt="boysfromthewhitestuff" src="images/stories/Thumbs/boysfromthewhitestuff.jpg" width="100" height="100" /></a></p> <div class="highslide-html-content" id="myhtml"> <div style="padding: 2px; height: 20px;"><a href="#" onclick="hs.close(this)" class="control">Close</a> <a href="#" onclick="return false;" class="highslide-move control">Move</a></div> <div style="padding 0px 10px 18px;" class="highslide-body"></div> </div>

<p>This is a short film made about the old Tate N Lyle factory in Liverpool and the people who worked there. We were asked to create special effects for the film, showing how valuable sugar was to the local economy and show the history of the factory</p> <p><a onclick="return hs.htmlExpand(this,{easing: 'easeInQuad', fadeInOut: true, outlineType: 'rounded-white', contentId: 'myhtml', width: 400, height: 300, objectType: 'iframe', preserveContent: true})" class="highslide" href="images/stories/VideoPlayer/videoPlayer.php?video=TateNLyle.flv"><img alt="boysfromthewhitestuff" src="images/stories/Thumbs/boysfromthewhitestuff.jpg" width="100" height="100" /></a></p> <div class="highslide-html-content" id="myhtml"> <div style="padding: 2px; height: 20px;"><a href="#" onclick="hs.close(this)" class="control">Close</a> <a href="#" onclick="return false;" class="highslide-move control">Move</a></div> <div style="padding 0px 10px 18px;" class="highslide-body"></div> </div> 2009-02-05T22:52:58Z 2009-02-05T22:52:58Z /index.php/portfolio/web-design/54-ginger-giraffe

<p>Online version of a fashion magazine.</p> <p><a target="_blank" href="http://www.gingergiraffe.chora-lab.com">http://www.gingergiraffe.chora-lab.com</a></p> <p><a target="_blank" href="http://www.gingergiraffe.chora-lab.com"><br /><img alt="ginger_giraffe_th" src="images/stories/Thumbs/ginger_giraffe_th.jpg" width="100" height="100" /></a></p>

<p>Online version of a fashion magazine.</p> <p><a target="_blank" href="http://www.gingergiraffe.chora-lab.com">http://www.gingergiraffe.chora-lab.com</a></p> <p><a target="_blank" href="http://www.gingergiraffe.chora-lab.com"><br /><img alt="ginger_giraffe_th" src="images/stories/Thumbs/ginger_giraffe_th.jpg" width="100" height="100" /></a></p> 2009-02-05T22:52:35Z 2009-02-05T22:52:35Z /index.php/portfolio/web-design/53-the-viper-label

<p>Online store for a record label, they needed to show their extensive back catalogue and update their online presence from selling albums to the download medium<a target="_blank" href="http://www.the-viper-label.co.uk"></a></p> <p><a target="_blank" href="http://www.the-viper-label.chora-lab.com/">http://www.the-viper-label.co.uk</a></p> <p><a target="_blank" href="http://www.the-viper-label.chora-lab.com/"><img alt="viper_label_th" src="images/stories/Thumbs/viper_label_th.jpg" width="100" height="100" /></a></p>

<p>Online store for a record label, they needed to show their extensive back catalogue and update their online presence from selling albums to the download medium<a target="_blank" href="http://www.the-viper-label.co.uk"></a></p> <p><a target="_blank" href="http://www.the-viper-label.chora-lab.com/">http://www.the-viper-label.co.uk</a></p> <p><a target="_blank" href="http://www.the-viper-label.chora-lab.com/"><img alt="viper_label_th" src="images/stories/Thumbs/viper_label_th.jpg" width="100" height="100" /></a></p>