Clarity Worth Watching

Push Collaborative has spent fifteen years making the world's most complicated products feel obvious. Yet the studio's own website did the opposite — a single scrolling page that hid 450+ videos behind a thin brand and a muddled list of services. We rebuilt the experience video-first: portfolio as hero, services made legible, and every path engineered to turn a casual browse into a booked consultation.

Overview

The best explainer studios share a quiet irony. They can take a zero-trust security architecture or a distributed database and render it effortless in ninety seconds — but their own digital presence rarely shows that gift. Push Collaborative came to us in exactly that position. The work was extraordinary. The website undersold it at almost every turn.

Our mandate was narrow and ambitious at once: make the portfolio the spine of the experience, let motion carry the brand, and design the entire site so that watching turns into reaching out. Not a brochure with a contact form bolted on, but a showcase where discovery and conversion are the same motion.

That meant treating the redesign less like a website project and more like an extension of the studio's craft. If Push makes complex things clear, the site needed to make Push itself clear — what they do, who they do it for, and why a marketing leader with a hard story to tell should pick up the phone.

About Push Collaborative

Push Collaborative is a boutique explainer video studio, founded in New York in 2010 and now running a second office in San Francisco. Over fifteen years the team has produced more than 450 videos — animated and live-action — for clients spanning early-stage startups to Fortune 500 enterprises. The constant across that range is a knack for clarity: taking a product most people would struggle to describe and making it land.

Where the studio runs deepest is complex B2B and technology. Cybersecurity, SaaS, and enterprise software are home turf, with a client roster that signals the kind of trust that takes years to earn.

Credibility in the hardest categories

Symantec, AWS, McAfee, VMware, and MongoDB don't hand their stories to vendors who need the basics explained. They work with teams who already understand the domain — and Push has built that fluency one technical brief at a time.

Small by design

The studio's edge isn't scale; it's the opposite. Push is a small, nimble team that remembers your name, answers its own email, and treats engagements as partnerships rather than transactions. Clients get senior attention and genuine value across budgets — the kind of relationship that brings them back for the next launch, and the one after that.

The Challenge

Push had outgrown its website years before it admitted it. The existing site was a single-page Webflow build — one long scroll that asked an exceptional body of work to compete for attention in a few cramped sections. There was no real way to explore the portfolio, no path into the work by industry or format, and no room for any single project to breathe.

The services fared no better. The offerings ran together into an undifferentiated grid, leaving buyers to guess where an animated explainer ended and a product demo or live-action piece began. A prospect who knew exactly what they needed still had to work to figure out whether Push provided it.

A brand quieter than the work

Most telling was the gap between craft and presentation. The videos were sharp, modern, and outcome-driven; the brand around them read generic — closer to a template than to a studio whose reel could stop you mid-scroll. For a creative team, that mismatch isn't cosmetic. It costs trust at the exact moment a buyer is deciding whether the work on screen is the real thing.

The net effect: a studio with marquee logos and 450+ projects was being evaluated as if it were anyone. The site flattened a clear competitive advantage into something forgettable.

Research and Discovery

We started by pulling the existing site apart — auditing structure, content, performance, and every step between landing and inquiry. Then we widened the lens to the people who actually do the buying and benchmarked Push against the studios it competes with for the same briefs.

How buyers really evaluate a video studio

Marketing, product-marketing, and sales-enablement leaders don't browse for inspiration. They arrive with a problem and a deadline, and they evaluate fast. Watching how they move through studio sites, a clear pattern emerged: relevance first, everything else second. A cybersecurity buyer wants to see cybersecurity work — proof that you've solved their kind of problem — before they read a word of copy.

What was missing

Across our research and competitive review, the same gaps surfaced:

