Jimmy Costigan
Jimmy Costigan
jimmy costigan – multidisciplinary designer

1.

McDonald’s

App, Kiosk, POS, Style Guide, Global Design System.

2.

Google

Think with Google, Brand Standards, Keyword, Diversity.


3.

Motion

Huge Brand, Google, McDonald’s.

4.

Krink

Physical product, Photography, Print, Packaging, Soft Goods.


5.

Photography

120mm, 35mm, Aps.

white bg.png
 
devices.png
 
yellow-logo.png
 

McDonald’s

 

App

Visual, interaction

Kiosk

Visual, interaction

Interactive style guide

Experience/design lead

Design system

Experience/design lead

For the last two years I’ve been working out of our Chicago office with most of my time being spent on McDonald’s.

As a design lead on the global app, we were quickly thrown into the fire with a massive backlog of features left over from the previous agency.

After getting the app into a more manageable state, I moved over to the kiosk team to help update the visual style while making sure the interaction patterns followed the same logic as the app.

From there, the need for a design system was evident and I began work on establishing re-usable patterns for our global component set. We started with guidelines to frame the existing components and developed a site to house them.

Now I’m the process of heavily auditing our entire cross-platform component set in order to create a true, scalable, atomic design system and component library in Sketch.


McDonald’s

Global App

 
single-iphone copy 2.png
 
 

Visual refresh

Interaction pattern alignment

Navigation paradigm shift for better usability

Existing feature enhancement

New feature incorporation

 

McDonald’s

Global Kiosk

 
 
 

Visual refresh

Interaction pattern alignment

Purchase flow redesign and augmentation

New feature incorporation

 
 
zoom-kiosk copy.png

 McDonald’s

Point of Sale

 
pos-explo3 2.gif
 
 

Initial exploration for POS revamp

Interaction and navigation improvements

Flow reduction

Intuitive controls and product assembly


McDonald’s

Digital Style Guide

 

Digital brand guidelines

Detailed component specs for all platforms

Annotated key screens to educate all stakeholders

Downloadable component sticker sheets

 
 
single-laptop copy 3.png

McDonald’s

Global Design System

 
single-laptop copy 4.png
 
 

Global component audit

Component guideline re-structure

Interaction patterns aligned and baked-in

Atomically structured symbol library

Coded components

 
ds_snapshot.png

Snapshot from the global component audit

 

 
 
google-devices.png
 
goog.png
 

Google

 

Think with Google

Illustration, animation

Brand Standards

Visual design, interaction patterns

Keyword

Experience lead, visual design

Diversity

Design lead

Before coming to Chicago I was working in our Brooklyn office, mainly on Google.

I worked across many different projects and initiatives from micro-marketing sites, to content platforms to design systems.

Think with Google was mainly illustration, animation, and data-viz for their social channels.

Google Brand Studio asked us to audit their fledgling internal design system, Brand Standards. We audited over 30 sites that the new system would govern to stress-test the component set and helped them hone the system to accommodate all their digital properties.

Keyword was an editorial content platform built to aggregate all the disparate Google product blogs scattered around the web.

Diversity is a standalone site showcasing the diversity in Google’s workforce.


Google

Think with Google

 
twg.png
 
 

Illustration and animation for Think with Google social channels

Helped develop aesthetic and translate Material Design motion guidelines

 

Google

Brand Standards

 
 

Major audit and stress-test for Brand Studio

Helped adjust and adapt existing components based on audit findings

Agency ambassador for the system on behalf of Brand Studio

 
single-laptop copy.png

 

Google

Keyword

 
single-iphone copy.png
 
 

Editorial platform to house all Google product blogs

Fully functional CMS to empower end-users

First major application of Google Brand standards

 

Google

Diversity

 

Massive pre-pro strategy effort involving the entire team

Involved throughout all content strategy, UX, visual, and interaction design

Art direction for on-location Google office video and photo shoot

 
 
single-laptop copy 2.png
 
motion-header-loop.gif
 
motion-blocker.png

Motion Work

 

Motion

Animation

Interaction

Below are examples of motion, interaction, and illustration that run the gamut of accounts I’ve worked on in my 4.5 years at Huge.

Motion from McDonald’s and Google, as well as for the Huge company brand


 

Huge

Brand “H”


 
 

Huge “H” celebrating the Rio Summer Games.

 
 

Huge “H” celebrating the launch of Google Keyword.

 
 

 
drip-short-1080.gif
 
 

Krink

krink header 2.png
 

Physical Product

Photography

Print & Packaging

Hard / Soft Goods

Below are projects I completed at Krink ranging from bespoke physical products like drop-forged scissors to studio product photography.

Krink is a small lifestyle brand centered around the production of graffiti tools used by artists worldwide.

 

Krink

Eames Shell Chair

Silver fiberglass cast in original Eames mold, created in collaboration with Modernica®.

 
krink_modernica_34_2.jpg
krink_modernica_closestraight_alt.jpg
chair_edit.jpg

 

Krink

Hacked Thermal Zine

Using a hacked a UPS® thermal label printer to create a pre-bound zine / sticker pack.

 
thermo_horizontal.jpg
thermo_expand.jpg
thermo_tall_crop.jpg

Krink

Soft Goods

 
blog2.jpg
shirt_tokenc.jpg
pspsps
 

 

Krink

Hard Goods

 
Screen Shot 2019-12-18 at 3.54.32 PM.png
Screen Shot 2019-12-18 at 3.57.58 PM.png
 
 
closed_chimp.jpg
open_chimp.jpg
 
 
yellow_lo.jpg
group_lo.jpg
 
pencil_close.jpg
 
penci_double.jpg
 
stickers_script.jpg
sticker_k71.jpg
 
 
 
cover.jpg
mov_2.jpg
 
 
 
photo-hero.png
 

Photography

120mm, 35mm, APS.