North StreetNORTH STREET / A Creative Studio

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

Posts tagged: web design

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

  2. 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:

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

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