Case Study: Creating the Missing Guide to Twitter Header Image Best Practices
This isn't even my final format.

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".

No alt text provided for this image

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.

No alt text provided for this image

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:

No alt text provided for this image

"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

To view or add a comment, sign in

Insights from the community

Others also viewed

Explore topics