(v)
(v_i)
(version_industries)

website

qube_website

homepage
forum
_what
social networking site for the international concierge service, quintessentially.
_how
qube is the brainchild of quintessentially ceo aaron simpson. it's a social networking site that delivers all the perks that quintessentially themselves have to offer their members and more
_features
  • extensive social networking architecture similar to friendster, myspace, facebook and a small world
  • exclusive membership governed by individual invitation
  • complex private messaging system allowing html or plain text messages
  • full-featured embedded custom-built forum
  • news pages
  • news ticker
  • member photograph upload facilities
_link
www.quintessentially.com/qube
_awards

"QUBE - the sexiest online community in the world."

vogue magazine, november 2006

_tags

asylum films_website

home page
home page
_what
site for london-based film company, asylum films
_how
asylum contacted us to update and revamp their website a little. open to any ideas we had that might give a new spin to the typical film company website, they let us riff a little on an idea we had developed with our own portfolio site. the result is a rather rich mix of experimental flash, javaascript, css and html. enjoy.
_features
  • javascript click and drag system
  • jpg / flv background display
  • 'get file' feature
  • 'random' button
  • moo tools based menu / section system
  • 'hide menu' feature for viewing media
  • javascript thumbnail overlay system
_link
asylumfilms.co.uk
_tags

forward PH_website

home page
3D tour
_what
site for the new york property, the forward building's penthouse.
_how
the forward is a building of great historical siginificance in new york. it's where the jewish forward newspaper had it's original offices for many years from the turn of the 20th century. for this reason the developer, ronald castellano, wanted to stay as true to the original feel of the building as possible, both in his architectural redesign and the website design. the website for the penthouse was built to present the top floor of the building as an exclusive location in its own right. to really bring it to life we teamed up with will macneil a uk based film editor and 3D animator and produced a beautiful 3D animation of what it might be like to walk through the penthouse when fully furnished. it's also worth mentioning that we worked in collaboration with the new york interior designer campion platt on this project. campion provided us with interior designs of his own to model the apartment on. the end result captures the unique location, interiors and views available at 175 east broadway.
_features
  • flash driven navigation system
  • animated 3D tour
  • original photography
_link
www.versionindustries.com/archive/forwardpenthouse
_tags

charles street_website

downstairs
first floor living room
_what
site for a new york townhouse.
_how
once again thanks to michael bolla for granting us the chance to make a website for another fine new york property. this time for a new york town house in the west village. after much discussion as to how to create a fast loading, comprehensive and immersive website in a very short amount of time, we decided upon the interactive slideshow or 'myst' technique. it was also important that every shot of the building appear almost fake, as if it had been rendered in 3D, so a great deal of photoshop work was involved. the end result is a rather simple but enticing experience that gives you a chance to wander through the house whilst the owner is out.
_features
  • flash driven navigation system
  • original photography
  • streaming mp3 audio
_link
www.versionindustries.com/archive/33charles
_tags

ecodeco_website

products page
intro
_what
site for the tokyo-based, jewelry & fashion accessory brand, ecodeco.
_how
merry angel, the founder & head of ecodeco, emailed us recently with plans for her new website that would coincide with ecodeco's move into the new york jewelry scene. immediately we set to work creating designs in collboration with a manga artist who works for merry in tokyo. the plan was to bring the manga character, merry angel, to life & to present the ecodeco brand in a whole new light. merry paid very close attention to every last detail of the production & the result is a very original & visually gorgeous production. watch out for secrets !
_features
  • flash driven navigation system
  • basic, menu based user interface
  • dual language system (english & japanese)
  • original illustrations
  • original music
  • original photography
  • mailing list
  • contact forms
  • database driven content with html & php driven backend
_link
www.ecodeco.com
_awards
gold medal in the april 2006 american design awards
_tags

public_website

clients page
methodology page
_what
site for the new york-based PR company, public
_how
tricia chan, CEO of public, contacted us with an interest in taking her new company's new website in a less conventional direction. we met with her & showed her examples of pieces we believed were really at the cutting edge of website design at the moment & she picked out elements for us to use in some way & ask us to put together a proposal based on her company's core outlook. the idea we came up with was to take a catchphrase that she coined in the meeting with her & divide it up into five site sections. each word from the phrase would be coupled with the world public to form 5 new phrases that were adaptable to the different pieces of information she wanted to present on the site. further to that she wanted to inject a very fresh, clean & typographically based element to the site using the futura font. this we took in a couple of directions to produce both the off-the-wall intro clip, the site navigation itself & a series of photographs that capture an edgy but vibrant take on the world around us. the end result is a very fast, clean & easy to use site. there are still two sections to fill, but we look forward to doing new things with those in much the same way we have with the other site sections.
_features
  • flash driven navigation system
  • basic, menu based user interface
  • original music
  • original interface sound effects
  • original photography