• Buyers want industry-relevant proof within seconds, not after a long scroll
• They need to self-identify the right service without decoding a generic grid
• Confidence around scope — what a project includes and roughly what it takes — lowers the barrier to reaching out
• Trust signals (recognizable clients, named testimonials, a real track record) carry disproportionate weight
• On a video studio's site, slow or clumsy playback reads as a verdict on the craft itself

The takeaway was unambiguous. Push didn't need more words about quality. It needed to show the right work to the right person, faster, and remove every reason to hesitate before getting in touch.

Strategy and Positioning

The strategic bet was a reframe. Push had been presenting as an explainer video vendor — a place you hire for a deliverable. We repositioned the studio as a boutique creative partner for complex B2B brands: the team you bring in when the product is hard to explain and the stakes are high. Same work, materially different relationship.

That positioning drove three decisions that shaped everything downstream.

The portfolio is the argument

Instead of treating the portfolio as one section among many, we made it the spine of the site. The work is the most persuasive thing Push has, so we built the experience around finding it — by industry, by format, by relevance — and let the reels do the convincing.

Lead with outcomes and clarity

We anchored the narrative in what the work achieves and how clearly it communicates, not in production jargon. For a results-driven buyer, that framing mirrors how they think and how they'll have to justify the spend internally.

Every path converges on one ask

From the homepage to a single case page, we designed every route to funnel toward one low-friction action: requesting a free consultation. No dead ends, no ambiguity about the next step — just a clear, repeated invitation to start a conversation.

Brand Refresh

The identity needed to grow up to match the work without losing the studio's plain-spoken character. This was a refinement, not a reinvention — sharpening what was already there so the brand finally felt as considered as the videos it framed.

The wordmark

We refined the lowercase "push" wordmark into something cleaner and more deliberate — confident, unfussy, and built to sit comfortably over full-bleed video without fighting it for attention.

A motion-forward system

We codified a palette and type system tuned for a studio that lives in motion: high-contrast, modern, and restrained enough to let color and movement come from the work itself. Type was set to carry both bold statements and dense technical detail, so a service page and a case study feel unmistakably part of the same brand.

A voice to match the team

Finally, we established a tone of voice that sounds like Push actually sounds — professional, plain-spoken, and partnership-led. No buzzwords, no posturing. The same clarity the studio brings to a client's product, now applied to how Push talks about itself.

Creative Direction

With the positioning and brand settled, the design work began where it had to: getting out of the way of the work. We built a video-first art direction where the reels are not illustrations of the craft — they are the craft, playing front and center the moment a visitor arrives.

The homepage opens on a full-bleed motion reel, edited to land its first hook in under three seconds, because that is roughly how long a marketing leader gives any studio before deciding whether to keep scrolling. From there, motion becomes a first-class design element rather than decoration. Sections reveal on scroll with restrained, intentional easing; thumbnails preview on hover; transitions carry the same sense of timing that defines a good explainer. Every animated gesture is borrowed from the discipline of the studio's own edit bay.

A restrained UI so the work can speak

To let 450+ videos command attention, the interface had to recede. We pared the chrome back to near-silence: generous negative space, a tight typographic hierarchy, and a palette that frames the footage instead of competing with it. Color is reserved for moments that matter — a play state, a live link, a call to act — so that visual emphasis always means something. The result is a presentation that reads as confidently as the studio's reels: polished, deliberate, and unmistakably the work of people who understand that clarity is a craft, not a default.

This is the throughline of the entire redesign. A creative studio is judged, fairly or not, by the quality of its own front door. We made sure Push Collaborative's digital presence is now indistinguishable in polish from the videos it ships — proof of capability rendered the instant the page loads.

Service Clarity

The old site offered a single, undifferentiated grid of services that asked buyers to do the sorting themselves. A product marketer who needed a ninety-second explainer and a sales-enablement lead who needed a training series saw the same flat list — and neither could tell quickly whether Push was the right fit. We rebuilt that grid into seven distinct, scannable offerings, each written so a buyer can self-qualify in seconds rather than email to find out.

