Overview NYCFC 2016 Season


Client: New York City Football Club
Project Manager: Janine Padilla


New York City Football Club (NYCFC) just wrapped up their much improved-tough ending included-second season. I’m one of thousands of New Yorkers that come from places where soccer is king, so, when we found out the new team in town would be playing in a baseball stadium, we threw a privilege tantrum, then remembered the reason we love this soccer thing is because we get to play it anywhere from dirt to cement, using whatever object we can use a soccer ball.

This was my second season as a fan in the supporters section. It has been a blast watching the team grow and create its own identity. There are the ongoing struggles, like the very confused stadium staff by the energy of a 90-min game compared to a 4-hr pass time; The weird season schedule; and the efforts to get the mix of classic Latin American, European, AND new chants going, but hey! if there’s one thing this city is about–besides letting Mike Pence know what we think of him–is that we are the coolest melting pot in the world.

Me hitting those high notes.

This was also my second season working with the club on a few things throughout the season:

SEASON EMAILS

Under the direction of Janine Padilla, designed and built a set of responsive emails for the different campaigns. The goal was to make the code a lot leaner from the previous season (gmail would often clip them because of their size), make them uniform, easy to edit, and targeted to NYCFC’s local and international supporters.

jupago_161106_homenonattendee_totonto
jupago_161102_newsletter2
jupago_161030_tickets
jupago_161030_away_torontofc
jupago_161028_copaamerica
jupago_161022_homenonattendee_columbus-copy
jupago_161022_homeattendee_columbus2
jupago_161019_newsletter
jupago_161016_away_dcunited
jupago_161016_away_dcunited_intrmob
jupago_161013fifatournament2
jupago_161012_newslette
jupago_161007_away_necaxa
jupago_template_cityzenswelcome
jupago_161004_seats
jupago_160928_newsletter
jupago_160925playoffs
jupago_160923_homenonattendee_chicago
jupago_160921_newsletter
jupago_160917_homenonattendee_dallas
jupago_160910_away_ne
jupago_160909_newbenefits
jupago_160831_newsletter
jupago_160828_away_orlando_intr
jupago_160824_cityzensnewsletter2
jupago_160919_globalcityzen
jupago_160819_homenonattendee_galaxy3
jupago_template_cityzensredeemreward_preview
jupago_template_cityzensportalupdate
jupago_160818_newsletter2
jupago_160813_away_columbus2
jupago_160810_newsletter
jupago_160808_seasonrenewal
jupago_160818_cityzensnewsletter
jupago_160805_away_sanjose_intrmob
jupago_160803_newsletter
jupago_160730_homenonattendee_colorado
jupago_160727_cityzensnewsletter
jupago_160724_away_redbulls
jupago_160717_away_montreal
jupago_160709_away_kansascity_intr
jupago_160705_away_nengland_intr
jupago_160702_homenonattendee_redbulls
jupago_160702_homeattendee_redbulls
jupago_160930_away_houston
jupago_160624_away_seattle_intrmob
jupago_160616_newsletter
jupago_160622_cityzensnewsletter
jupago_160607_ticketalert
jupago_160602_ticketalert3
jupago_160602_homeinternational_realsaltlake
jupago_2016home_template_attendee3
jupago_160601_newsletter
jupago_160528_homeattendee_orlando2
jupago_160526_newslettercityzens
jupago_160520_homenonattendee_redbulls
jupago_160518_away_toronto_intr
jupago_160517_cityzensnewsletter2
jupago_160409_homenonattendee_chicago
jupago_160516_welcometotheclub2016
jupago_160515_away_portland
jupago_160507_away_dcunited
jupago_160502_newsletter
jupago_160429_homenonattendee_vancouver
jupago_160423_away_philadelphia
jupago_160415_away_columbus
jupago_160317_homeinternational_orlando_v2


What I learned:

Litmus is a lifesaver, there are 50+ email clients out there and Litmus has, by far, the fastest and easiest way to test/preview them.

Screenshot of Litmus Email Clients settings
Screenshot of Litmus Email Clients settings

Dan Denney gave me a bunch of great tips at Squares. One of them is to use this handy Bulletproof email buttons generator. Reliable & and huge time saver!

– Gmail joining the responsive game means it is a good time to stop sending 700px+ wide emails!

If you know some CSS then you can quickly learn @media queries. Here’s is a quick (a bit dirty) simplified version of a responsive email.

See the Pen Simple Responsive Email by Juan Pablo (@jupago) on CodePen.

NYCFC GRAPHICS

Worked on a mix of different graphics for emails/website/sponsors/social media campaigns. These are fun to do. Mostly because of the size restrictions ad and email vendors provide.

A thing about size… I’m leaving a lot of images out because the page is already a bit heavy. The website is set to serve you a smaller, responsive image if you are on a mobile device. Also imageoptim!! It will reduce the size of your images significantly. Can’t recommend it enough!

*Huge thanks again to Janine for creative direction and Milo Kowalski (NYCFC’s designer) for the styleguides and those time consuming silos!