_link
www.versionindustries.com/archive/public
_tags

forward building_website

virtual tour
building photographs
_what
site for the new york property, the forward building
_how
the forward is a building of great historical siginificance in new york. it's where the jewish . forward newspaper . had it's original offices for many years from the turn of the 20th century. for this reason the developer, ronald castellano, wanted to stay as true to the original feel of the building as possible, both in his architectural redesign and the website design. the finished website showcases a number of the buildings many beautiful elements, both in its surroudings and interior. at the time of writing the building has already has half it's apartments either under offer or in contract.
_features
  • flash driven navigation system
  • computer operating system style user interface
  • high-speed streaming live webcam
  • 3D vector graphic virtual tour
  • original music
  • original photography
  • mailing list
  • contact form
  • database driven content with html & php driven backend
_link
www.forwardbuilding.net
_tags

sable music_website

news and cv page
video page
_what
site for the london-based composer, tom wiggall.
_how
tom wanted to do something rather special with the site that would showcase his work. after many hours of discussion we all agreed that the most fantastic thing to do would be to not only recreate the room where he made his music but also the feeling that the user was themselves stepping around inside it. once he detailed to us the various elements he felt absolutely necessary for inclusion in his site, we chose 6 key points in his room that we felt could best act as virtual terminals for these elements. the resulting site focusses on the atmosphere, clutter and unfinished nature of the kind of room where things are created daily whilst staying true to the documentary nature in which it was recorde
_features
  • flash-driven, video based, intuitive site navigation.
  • site enhancements for users with faster connections.
  • fully interactive music & video players.
  • 'computer terminal' guestbook & contact facilities.
  • dynamically loading sibelius score viewing & downloading mechanism.
_link
www.versionindustries.com/archive/sablemusic
_tags

museum 52_website

artists page
home page
_what
site for the london-based, art gallery, museum 52.
_how
a new gallery on the london art scene, museum 52 gave us a call & asked us to handle their online presence. they told us they were after nothing too over the top or complicated - something that put the art first & that was essentially an easily accessible online database for the gallery & artists they represented. the resulting site is minimalist, fast & easy to use.
_features
  • css, flash, html & javascript driven navigation system.
  • mySQL database with a php driven admin section enabling products & site copy to be easily updated through online web forms.
  • admin section providing a complete interface for uploading and linking images into the database, removing any need for ftp access or manual linking of image paths.
_link
www.museum52.com
_tags

deadsy.tv_website

band page
discography page
_what
fan-site for the los angeles-based, rock band, deadsy
_how
born out of our enjoyment of deadsy's music, deadsy.tv was a side project of ours that gave us a chance to experiment with some older technologies we'd used for the thomasnewbolt.com website. it was the band's new 'tv test signal' logo that primarily inspired the project and lead us to choose the .tv domain. the idea was basically that your computer was intercepting a fairly weak but yet prevailent pirate signal from the band. the end result was a site that deadsy fans the world round have applauded and that also lead to us helping out with deadsy's own website deadsy.com and the band's myspace pages.
_features
  • full motion video flash intro
  • flash driven navigation system
  • basic, menu based user interface
  • easy to update database-driven site filing system
  • random background music selector
  • full-screen music video playback
_link
www.deadsy.tv
_awards
'original' DOPE award
_tags

michael bolla_website

intro
exclusives
_what
site for the new-york-based property broker, michael bolla.
_how
this has been one of our more long-form projects & much like thomasnewbolt.com it has really tested our abilities on a number of new design fronts. the brief was to translate into website form everything that michael bolla & his company luxury lofts & homes have come to stand for during their 15 year existence. michael showed us the kind of sites he was into & we ultimately chose to design the site in flash in order to capture the company's very personal & non-corporate approach. furthermore his passion for yoga, beautiful spaces & subtle, elegant design have all come to the fore on this project in a manner that's translated very well into some satisfying web design. much like the stationery set we designed for him, this site has a lightness, grace & elegance that contrasts well with the world of luxury realty.
_features
  • full screen flash technology
  • flash driven GUI
  • streaming mp3 audio
  • coordinate driven property location mapping system
  • mailing list
  • contact form
  • database driven content with html & php driven backend
  • vector graphics video based introduction
_link
michaelbolla.com
_awards
gold medal in the july 2005 american design awards
_tags

essence communications_website