Every service now stands on its own terms, with a plain-spoken description of what it is, the use cases it solves, the rough shape of scope, and the outcome it is designed to drive. We deliberately led with the buyer's problem — “explain a complex product,” “close enterprise deals faster,” “onboard at scale” — before naming the format, so the page meets people where their thinking actually starts.

• Animated explainer — turn an abstract or technical product into a clear, memorable story; ideal for launches, homepages, and category education.
• Product demo — show the product in motion for high-intent buyers evaluating capability and fit.
• Live-action & corporate — put real people and culture on screen for brand, recruiting, and executive narratives.
• Testimonial — convert customer trust into proof at the moments buyers hesitate.
• Informational & educational — break down complex concepts for onboarding, support, and thought leadership.
• Social media — purpose-cut, platform-native edits built to stop the scroll.
• Training & internal communication — make internal rollouts and enablement programs land consistently at scale.

By giving each offering its own clear use case, scope, and outcome, we shortened the distance between curiosity and confidence. Buyers arrive understanding not just what Push makes, but which of its services is built for the exact problem on their desk.

Portfolio Discoverability

An extraordinary body of work is worthless if a buyer can't find the one piece that proves you understand their world. On the previous single-page site, the portfolio was effectively a sealed archive — impressive in volume, impossible to navigate. The strategic move was to make the portfolio the spine of the experience and engineer it for fast, relevant discovery.

We built a filterable, searchable portfolio that lets visitors slice 450+ projects by the two dimensions that actually drive a buying decision: industry and format. A cybersecurity buyer can isolate cybersecurity work in a single tap and immediately see that Push has done this — repeatedly, at the level their category demands. A product marketer hunting for animated explainers can do the same. Proof is no longer something buyers have to dig for; it surfaces on demand.

Per-client case pages that carry the story

Behind the grid, each marquee project earns its own case page — the brief, the challenge, the creative approach, the embedded film, and the outcome it drove. These pages do double duty: they give buyers the depth they need to trust the studio, and they give search engines real, indexable content to rank. Related-work suggestions sit at the foot of every case, steering a visitor from one relevant proof point to the next and keeping them inside the story longer.

• Industry filters tuned to Push's core niches — cybersecurity, SaaS, B2B technology, healthcare, finance, and more.
• Format filters spanning all seven service types for buyers who shop by deliverable.
• Searchable by client and keyword for visitors who arrive knowing exactly what they want.
• Per-client case pages pairing the finished film with the strategy and outcome behind it.
• Related-work suggestions that turn a single view into a guided tour of relevant proof.

The portfolio stopped being a wall to scroll past and became the most persuasive sales tool on the site — one that answers “have you done work like mine?” before a buyer has to ask.

Modern User Experience

A video-heavy site is the hardest kind to make feel fast, and the old cramped single-page layout had solved that problem by avoiding it — there simply wasn't much to load, and there wasn't much to do. We replaced it with a responsive, performance-tuned experience that delivers rich motion without making anyone wait for it.

Video is loaded intelligently: posters and lightweight previews appear instantly, full playback streams on intent, and nothing blocks the page from becoming usable. Navigation, once compressed into a single scroll, is now an intuitive structure that lets buyers move directly to services, industries, or a specific case without hunting. Motion stays smooth across the experience because it's engineered to, not bolted on.

Mobile-first and accessible by default

We designed for the phone first, since a meaningful share of B2B buyers now do their initial vetting on mobile between meetings. Layouts reflow cleanly, video scales to the device, and touch targets are sized for thumbs. Accessibility was treated as a baseline rather than an afterthought: semantic structure, keyboard-navigable controls, sensible contrast, and motion that respects user preferences. The payoff shows up in the numbers — a Largest Contentful Paint under two seconds on mobile and markedly longer sessions, because a fast, frictionless experience is one people actually stay inside.

Conversion-Focused Design

