Case Study: Creating the Missing Guide to Twitter Header Image Best Practices
The Problem: When your target audience is comprised of world-class creatives, for Thunder Studios, client-facing meant artist-facing. Combine that with Thunder's creative ambitions beyond the stage rental business, and what we needed was to represent an industrially capable production facility with a creatively sophisticated brand vision. Thus began our 2016 branding and website overhaul. After much deliberation, we decided on one defining header/banner image which came to be called simply "Looking Up".
Facility fancy.
The Challenge: To impress those keen eyes, our banner images not only needed to be uniform, but also visually memorable and impressive across platforms, with a special focus on iOS, OSX, and Chrome on the user-end. After many attempts, as is clear from the workup below, Twitter's header image cross-platform variance proved to be especially challenging, and a clean and simple solution was needed.
Pandemonium.
The Solution: Being assigned to solve this, I created a unique translucent representation of the default trimming and profile-image-blocking for the extremes on each end user platform, and unified them into a single image narrowing down to "safe" and "danger" zones. Here's the final product:
"She doesn't look like much, but she's got it where it counts, kid."
This was originally posted to my blog over yonder at: www.mehatch.com