home page
who we are page
_what
site for the london-based PR agency, the essential essence.
_how
it's hard to define exactly what the brief was for this job. the essential essence wanted a website & they wanted it to be great. the moment their team sat down in our offices we knew we were all thinking on the same level. they handed over some wallpaper & magazine clippings & from that point onwards every idea we had they ran with & visa versa - it was wild. the resulting website, we would all agree, speaks for itself. thanks to all involved, this project was a blast from start to finish.
_features
  • full screen flash technology
  • flash driven GUI
  • streaming mp3 audio
  • original score
  • daily random 'cool quote' mechanism
  • CMS driven client section
_link
essence-communications.com
_tags

jon saunders_website

intro
intro
_what
site for the london-based, rock photographer, jon saunders.
_how
jon saunders is a rising talent who's likely to be on the uk rock scene ... right now. insanely devoted to his cause & able to capture magnificently the intense energies of this hardcore scene, we've not seen photographs of this ilk before. taking a keen interest in our work, jon asked us to create the online home for a gallery of his photographs. granted full creative control & asked to create something rock & roll, the team@versionindustries.com created something that is without a doubt fresh, humorous & unforgettable. step into the world of jon saunders if you dare, you have no idea what's in there ! 
_features
  • flash intro
  • flash navigation system
  • flash photo gallery
_link
www.versionindustries.com/archive/jonsaunders
_tags

thomas newbolt_website

painting view
sketchbook
_what
site for the cambridge-based artist thomas newbolt.
_how
thomas called with some ideas for a site that offered us the opportunity to produce something that would showcase his life's work beyond any typical website limitations. for his online debut he said he didn't care for slow connections or primitive computer technology; the people he wanted to see his work wouldn't have them anyway & they had to be impressed.
_features
  • flash-driven, intuitive site navigation
  • system sound effects & a classical soundtrack
  • site enhancements for faster connections
  • database-driven site filing system
  • still & moving artwork viewing mechanism
  • 'sketchbook' guestbook.
  • video clip pop-ups & 2 full short-films
  • random article quoting mechanism
  • multiple site backdrops
  • contact form
_link
thomasnewbolt.com
_awards
gold medal in the november 2003 american design awards 
_tags

clare newbolt_website

home page
news page
_what
site for the cambridge-based artist clare newbolt.
_how
clare wanted a site that would showcase the work she did on a recent trip to america. her new work was the darkest she'd ever done but at the same time, perhaps the most honest. we took inspiration for the site from the pictures she had done depicting cones engulfed in chaotic, swirling lines.
_features
  • flash interface that embodied the angular, chaotic and menacing new work.
  • flash draggable windows interface for slick presentation of textual information beyond the more abstractly visual core to the site.
  • flash carousel gallery mechanism for swift & involving viewing of the new works.
_link
www.clarenewbolt.com/version_1.0
_tags

swing state_website

home page
photo gallery
_what
website for the ground-breaking political documentary, swing state.
_how
director & producers jason fisher, john intrater & h. spencer young approached us in need of a promotional website for their new documentary 'swing state'. we were thrilled to be apart of such an inspiring politically driven project & one that truly captures the importance of ohio's 2006 governor race & the impact it would have on the upcoming presidential election. furthermore we were given carte blanche to design the site in a fashion we felt best suited the film. we hope you enjoy it.
_features
  • flash driven site navigation
  • custom weather feed that triggers atmospheric background animations
_link
www.swingstate08.com
_tags

luxury loft_website

home page
listings page
_what
site for the new-york-based property brokers, douglas elliman
_how
douglas elliman contacted us after they saw our work on for michael bolla and the forward building. they wanted to bring their website at luxuryloft.com into the modern age. we were to revamp it on just about every level and give it a previously non-existant 'content management system'. the job went very smoothly and the end result was a tight, clean and easy to use html / css / javascript driven website of which they now have complete control and update entirely themselves with new content daily.
_features
  • html / css / javascript architecture
  • contact forms
  • database driven content with html & php driven backend
_link
www.luxuryloft.com
_tags

deadsy.com_website

home page
band page
_what
website and street team site for the los angeles-based, rock band, deadsy
_how

deadsy got in touch with us after our work on the experimental fansite, deadsy.tv. they wanted us to overhaul their existing site in a fashion that was as true as possible to their new record phantasmagore and to everything deadsy had come to represent. knowing full-well we were fans of the band, they gave us free reign to do what we wanted as long as the site was, for the most-part, information first and looks second.

secondly they wanted us to put together a forum to accompany the site that also doubled as a street team hub and organization platform. the vanilla forum was perfectly made for the task given the level to which it can be customized. we built into it various sign-up forms, promotional item request forms, dynamic events forms and an integrated live chat system.