Beautiful work that doesn't book a meeting is just a portfolio. Every path through the new site is designed to converge on one low-friction action: a conversation with Push. We built a conversion architecture that makes that next step obvious at every moment a visitor might be ready to take it — without ever resorting to the hard sell that would undercut a partnership-led brand.

A persistent “Book a Free Consultation” anchor follows the visitor throughout the site, while contextual “Get a Quote” prompts sit exactly where intent peaks — at the end of a service description, beneath a case study that just proved relevance, after a reel that earned attention. The two calls to action speak to two mindsets: the buyer still exploring and the buyer ready to scope a project.

Trust placed at the point of decision

Conversion is as much about confidence as it is about clicks, so we positioned proof precisely where hesitation lives. Named client testimonials, recognizable enterprise logos, and the studio's 450+ track record appear at decision points rather than parked on a lonely “clients” page — reassurance delivered the instant a buyer weighs whether to reach out.

• A persistent consultation CTA available from anywhere on the site.
• Contextual “Get a Quote” prompts placed at moments of peak intent.
• Named testimonials and marquee logos positioned as trust signals at decision points.
• The 450+ track record surfaced as social proof rather than buried in copy.
• A streamlined inquiry flow that asks only what's needed to start the conversation.

We deliberately shortened the inquiry form to the essentials, removing every field that gave a busy leader a reason to abandon. The result is a funnel that turns browsing into booked consultations — and the lift in qualified requests reflects it.

UX/UI Design and Web Development

The experience is only as durable as the system beneath it. We designed and built on a clean, component-based UI system in Figma — a single source of truth for type, color, spacing, and reusable patterns — so the site is consistent today and extensible tomorrow. Components map directly to the build, which kept design and development in lockstep and the final product faithful to the intent.

We built the site in Webflow with an editable CMS at its heart, because a studio that ships new work constantly cannot depend on a developer to publish it. The Push team can now add a new project, spin up a case page, and tag it by industry and format on their own — the portfolio stays current without a single line of code or a support ticket.

Engineered for Core Web Vitals on a video-heavy site

The hard part of a motion-rich build is keeping it fast, and we treated performance as an engineering discipline rather than a hope. Media is optimized and lazily loaded, assets are served lean, and rendering is tuned so that a page packed with video still clears Core Web Vitals with room to spare. That discipline is what lets the experience feel cinematic and instantaneous at once — the sub-two-second mobile load times that a site built entirely around playing video has no right to expect.

SEO Foundation

A portfolio this strong should be found by the people searching for exactly this kind of work. The old single-page site gave search engines almost nothing to index — one URL, one title, no path to the hundreds of projects underneath. We rebuilt the foundation so that every piece of proof Push has earned over fifteen years became a discoverable, rankable asset.

Each project now lives on its own indexable case page with a unique title, description, and semantic structure, so a video produced for a cybersecurity client can surface for the buyer searching that exact problem. A clean information architecture gives both readers and crawlers a logical map — services, industries, and work that interlink rather than dead-end. Underneath the design, we wired semantic markup and structured data so search engines understand what each page actually is: an organization, a service, a creative work with a client and a category.

Built to capture high-intent demand

We were not chasing vanity traffic. The goal was to meet B2B buyers at the moment of intent — when a product-marketing lead types in a format and a vertical and expects relevant proof in return.

• Indexable per-client case pages, each with unique metadata and semantic headings
• Keyword-aligned service pages for explainer, demo, live-action, and the rest of the catalog
• Dedicated industry pages that speak the language of cybersecurity, SaaS, and B2B tech buyers
• Structured data for organization, services, and video work to earn richer search results
• Clean, crawlable information architecture with deliberate internal linking
• Fast load times treated as an SEO input, not just a UX nicety

Performance does double duty here. The same speed work that makes a video-heavy site feel effortless also signals quality to search engines — which is why the technical build and the content strategy were never separate workstreams.

Features and Highlights

