North StreetNORTH STREET / A Creative Studio

We’re North Street. We make pretty things with pixels and paper. Learn more

Posts tagged: Facebook

  1. nydj-testimonials-north-streetnydj-testimonials-north-street-facebook-and-admin

    Socially-Powered Testimonials for

    Fans of women’s denim line NYDJ are, well, fanatical. And North Street was called in by the jeans outfitter to capture that excitement by transforming a static HTML testimonials page into a live feed of ecstatic fan praise sourced from Twitter and Facebook.

    Users can now post a testimonial to the site AND to their own social channels by authenticating via either Facebook or Twitter. They can fill out a form and submit their testimonial directly. OR, they can simply hashtag any tweet #NYDJlove to bypass the web form and submit a testimonial directly via their preferred Twitter client.

    As testimonials are submitted, they are sent to a moderation dashboard for approval. While testimonials submitted via Twitter and Facebook appear on a user’s feed immediately, they don’t appear on the site until a moderator allows them to. The dashboard can also be used to activate a promotional graphic, change the Twitter hashtag and export submissions to a spreadsheet.

    But, why stop there? We also built a Facebook app for NYDJ’s fan page using the same exact HTML as the site, save a few CSS and JavaScript tweaks for the Facebook ecosystem.

    Built on HTML5, CSS3, JavaScript, JQuery, Masonry, Bootstrap, Ruby on Rails, Heroku, Facebook API, Twitter API.

  2. north-street-instagram-wall

    Live Interactive Twitter / Instagram Projection

    North Street has developed a fun little piece of technology we call an “interactive art installation.” It’s a living, breathing, moving photo collage that gets projected onto a surface (a 12’ x 9’ wall usually does the trick) and is constantly updated in real-time with Instagram and Twitter images of a particular tag. Our platform is built on HTML, HTML Canvas, Javascript, JSON, Ajax and CakePHP and it runs in Google’s Chrome browser.

    Here’s some info:

    1) It’s instant. The time between when an image is tagged and when it appears in the collage is in the range of 3 to 10 seconds (depending on whose API we’re calling: Twitter, TwitPic or Instagram)

    2) It’s built using standards-based, open-source web technologies and because it’s really just a giant webpage at heart, it’s incredibly easy to change and adapt. No compiling. No plug-ins.

    3) It’s a completely user-controlled and wonderfully unpredictable experience. We set it up with a seed hashtag (both #highlinepark and #taxisnyc make for some beautiful imagery), then it’s out of our control. The people in the room shape what it ends up looking like with the images that they tag. Attendee images gradually replace seed images over the course of the event so that the “finished” piece ends up being a completely different animal than what it started out as. We’ve run this thing a dozen times and each time we’re amazed by how participants end up shaping it.

    4) It’s “sponsorable.” We’ve run it at a couple of events where the seed imagery is provided by a sponsor and the collage includes fixed logo placement. We’ve also built a moderation panel that runs on an iPad so that inappropriate images can be prevented from making it on the wall. We provide post-event analytics showing platform breakdown (Instagram vs Twitter vs TwitPic), top users and a summary of all of the images tagged during the event.

    5) A companion web embed or Facebook tab can be created as an event summary OR as a way of letting non-attendees participate in shaping the experience while the event is happening.

    Contact us if you’re interested in our projection for an event.

    More photos after the jump.  (more…)

  3. veuve-clicquot-north-street-sqveuve-clicquot-north-street-sq-2

    Veuve Clicquot Live Instagram Facebook Tab

    Development of an Instagram-fed Facebook tab for luxury champagne maker, Veuve Clicquot. The tab pulls in Instagram images of a specific tag in real-time, and can be moderated via a custom-built admin panel (pictured below). The admin panel also allows Veuve Clicquot to change the hashtag at any time. Built on HTML, CSS, JQuery, Ajax, JSON, Isotope, CakePHP, Instagram API, Facebook API.