_features
  • flash driven navigation system
  • basic, menu based user interface
  • easy to update database-driven site filing system
  • mp3 player
  • flv flash video player (with smoothing)
  • mailing list form
  • vanilla driven street team forum 
  • javascript based live chat system 
  • multiple contact forms
  • individual and state-based user accounts 
_link
deadsy.com
_tags

luckyPRICK_website

home page
prick page
_what
fan-site for the cleveland-based musician, kevin mcmahon.
_how
luckyPRICK is a fan-site created purely out of the love some of us at (v) have for kevin mcmahon's work. it was designed with the intention of creating a site that would archive and present as cleanly and beautifully as possible all the projects he had been involved with. visually the idea was to create a real 'record collector' feel to the site so that it would appeal to fans of all ages and urge them to give as much as they took from the site. we hope that it grows over time as an archive and tribute to kevin & his contemporary's works.
_features
  • news blog
  • custom PHP driven CMS
  • CSS / xhtml / javascript design
  • online music store
  • bulletin board / forum
  • mailing list
_link
www.luckyprick.net
_tags

65daysofstatic - destruction website_website

home page
releases page
_what
website for the sheffield-based band, 65daysofstatic.
_how
65 wanted a new website for the release of their third studio album 'the destruction of small ideas'. in terms of looks, they wanted the loose hand-made feel that matched the band's long-running visual aesthetic, but also to add another element. the kind of element that only a website could add but again something you'd not typically have experienced before. we exchanged various ideas and settled on a design and concept that we felt captured all of this in one. the end result is a site that lives and breathes as much as it feels hand-made. a site that changes as the light fades.
_features
  • adapted wordpress-based news blog
  • javascript driven time-based selection style-sheet system
  • CSS / xhtml / javascript design
  • custom .flv player
  • custom 'ejectable' mp3 player with 'resume' cookie system
_link
www.65daysofstatic.com
_tags

urban lifestyles_website

home page
lifestyle page
_what
website for the london-based celebrity pr company, urban lifestyles
_how
owner jj murray-leach approached us regarding a new site for his bespoke celebrity pr company, urban lifestyles. he expressed his desire for a site which demands his viewer's attention through beautiful imagery and a hypnotic looping soundtrack whilst still communicating his companies deliverables.
_features
  • flash-based user interface
  • original music
_link
www.versionindustries.com/archive/urbanlifestyles
_tags

tanit sakakini_website

home page
salisbury beach page
_what
website for the boston-based photographer & film maker, tanit sakakini.
_how
tanit was after a site that would capture the attention of art directors around the world and deliver, in the most interesting way possible, her rather eclectic style of photography & film making. very open to our more outlandish and experimental ideas from the start, the collaboration was exciting and culminated in a multi-faceted and atmospheric website unlike any other.
_features
  • fullscreen video intro
  • flash driven image skewing
  • flash driven parallex style navigation
  • flash driven thumbnail photo browsing
  • full screen photo / video viewer
  • contact form
  • original music / audio by jake hamilton
_link
tanitsakakini.com
_awards
'effort' DOPE award
_tags

the champagne guild_website

champagne listings
blog
_what
website for the london based champagne merchant, the champagne guild.
_how
the two founders of the champagne guild approached version with the need for a sophisticated & rich online presence for their brand. we took a good look at their contemporaries in the world of online champagne sales & strived to create a completely individual look for them. expect the scope of the project to grow over the next year to include an online shopping cart API and much more.
_features
  • CSS / xhtml / javascript design
  • MySQL / PHP driven CMS
  • PHP driven enquiry form
  • adapted wordpress-based news blog
  • flash based intro & various website imagery
_link
www.thechampagneguild.com/home.php
_tags

ipa-nima_website

collection
bag
_what
website for a vietnam-based high fashion company, ipa-nima.
_how

christina yu, owner and founder of ipa-nima, contacted us with the desire to improve her current web presence and to create a site which would not only market her products in a organized and user friendly fashion, but also deliver a rather conceptual 'ipa-nima' experience to each one of her buyers.

in studying christina's work and seeing the complexity of her designs, it was very clear to us that this was certainly not an aesthetic that we needed to 'further develop & add to'. we decided instead to pull from the exisiting design elements & use them as the aesthetic foundation for the site. the end result is an organic site composition which focuses on surprising the viewer & fluidly growing as one progresses through the site.

_features
  • flash driven site navigation
  • custom content management system
  • flash driven item enquiry & wholesale request system
_link
ipa-nima.com/site.htm
_tags

dance parties [remix]_website

