North StreetNORTH STREET / A Creative Studio

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

Posts tagged: Ruby on Rails

  1. north-street-sony-heatmap-1 north-street-sony-heatmap-2

    Sony Instagram + Twitter Heat Map Visualization

    For the San Diego, CA, headquarters of Sony Electronics, North Street was commissioned to conceptualize, design and develop this projected installation that highlights Sony-related Instagrams, Tweets, news content and in-store purchases in a geographical context.

    A custom content management system allows Sony staff to scrape Instagram and Twitter content and to upload custom news and in-store purchase updates — all plotted accurately to a visually customized Google Map of the United States. Content updates made through the content management system are reflected on the front-end map in real time (no refresh or reboot required).

    Built on AWS S3, Bootstrap, Google Chrome, Google Maps, Heroku, jQuery, MongoDB, Ruby on Rails.

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

    Socially-Powered Testimonials for NYDJ.com

    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 NYDJ.com 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 NYDJ.com 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.