Notes: Design

If the design calls for “zooming” in to the width of the browser, with everything scaling up proportionally, text & images included, then this bit of code is for you…

Freebie

48 Free Handwriting Fonts

48 Free Handwriting Fonts…

Read More Launch Site

Ipsum

Realistic Placeholder Data Generator

Realistic Placeholder Data Generator…

Read More Launch Site

Breaking Bad

Hamburger Menus and Hidden Navigation Hurt UX Metrics

Hamburger Menus and Hidden Navigation Hurt UX Metrics…

Read More Launch Site

Mailing it in

E-mail Design Inspiration

Really Good E-mails…

Read More Launch Site

Freebie

Resource Cards: Free Resources for Designers

Resource Cards: Free Resources for Designers…

Read More Launch Site

Getting Schooled

Tutorial: Creating Texture in Illustrator

Tutorial: Creating Texture in Illustrator…

Read More Launch Site

Inspiration

UI Inspiration: Cards

UI Inspiration: Cards…

Read More Launch Site

Inspiration

Color Palette Inspiration

Color Palette Inspiration…

Read More Launch Site

UX Geekery

Clever Sign In/Sign Up UX

Clever Sign In/Sign Up UX…

Read More Launch Site

Flair

Transitions and Animations Inspiration

Transitions and Animations Inspiration…

Read More Launch Site

Pretty pictures

Instant Logo Brand Mark Search

http://instantlogosearch.com…

Read More Launch Site

Inspiration

UI inspiration

http://useyourinterface.com…

Read More Launch Site

Flair

Some Fresh Hover Effects

http://tympanus.net/Development/HoverEffectIdeas/index.html…

Read More Launch Site

Vector

How to make SVGs for Fontello

Let’s make icon fonts! Because if you export those as images, they look blurry on the retina screens which is on all new Macbooks and iPhones. First world problems…

Pretty pictures

Simple Icons: 112 SVG Icons for Popular Brands

Simple Icons: 112 SVG Icons for Popular Brands…

Read More Launch Site

Flair

Image Gallery/Grid Effects

Image Gallery/Grid Effects…

Read More Launch Site

Random

Photos of hands holding various phones

Photos of hands holding various phones…

Read More Launch Site

Vector

Adobe Illustrator SVG Editor

Simple SVG editor to clean out the junk that Adobe Illustrator adds to SVG. It also (somehow) drastically reduces the files size.

SVG Editor…

Read More Launch Site

Mockery

T-Shirt Mockups

https://www.shopify.com/blog/19495812-22-awesome-t-shirt-templates-and-mockups-for-your-clothing-line…

Read More Launch Site

Pretty pictures

Vintage Hand Drawn Illustrations

https://creativemarket.com/Mr.Vintage…

Read More Launch Site

Mobility

Thoughts on Simpler Responsive Mobile Design and Viewport Width

Currently, when taking a Desktop-based design and coding it to be responsive, we typically add this viewport line:
<meta name=”viewport” content=”width=device-width, initial-scale=1…

Characters

Google Fonts search tool

FontCDN…

Read More Launch Site

Pretty pictures

Component Inspiration

http://www.calltoidea.com…

Read More Launch Site

Freebie

Free Icon Sets

iconstore.co…

Read More Launch Site

Freebie

Free Stock Video

http://www.coverr.co…

Read More Launch Site

Vector

SVG Assets

http://thoughtbot.github.io/foundry…

Read More Launch Site

Fun Social Mappy Thing

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…

Nice Digs

Le Parker Meridien Website Relaunch

North Street partnered with L. Mazur & Co. to modernize the website of landmark luxury NYC hotel, Le Parker Meridien. The site formats itself intelligently for phones and tablets, and…

I'm Lovin' It

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…

Fun Social Mappy Thing

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…

Denimania

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…

We're kind of a big deal

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…

Good Spirits

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…

Pinkness

JJBPR Website Design + Development

A clean and slick, fully-responsive one-page scroller for beauty-centric public relations firm, JJBPR. Built on HTML5, CSS3, H5BP and jQuery…

Training Day

LI Speed + Agility Responsive Website

Long Island-based team fitness consultants, Long Island Speed & Agility, hired North Street to design and build a fully-responsive website that would establish the company’s presence online…

Eventful

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…

Hot in Herrrrrre

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…

Do-over

Mobile Media Lab Take 2

A slick and responsive redesign and build for our pals Brian DiFeo, Liz Eswein and Anthony Danielle at mobile social photo agency, the Mobile Media Lab…

It's Educational

Sacred Heart FTMA Site Design + Build

Sacred Heart University recently enlisted North Street’s expertise to help launch and promote the university’s new Film & Television Masters program. The site features a clean, modern design…

Charged Up

Instagram + Twitter Installation for Duracell Powermat

North Street Creative collaborated with Duracell Powermat to create this real-time, interactive Instagram and Twitter wall. Installed at the 40/40 Club in New York, NY on September 12…

Mags

Topix Media Lab Website Design + Build

Art direction, design and build of the website for custom publishing house, Topix Media Lab. Built on HTML5, CSS3, Javascript. View site…

Tres Magnifique

Make Up For Ever In-Store iPad App

Make Up For Ever wanted a way for visitors of the brand’s retail locations to sign up for its consumer mailing list. So, North Street created an iPad web…

Data

Pensions & Investments Data Visualizations

Business pub Pensions & Investments asked North Street to reinterpret the results of its data heavy Oxford University Survey with infographics for its print and online editions…

Fast Company Innovation Uncensored Relaunch

North Street has been the creative force behind Innovation Uncensored’s web presence ever since Fast Company launched its bi-annual event in 2010. Recently, we completed a total redesign…

Dressing

Emma Graham Branding Project

North Street was asked to design a new logo for the lovely and stylish Emma Graham clothing line. They were looking for a cleaner and more sophisticated look that appeared…

API Shenanigans

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…

Ticket to Ride

Glam Globetrotter Branding and Blog

Logo and blog design for luxury travelist, Sarah Evans. WordPress-powered site features responsive design for maximum smartphone and tablet accessibility…

Jonesing

Jones Jones Website Redesign

Total redesign and development overhaul of the website for NYC workers’ compensation defense firm Jones Jones. Built on HTML5 and WordPress. Animated with a mix of JQuery and CSS3…

Insta

Mobile Media Lab

UPDATE: We redesigned this puppy (1/10/13)

A quick one-pager for our friends and oft time collaborators Brian DiFeo, Liz Eswein and Anthony Danielle at mobile social photo…

Fireworks

Bottle Rocket Marketing Group Website Redesign

A website redesign for the good folks at NYC marketing firm, bottlerocket marketing group. Built on HTML5, Ajax and WordPress. Animated with CSS3…

Feats of Strength

Kristen James Fitness Branding & Site Design

Design of logo and design + development of website (including e-commerce) for fitness guru Kristen James. Built on HTML5, CSS, JQuery, WordPress, WooCommerce, YouTube API…

Glam

L’Oreal Paris Gift Certificate

North Street was tasked by the world’s largest beauty and comsmetics brand with designing a gift certificate to be given away at an exclusive industry event.

We devised the…