_what
mini-site for the sheffield-based band, 65daysofstatic.
_how
this site was designed to promote the release of the forthcoming 'dance parties EP' from 65. they have headed in a new direction sonically and visually with this EP and so called upon us to create something that would redefine people's expectations of them. it was agreed that something sample based where the user could remix audio from the new EP was worth experimenting with. on top of that 65 gave us a bunch of late 80s / early 90s peter saville / designer's republic album artwork to look at for reference. the end result is pretty insane, but all agreed it captured the fury of the new sound.
_features
  • action script 3 
  • papervision 3D
  • cursor driven remix interface
_link
www.65daysofstatic.com/danceparties
_tags

tavivian group_website

residential page
current projects page
_what
site for international real estate brokers & prudential douglas elliman subsidiary, ariel & yair tavivian
_how
ariel & yair tavivian contacted us in order to further develop their new real estate company, the 'tavivian group'. the tavivian brothers were very interested in a new & unique aesthetic but at the same time wanted something minimal enough that the design would not conflict with the site info. after understanding their needs & discussing the many different routes, the end result was a tight, clean and easy to use flash/ html / css / javascript /php driven website of which they now have complete control & update daily.
_features
  • flash intro
  • original score
  • contact form
  • database driven content with html & php driven backend
_link
taviviangroup.com
_tags

andrew maxwell_website

home page
archives
_what
site for the irish comedian, andrew maxwell
_how
andrew gave us carte blanche to produce a site that we felt captured his style and attitude as a comedian. immediately we began work on an idea that played to our strengths. the result is what it might be like to be reading about andrew in your local greasy spoon. mmmm!
_features
  • flash driven UI
  • custom photography
  • custom audio
  • CMS backend
_link
versionindustries.com/archive/andrewmaxwell
_tags

kaleidoscope pr_website

homepage
clients page
_what
website for the new york-based PR firm, kaleidoscope consulting.
_how
miki higasa was after an elegant, refined and minimalist website to mark her internet debut. taking the company name and experimenting a little with the visual potential of it, we produced the 'kaleidoscope camera' that forms the core of the site and presented it to miki. she loved it, sent us the information she wanted to surround it and soon after the site was born.
_features
  • flash driven user interface
  • webcam snapshot technology
  • original music
_link
kaleidoscopepr.net
_tags

house of jackie brown_website

videos page
karma chameleon
_what
website for the miami-based fashion house, house of jackie brown
_how
jackie & emily wanted a site that would showcase their late 80s / early 90s influenced new swimwear line, electric couture. given carte blanche to do anything we wanted with the site we set about creating a eleven aesthetic variations all based around this iconic time period. we then wrote music and treated our visuals in a way that made them feel as if they had been salvaged from that era - fades, creases, crackles and all.
_features
  • late 80s / early 90s aesthetic
  • full-screen flash interface
  • original music
_link
houseofjackiebrown.com/electric_couture
_tags

protomen_website

home page
_what
revamped website for the nashville-based band, the protomen
_how
the protomen are on the eve of the release of their new album, act 2. recruiting the powerful drawing abilities of john delucca, we created an open-ended flash website that would allow us to introduce as much exciting new content as we liked, during the build-up to the album's release.
_features
  • full-screen flash interface
  • original music by the protomen
  • original hand-drawn graphics by john delucca
  • new protomen logo
  • countdown clock
_link
theprotomen.com
_tags

perry danos_website

bio page
music page
_what
website for chicago-based big-band jazz singer, perry danos
_how
grand vista wanted a very simple, elegant, compatible website that would deliver perry's message, music and imagery irrespective of the system, connection or screen size you might be viewing it with. they also wanted to be able to connect it to perry's various social networking connections. the resulting site's look is based on the artwork from perry's forthcoming album & it's minimal flash technologies mean it works well on all hand held devices to date.
_features
  • flash mp3 player witth 'resume play' functionality
  • javascript slideshow with flickr-based content
  • xml-based mp3 playlist player
_link
perrydanos.com
_tags

here_website

home page
lead actors page
_what
informational website for the forthcoming feature film, HERE.
_how
director braden king contacted us with an interest in providing a very straightforward, clean and organized source of information about his forthcoming feature film production. we suggested customizing the wordpress.org source code and the result is a search engine friendly, easy to update, cross-platform compatible website.
_features
  • 'resuming' mp3 player with 'eject' mechanism
  • custom contact form
  • custom javascript menu
_link
herefilm.info
_tags

beyond apollo_website

loader
part 1
part 2
_what
teaser site for the feature film, beyond apollo
_how
michael grodner approached us to produce a teaser site for his forthcoming feature film debut. he wanted a site that would create a buzz but also act as a way of helping him raise funds to get the film made. armed only with a script and some old NASA stock footage we wrote a short 'shooting script' of ideas. we developed four main stages to the site of which michael went with the two he felt were the least revealing and most enticing. the end result is a short but sweet curiosity of a site that gives sneaks script fragments at you and hints at the strange psychology of the film.
_features
  • original music
  • original sound effects
  • original dialogue
  • flash user interface
