North StreetNORTH STREET / A Creative Studio

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

Posts tagged: design

  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. wise-matchmaking-north-street-desktop wise-matchmaking-north-street-mobile

    Wise Matchmaking Website and Branding

    Wise Matchmaking is in the business of creating long-lasting partnerships, and when it came to the NYC and Miami-based matchmaker’s own choice of branding and interactive partner, North Street was the clear choice. We developed the intertwined WM heart logo, then designed and built this responsive, WordPress-based site. Positive qualities? Too many to name!

    Built on HTML, CSS, LESS, JS, jQuery, Masonry,Wordpress and Gravity Forms.

  3. twitter-map-loop-north-streettwitter-map-north-street-zoom

    Real-Time Twitter Map Dashboard

    North Street’s latest adventure in social media design and development is this real-time Twitter dashboard we recently built for a client. Designed for display on a 1080p big screen (in, say, a social media war room setting), the dashboard monitors Twitter activity around a given search term. In the example shown, we’re watching for all mentions on Twitter of “apple,” we’re showing where in the world those tweets are coming from, which three countries lead the pack and what Apple’s stock is doing today.

    The widgets are draggable, which allows them to be rearranged and collapsed. The dashboard is also responsive, allowing social media war to be waged on tablets while on the go.

    We built this using Dashing (Shopify’s Sinatra/Ruby-based framework), Twitter API, Google Maps API and Yahoo! Query Language, plus plenty of Quaker Oats and bacon.

    Related posts:

  4. 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.

  5. glamour-logo sephora-logo

    Socialpulp Instagram Wall in Times Square

    North Street recently teamed with Glamour Magazine and Sephora to bring our real-time Instagram wall, Socialpulp, to Times Square for the launch of Sephora’s Color IQ color-matching system. Displayed on the ABC SuperSign at 44th and Broadway, the Instagram visualization pulled in photos taken by Sephora fans at two different Times Square stores that were hashtagged #MyColorIQ.

    As with all Socialpulp social media walls, the photos were first pulled into a moderation dashboard, which the North Street team operated from iPads on the ground.

    The event was a huge success, so big thanks to the folks at Glamour for putting it all together.

    For more information on Socialpulp, its Twitter capabilities, moderation panel, branding opportunities and analytics reporting, check out northstreetcreative.com/socialpulp.

    Related reading!

  6. Lantern's Keep Logo - Lockup Lantern's Keep Logo - Circle

    Lantern’s Keep Branding

    For the Midtown cocktail bar, Lantern’s Keep, North Street created a logo that captures the aesthetic of the early 1900’s period in American drinking culture that the bar pays homage to, mixed with the craftsmanship and encyclopedia-like knowledge its bartenders pour into every drink.

  7. digital-sandbox-northstreetdigital-sandbox-northstreet-elements

    Digital Sandbox Site Redesign

    The website for Rudin Management’s Digital Sandbox Event Centers was brought up to date with a modern layout and typography, an online request for proposal form and a responsive design that scales to tablets and smartphones. The site is powered by WordPress, enabling Digital Sandbox staff to easily edit and add to the site over time.

    Having suffered severe service outages in the wake of Hurricane Sandy, it was also important for the staff to be able to easily and instantly post emergency messages that display prominently at the top of the site—functionality that North Street was able to integrate into the WordPress backend.

    Built on HTML5, CSS3, H5BP, jQuery and WordPress.

  8. north-street-nelly-black-and-white-ball

    Instagram Wall Projection at Nelly’s Black & White Ball

    North Street’s Instagram Wall Projection was recently featured at Nelly’s Black and White Ball (a Synergy Productions event. The wall pulls images tagged with a certain hashtag from both Instagram and Twitter, and displays them in real time (after being filtered through our moderation queue). The Instagram and Twitter projection can be customized with branded imagery and logos, and can be configured to most screen resolutions. We’ve also recently added text tweets into the mix.

    Read about how we created this here. For more information contact us at info@northstreetcreative.com.