Stripped to its essentials, the new experience does a handful of things exceptionally well — and each one maps directly to how a buyer moves from curiosity to conversation. These are the deliverables that carry the most weight.

• Filterable, searchable portfolio — industry and format filters plus related-work suggestions, so relevant proof is always a click away
• Motion-forward homepage — full-bleed reels and motion as a first-class design element, letting the craft introduce itself
• Distinct service pages — seven clearly separated offerings, each with use cases, scope, and outcomes so buyers self-qualify
• Self-serve Webflow CMS — the team publishes new work and case pages without waiting on a developer
• Streamlined consultation funnel — persistent and contextual CTAs feeding a low-friction inquiry flow
• Trust signals at decision points — named testimonials, recognizable logos, and the 450+ track record placed where conviction matters
• Performance-tuned, mobile-first build — fast video delivery and smooth interactions across every screen

Individually, any one of these would have improved the old site. Together, they turn a flat brochure into a working sales instrument that earns attention and routes it toward a booked call.

Results and Outcome

The redesign was judged by a single question: does the work finally convert the interest it deserves? Within the first quarter post-launch, the numbers answered clearly — and each one traces back to a deliberate decision in the build.

More conversations, better qualified

Qualified consultation requests rose 2.4x. That is the conversion-focused architecture doing its job — persistent and contextual CTAs, trust signals at decision points, and an inquiry flow stripped of friction. Buyers no longer had to hunt for a way to start a conversation; the site invited it everywhere it mattered, and the requests that came through arrived warmer and more ready to talk.

The work holds attention

Video completion climbed 61% and average session duration rose 44% — the clearest signal that the video-first creative direction and the discoverable portfolio are working in concert. When the right work is easy to find and a pleasure to watch, people watch more of it and stay longer. Bounce rate on key landing pages fell 38%, a direct dividend of the modern, intuitive UX that replaced the cramped single-page layout.

Found by the right buyers

Organic impressions grew 72% in ninety days as the new SEO foundation took hold — indexable case pages and keyword-aligned service and industry pages putting Push in front of high-intent B2B search demand that the old site simply could not reach. And none of it came at the cost of speed: the video-heavy experience holds a sub-two-second Largest Contentful Paint on mobile, at 1.9s, proving that polish and performance were engineered together rather than traded against each other.

Read as a whole, the results validate the strategic bet — that presenting a boutique studio with the same clarity and craft as its own work would convert browsing into booked business.

What We Delivered

The engagement was end-to-end — strategy through launch, with the studio left fully in control of what comes next. Everything below was designed, built, documented, and handed over.

• A redesigned and rebuilt Webflow website, engineered for a video-heavy experience
• A complete UX/UI design system of clean, reusable components
• A refreshed brand identity with guidelines covering the wordmark, palette, type, and tone
• A restructured portfolio architecture with filtering, search, and per-client case pages
• A rebuilt service architecture of seven distinct, scannable offerings
• A technical and content SEO foundation, from structured data to keyword-aligned pages
• A documented, self-serve CMS the team can run without developer support

The intent throughout was autonomy. We did not want Push dependent on us to publish their next great project — so the system was built to be theirs from day one.

Stack & Tools

We chose a toolset that balanced design ambition, content autonomy, and the performance demands of a portfolio built around video — letting the team publish freely while the experience stays fast and polished.

Conclusion

For fifteen years, Push Collaborative has made complex products effortless to understand. The irony was that their own presence online made their excellence hard to see. That is the gap we closed — giving a studio known for clarity a digital home with the same clarity, polish, and confidence as the work it produces.

A hidden portfolio is now a discoverable, conversion-driving showcase. The craft speaks for itself, the right buyers find the right proof, and a browse turns into a booked consultation. More than a redesign, it is a platform built for the long game — the kind of partnership-led, repeat client relationships that have always been the heart of how Push works. The work was always worth watching. Now it finally gets the audience it earned.