_link
beyondapollo.com
_tags

frock_website

home page
store page
_what
website for new york-based vintage clothing store, frock
_how
frock's old website was created and updated by them using dreamweaver. whilst it had its charms it was mostly a hinderance to keep up to scratch and suffered from serious UI issues. the site also completely lacked any kind of e-commerce element. 

we proposed using shopify as their store solution. we'd never implemented it before, but it turned out to be the most easy to use, setup and customize e-commerce solution that we've ever come across. 

given frock were purveyors of 60s - 80s  vintage clothing, we decide to base the site's design on the 80s robert palmer music video for addicted to love. the result is a very simple, geometrical, full-bleed fashion photo-based site design, that keeps everything big, fun, simple and with a predominant focus on the colours of the clothing.
_features
  • wordpress driven site
  • shopify driven store
  • blog + twitter feeds
_link
store.frocknyc.com
_tags

65daysofstatic_record sleeve + poster

cover artwork
tour poster
_what
artwork for 65daysofstatic's film soundtrack, silent running.
_how
in 2010 the glasgow film festival asked 65daysofstatic if they were interested in re-scoring a film of their choosing. the band, always interested in the idea of scoring films, accepted and chose the 1970s science fiction cult classic, silent running. the success of the score lead them to perform it live at various festivals throughout 2011 and finally record it in the studio for release. 

the band approached us in the summer, asking that we might put together a poster and a record cover of some description for the release. it was similarly an incredible opportunity that was by no means lost on us. the poster was in many ways a direct reference to the film, as discussed here. the final record sleeve you see to the left was something quite different, and you can read more about that here.
_link
65daysofstatic.com
_tags

the meier group_website

home page
selling programs
_what
website for the manhattan-based real estate brokers, the meier group
_how
the meier group wanted a polished, high-end real estate website with a set of cutting edge new features of their own devising. a site they could update themselves and that kept a cool veneer whilst doing a lot of work behind the scenes to gather data and help them tailor their business to their clients needs.
_features
  • html 5 / jquery driven interface
  • interactive google maps based building search
  • realbird integration
  • wordpress blog integration
  • contact form
_link
meiergroupnyc.com
_tags

daft punk_website

album slash page
offer page
poster page
source code
data capture page
_what
website for the tron legacy soundtrack by daft punk
_how
understanding that we were enormous fans of the original film and the forthcoming sequel, our new collaborators topspin, asked us to create a site gather emails for the forthcoming soundtrack release. given the soundtrack has been created by daft punk, we knew the site would get a vast response online from music geeks to film buffs alike. as such, we took full advantage of some of the latest web technologies (with help from mr. doob) and produced a site that works on iphones, ipads as well as regular machines. the end result is a very streamlined data collection / e-commerce site with many secrets (for those fans that love secrets as much as we do).
_features
  • html5 / javascript UI
  • keyboard input based triggers
  • ascii art source code
  • topspin E4M integration
_link
versionindustries.com/archive/tron
_tags

BH TAL_website

home page
property page
_what
website for the brooklyn-based real estate brokers, BH TAL
_how
BH TAL wanted an affordable, wordpress-based website with an elegant design and seamless integration of the local MLS (multiple listing service). the resulting site is one of our most complex wordpress adaptations to date. 
_features
  • property search with MLS / google maps integration
  • agent-press wordpress theme adaptation
  • live search
  • walkability integration
  • multiple agent functionality
_link
bhtalrealestate.com
_tags

the gregory brothers_website

home page
music page
_what
website for the brooklyn-based band, the gregory brothers
_how
once again we could not be more grateful to topspin. they have put us in touch with an eclectic range of radical artists with whom we've had the most exciting and rewarding relationships. the gregory brothers, better known as the auto-tune the news guys, are no exception. a month or so ago they walked into our studio and told us they needed a new website. they then hit the road and we sent them our ideas as they criss-crossed the country on the youtube tour. the trick was to combine their already burgeoning aesthetic with a number of new levels of functionality. their old site had been pretty much built entirely by them using dreamweaver and they were understandably into something that would be a little easier to update. needless to say, but the process was a breeze and often funny too.
_features
  • wordpress-driven back-end
  • gig-press plugin
  • contact form 7 plugin
  • custom UI
  • font-replacement
  • twitter / facebook feeds
  • topspin-driven music store
_link
thegregorybrothers.com
_tags

fred david_website

