Audit & User Insight Synthesis

Before defining a new experience direction, we reviewed the existing VH1 site and gathered qualitative user feedback to understand where the experience was breaking down—and where it was still working.

A clear pattern emerged: people didn’t dislike the site, but they were working harder than they needed to. Over time, users adapted by clicking around excessively, developing workarounds, or abandoning the site altogether.

Key insights:

• Users frequently said they had to “click around a lot” to find what they were looking for.
• Content discovery relied on exploration rather than recognition.
• Brand loyalty created tolerance, but not satisfaction.
• When content wasn’t easy to find, users defaulted to YouTube or Google instead of VH1.
• We identified two primary audiences:
  • Showcentric VH1 loyalists, who associated VH1 almost exclusively with specific programs.
  • General popculture enthusiasts, who were interested in broader entertainment content but struggled to see VH1 as a destination for it.

Critical Takeaways

We were walking a fine line in how content was delivered. Gossip sites optimize for speed and sensationalism, often without concern for credibility. VH1, by contrast, is expected to be more factual, trustworthy, and “newsy” rather than overtly gossipy.

Visual storytelling with strong, expressive photography—emerged as a key opportunity. Large imagery allowed us to pull users in emotionally, borrowing the immediacy of popculture sites without crossing into a snarky or tabloid tone.

The risk wasn’t immediate dissatisfaction—it was gradual disengagement. The experience relied on user patience rather than efficiency, which erodes loyalty over time, particularly in a mobilefirst environment.

This reframed the challenge from:

“How do we modernize the look?”

to:

“How do we reduce friction without losing the VH1 personality?”

The Problem (Reframed)

The challenge wasn’t simply visual refresh. The challenge is that VH1 Digital has been trying to support many franchises and brands, and it wasn’t successful into turning it into things that people care about. VH1.com was getting traffic from SEO and link exchanges but it didn’t have the base of people that came to the site regularly.

Layered on top of the fragmented user experience, VH1 was going through a massive rebrand and we were tasked to roll it out in our digital spaces.

Additionally:

• The product needed to scale across platforms and potentially extend to other Viacom brands.
• Brand expression had to coexist with clarity, speed, and usability.
• 83% of users were on mobile, making responsiveness and performance nonnegotiable.

My Role & Scope

I led experience strategy and system design for VH1’s digital experience, working across brand, editorial, product, and platform considerations.

My responsibilities included:

• Defining experience principles that balanced brand expression with usability
• Leading the design system approach to support multiplatform scale
• Making tradeoff decisions between customization and standardization
• Ensuring the system could extend beyond VH1 to other Viacom properties

This role required influence across teams rather than ownership of a single feature or surface.

Experience Strategy: The Plus Factor

VH1 has a legacy of turning everything up a notch—attitude, drama, humor, and confidence. We referred to this as “The Plus Factor.”

Rather than expressing that through heavy interaction or visual complexity, the strategy focused on restraint with intention:

• Let the content and brand voice carry the energy
• Use simple, confident layouts
• Avoid unnecessary novelty that could compete with discovery or performance

Key principle:
Strong brands don’t need complex interfaces—clarity can amplify expression.

Design Decisions & Tradeoffs

To support this strategy, we made several deliberate tradeoffs:

• Default patterns over custom interactions: We leaned into familiar patterns to reduce cognitive load, especially on mobile. This sacrificed some expressive interaction moments in favor of speed, clarity, and scalability.
• Contentled layouts: Visual hierarchy was designed to showcase programming and editorial content without overwhelming users with brand ornamentation.
• Confidence through constraint: The system avoided overstyling, allowing VH1’s voice, imagery, and content to remain the hero.

These decisions were intentional and grounded in the realities of mobile behavior and longterm maintainability.

MobileFirst by Design

With 83% of users on mobile, the experience was designed mobilefirst from the start.

Responsiveness wasn’t treated as an adaptation—it was foundational. Once the core system was established for mobile:

• The experience scaled cleanly across larger breakpoints
• Components adapted predictably without losing hierarchy or tone
• Performance and usability remained consistent across platforms

System Thinking & Scale

To support both current and future needs, we built a flexible design system that balanced VH1’s distinct identity with structural consistency.

The system:

• Worked across multiple platforms without fragmentation
• Maintained enough brand character to feel uniquely VH1
• Was restrained enough to be reusable and adaptable

We also explored how the system could translate to other Viacom brands—ensuring the work wasn’t a oneoff solution, but a foundation for broader reuse across the portfolio.

This shifted the effort from a brand redesign to an organizational asset.

Outcomes & Impact

Because this work focused on experience clarity and system foundations rather than a single conversion funnel, success was evaluated using directional signals rather than isolated KPIs.

The primary indicators we monitored included:

• Reduction in interaction effort, measured qualitatively through fewer navigational hops required to reach content during audits and reviews
• Mobile usability confidence, assessed by how predictably users could scan, recognize, and access content across breakpoints
• Design system adoption, reflected in reuse of components and patterns across surfaces rather than oneoff solutions
• Crossbrand extensibility, validated by how easily the system translated to adjacent Viacom brand needs

While this project wasn’t scoped around direct revenue metrics, these signals provided confidence that the experience reduced friction, supported mobiledominant behavior, and created a durable foundation for future iteration.

Success was defined not just by how VH1 looked, but by how effectively the system could support growth and reuse.

Reflection & Learning

Brand expression doesn’t require complexity. When systems are designed with clarity and constraint, the brand shows up more confidently—not less.

Designing for scale often means knowing when not to add more.