MOTION, BRAND, & GRAPHIC DESIGN
GO HOME
#ProudHere - DCFC Social Media Campaign
Fall 2024 - A Survey of the Detroit Sports Landscape - Silver Addy Award Winners!
In this 6-week campaign, we were each assigned a Detroit sports team, and tasked to create an identity inspired by the team’s history, ideology, and impact. Thank you so much to my team members! <3
LIZZY STAPLETON, BRANDI WITEK, JEANNE LEPLEY-SAVOYE
Deliverables:
Instagram Carousel (6-10) | Motion Graphics (30-15-7) | Design PresentationFirst Round Of Research: Diving Deep into Hamtramck’s Favorite Team
First, we researched the organization's history and key storylines, exploring league surveys to understand team dynamics and player perspectives. Then, we analyzed audience demographics, financial trends, and external partnerships to gauge the team's impact and evolution. We concluded with an internal brand audit and case studies of best practices, documenting visual identity, cultural influences, and strategy used to promote the team.
Audience & Demographic: Who Are The People Behind This Club?
Those unfamiliar with Detroit FC’s Northern Guard may be unaware of their outspoken LGBTQ activism. The loud, proud, in-your-face energy, combined with a community-first, grassroots set of values allows their fans to be expressive and unrestricted in their support of a common goal: Detroit soccer and the pride of the community behind it. Our target for our social campaign is LGBTQ high school students (14-18) of Hamtramck who are interested in sports fan culture, but feel it is inaccessible due to heteronormativity and cultural biases against queer people.
Language and Moodboard: How do we Visually Speak to our Audience?
Once we understood our audience, we began to brainstorm how to communicate the energy and inclusivity of the club to them both visually and verbally. We created moodboards, phrases, and buzzwords we could use to communicate to our teen audience that Detroit soccer is anything but what they expect.
Color Story and System: How do we Represent Detroit, Pride, and Soccer all Together?
We began to form a more cohesive visual idea of the story of our club’s Northern Guard from the passionate, vibrant colors of smoke bombs, flags, and banners flown during each game, combined with the red bricks, exposed copper, and golden lights of Hamtramck and Keyworth stadium. Each color has a significance, and together they can form several pride flags.
Exposed Copper / Field Grass
Brass Gold / Le Rouge
Bright Light Pink / Purple Smoke
Image Sourcing: How Do We Show Detroit City FC’s Energy & Dedication To Their Fans?
The colors represent the team, pride, and cities of Detroit and Hamtramck, but when in came to images and sourcing, it felt right to put the heart of Detroit FC at the front and center of our campaign: the authentic, proud photos of the fans found on the Northern Guard supporters’ Facebook page. We found through our research that the grassroots and community-first values of the club are what our audience wants to see in their community.
Design in All Directions: How do we Bring Detroit’s Toughness and LGBTQ Pride Together?
It was then time to get into the making process, trying new things and seeing what worked, and what didn’t. We began style frames, animatics, and many iterations. The textures and fans of Detroit are displayed authentically as they act during games, and highlighted by the vibrant colors of the team’s rainbow smoke and flags, unifying them under the cause of Detroit soccer and Hamtramck pride.
Look & Feel: How do we Keep LGBTQ Pride & the Soccer Experience as the Focus?
We finally arrived at the conclusion that our brand would focus on image and color to tell its story, as those elements have the strongest foothold in our narrative and allow the “true colors” to show just what the club’s really about: the fans, players, and staff coming together for the love of Detroit and Hamtramck. We also introduced the field grid vector to tie down all of our elements to a cohesive structure close to our narrative and sport ideology, as well as our typeface ZUUME EDGE inspired by the soccer ball pattern, pipes, and the grid system.
Carousels by Brandi
Supergraphics by Jeanne
Trusting the Process with Motion Graphics
Motion drafts and several rough cuts later, our brand’s story was growing stronger and more clearly communicated, using the sharp, punchy movements of the field grid with geometric, soccer-esque typography, working together against the backdrop of the Northern Guard’s cheering on their team from their very own Youtube channel‘s extensive documentation footage. To display the club’s modern approach to our demographic of high school-aged fans, our motion pieces are vertical, short videos you’d see on platforms on Tiktok or Youtube.
Footage and Audio Sourcing
The Club MLS Wishes It Could Have | Detroit City FC - By Copa90
Majority of fan footage is found here; in-depth breakdown of Detroit City FC that includes several first-hand testimonials from a wide range of ownership, fans, and players about the fan culture and pride.
Additional Audio | DCFC Chants - By NGS Detroit Youtube Channel
Filling in additional gaps with fitting chants that suit our audience’s kind of attitude.
Roughcuts and Drafts of Motion - Series V1-V3
This motion piece required lots of time-consuming keyframes and going back to make a bunch of small tweaks. See the progression over time as I get closer to shaping the idea of the video.
This project solidified my growing love for motion graphics and storytelling through video, especially when factoring in the research and social aspect, and how communicating ideas of solidarity and political activism through social media and digital content can help to spread ideas that prompt action that are important to both myself and others in my demographic, contributing to social justices and the betterment of humanity.
Final System Conclusion & Applications
What Did I Learn During This Journey?
I learned that working in groups is awesome for getting things done, as long as you’re all on the same page. Our system wouldn’t be cohesive without us checking in on eachother and following our brand guidelines, and debating then agreeing on creative decisions as a group when the time came.
Thank you so much to my team members who made this awesome campaign possible! -L