home page
brina & em page
_what
website for the new york-based fashion-line, fred david
_how
we were put in touch with fred david by the fantastic people at big fuel, formerly apex exposure. fred david were tired of their old flash-based corporate site and wanted something they could easily update that was ipad friendly and presented not just the umbrella company but the brands beneath it. multi-lingual support was also key to them. 

we built a javascript-based site that gave them the chance to flick through their look books easily on the ipad. the aesthetic remained subtle and tonal with inflections of each brand where necessary. the custom back-end that we built gave them the chance to duplicate all the site copy in french as well as english.
_features
  • javascript-driven UI
  • wordpress blog
  • multi-lingual support
  • ipad compatible look-books
_link
freddavid.com
_tags

KEO_website

home page
touch page
_what
website for the interactive media platform, KEO
_how
once again, it was big fuel (formerly apex exposure) that put us in touch with KEO.  they hoped we might fashion for them an ipad friendly website for their unique new device. a photoshoot was commissioned of the device and soon we were going back and forth with various designs for the site. 

KEO were keen to illustrate the various locations across america where the device would be installed and to provide a consumer facing breakdown of their device's features that would be elegant but yet fully compatible with mobile devices. it was also key to all involved that the site not only be optimized for search engines, but also be fully tied into facebook and various other social networking portals.
_features
  • javascript-driven UI
  • ipad compatible home page slideshow
  • custom product photos
_link
keoconnect.com
_tags

crown opera_website

home page
floorplans page
_what
website for the luxury israeli penthouse, crown opera.
_how
the tavivan sporn group wanted us to design an elegant, luxury website for a sea-side penthouse in israel. they sent us many photographs of the apartment and the surrounding area and briefed us on the general feel they were after for the site. we developed not just the logo and the overall site aesthetic but also composed a soothing atmospheric soundtrack for the site.
_features
  • html + javascript based interface
  • ipad compatible
  • contact form
  • original music
_link
seaopera-ph.com/en
_tags

reader's digest_rediscovering the brand

_what
internal microsite for reader's digest international.
_how
the brief for this job came from brand communications firm, roth partners, who contacted us about translating their work on the reader's digest brand into an internal microsite. the site would serve to share new strategic work and brand tools with employees of reader's digest around the world. its goal was to deliver new brand materials in print and video formats in ways that would engage the internal brand audience and inspire them to review and learn from the content.

a key part of this site was stewarding viewers through the new work done for reader's digest and to that end we developed an innovative task-based system which broke up the different elements and took viewers through them one-by-one. critical to our design was achieving involvement and participation across disparate audiences. the result was more of an online study course than a classic static brochure-style site.
_features
  • fine-grained access control
  • html5 video
  • intuitive tasked learning flow
_tags

pavilion_website + posters

sparkler
traffic
bikers poster
max poster
boat poster
BAM festival poster
_what
website, posters + typography for the feature film, pavilion
_how
we were contacted by film director tim sutton after a series of talks we did on designing websites for films for the IFP. he was interested in us producing a website and possibly some film posters for his new film pavilion. we hit it off very quickly and soon had a series of ideas laid down for online and offline approaches to promoting the film.

the website focusses on a series of animated GIFs that reflect the very calm and subtle visual tone of the film, combined with looped audio from the films soundtrack + score. the posters take a leaf out of robert zemeckis's book to visually represent the very subtle narrative elements within the film.

we also handled the type treatment for the credits within the film. stay tuned for a fuller write-up of the process behind making these various elements.
_features
  • ipad / iphone compatible
  • html5 / javascript driven UI
  • animated GIFs / cinema graphs
  • scrollwheel / cursor key navigation
_link
pavilionfilm.com
_tags

louis CK_website

home page
carnegie hall
ticketing
carnegie record cover
beacon theater streaming page
beacon theater home page
dvd cover
_what
website for the new york-based comedian + filmmaker, louis CK
_how
like most people we've been a fan of louis CK and his work for a while and so when the gregory brothers very kindly recommended us to him and his team a couple of months back, we were stoked. as if that wasn't cool enough, it turns out louis was looking for much more than a website. he was looking to revolutionize his approach to releasing his material to his fans. always up for trying new things, we set about pulling together a small dream team to get the task done.

everyone worked day and night on this from various locations both in the US and europe and its fair to say that the results far exceeded anyone's expectations. louis himself published a report on the whole project on the website, which you can read here.

you can read an in-depth article about our process and everything we learnt from working on this job here.

following the success of the beacon video, louis released audio downloads of the beacon + two additional shows. since then the site underwent further revision as we integrated louis' ticket sales into the site, all the while maintaining the highest standards of security and ease-of-use.
_features
  • amazon server integration
  • user-friendly purchase flow
  • user accounts
  • tech support backend
  • printable DVD artwork
  • HTML5 + flash video players
  • mp3 + FLAC audio files
  • gifting options
  • integration with independent ticketing solution
  • paypal + amazon payment systems
_link
buy.louisck.net
_awards
2012 webby awards honoree for best practice
_tags

carbon war room_website

home page
agriculture page
_what
website for the non-profit, climate-change organization, the carbon war room
_how
the carbon war room has been setup by richard branson for the facilitation and realization of investment in the sustainable, minimized-emissions industry. the carbon war room needed a website that reflected the pace and range of their interests. network engagement was chief among their concerns and they required a site that made all relevant channels and information available to all visitors as simply as possible.
_features
    login integration with linked inhtml5 driven interfacewordpress blog integrationcustom 'sonar' and 'engagement tool' navigation
_link
carbonwarroom.com
_tags

renewable jet fuels_website

home page
stakeholders page
_what
website for the carbon war room active operation, renewable jet fuels
_how
the carbon war room has been setup by richard branson for the facilitation and realization of investment in the sustainable, minimized-emissions industry. the mission of the carbon war room's aviation operation 'renewable jet fuels' is to significantly reduce greenhouse gas emissions from the aviation industry by accelerating the scale-up of a sustainable renewable jet fuel industry.
_features
  • login integration with linked in
  • html5 driven interface
  • wordpress blog integration
_link
renewablejetfuels.org
_tags

jim gaffigan_website

download / stream page
options page
video page
_what
website for comedian, actor + writer, jim gaffigan
_how
show business journeyman jim gaffigan has done nearly every kind of work a comic can do but he'd never self-produced and released his own show. he knew of us through our work with louis CK and so approached us to build a site of his own. whilst the focus was on a similar model, we designed and built a more refined engine this time around.
_features
  • amazon server integration
  • user-friendly purchase flow
  • user accounts
  • tech support backend
  • printable DVD artwork
  • HTML5 + flash video players
  • gifting options
  • paypal + amazon payment systems
_link
jimgaffigan.com
_tags

not fade away_website

_what
teaser site for the forthcoming feature film, not fade away.
_how
paramount pictures asked us to put together ideas for a website for the forthcoming film by david chase, creator of the sopranos. taken by our suggestions, they asked that we might put up this teaser site as we build our larger concept piece for the film's release in december. stay tuned.
_features
  • html5 / JS / css driven interface
  • ipad / iphone compatibility
  • retina display image resizing
  • contact form
_link
notfadeawaymovie.com
_tags

asylum films_website

_what
relaunch site for london-based film company, asylum films
_how
since our original website work with asylum films, the company has expanded their roster of directors and the scope of their collective works. this meant that they needed a new website to expand dynamically to their growing needs.

we used a custom wordpress CMS as basis of ongoing self-management for their large pool of work & got about redesigning a brand new look for their front-end that was both fun to look at but clear to use. with this came the expanded ability to quickly find and share work.
_features
  • dynamic color driven work categories
  • animated GIF thumbnails
  • custom wordpress driven CMS
  • 'cinema mode' video playback
  • twitter & facebook integration
_link
asylumfilms.co.uk
_tags

not fade away_website

reviews page
filmmakers page
_what
website for the paramount pictures feature film, not fade away.
_how
paramount pictures asked us to put together ideas for a website for a new film by david chase, creator of the sopranos. the film is called not fade away, and is a rock 'n' roll coming-of-age story set in the 1960s.

taken by our suggestions, paramount requested we move forward with a concept we were calling 'living photographs'. this meant we were taking stills from the film and animating them in a unique fashion that embellished the moment, rather than giving away too much of the story.

the site utilizes a relatively new process of animating PNGs as well as GIFs, allowing us more control and a greater level of overall compatibility.
_features
  • html5 / JS / css driven interface
  • PNG and GIF animation
  • custom soundscapes
  • ipad / iphone compatibility
  • retina display image resizing
  • CMS
  • audio player
  • ticketing system
  • 'remind me' sign-up form
_link
versionindustries.com/archive/nfa
_tags

what about dick?_website

home page
_what
website for eric idle's comic stage show, what about dick?
_how
westbeth entertainment were keen to release their film of eric idle's what about dick?, using the same platform we developed for jim gaffigan and louis CK. expanding on the visual style originally established in the posters they'd created to promote the show, we quickly put together a reskinned platform for them. this we then fine tuned to suit the appropriate marketing approach for this unique, star-studded film.
_features
    amazon server integrationuser-friendly purchase flowuser accountstech support backendHTML5 + flash video playersgifting optionspaypal + amazon payment systems
_link
whataboutdick.com
_tags