A church media library, searchable in milliseconds

ProContent is Renewed Vision's subscription library of stock video, motion backgrounds, and graphics for churches. We designed and built a new platform for it from scratch, with fast search, animated previews, annual subscriptions on Stripe, and downloads straight into ProPresenter.

Client
Renewed Vision, presentation and live production software
Built
A replacement for the existing site: a subscription media library, checkout, and an API for ProPresenter
Services
UI/UX design, web development, QA, project management
Stack
React, Laravel, Inertia, Stripe, Algolia, Mux, Nova
Engagement
Design and build through launch in 2023

Results

  • 6 ms

    Average search response time

  • 17,000+

    Assets cataloged and searchable

  • 15,000,000+

    Unique downloadable files

Colorama, a ProContent motion background collection, on a laptop
What changed

See it before you download it

Finding content
Before ProContentAn existing site that could not support the search and browsing the library needed.
On ProContentSearch filtered by style, tempo, resolution, and more, plus browsing by category and collection.
Previewing
Before ProContentJudging a clip meant downloading video files that can run to gigabytes.
On ProContentAn animated preview plays on hover for nearly every asset.
Subscribing
Before ProContentA platform that could not support streamlined subscriptions.
On ProContentOne annual subscription with unlimited downloads, shared by a church’s team.
How the library works

From a master library to the screen on Sunday

Every asset comes in several codecs and resolutions, and packs bundle many assets together. The platform had to make all of it searchable, previewable, and downloadable, on the web and inside ProPresenter, without ever touching the master files.

  1. Catalog the library

    We imported the catalog from the content team’s master lists. Each asset points at its files in a read-only master library, and the platform finds every codec and resolution that exists, from HD and 4K to double- and triple-wide.

  2. Generate the previews

    Mux turns each asset’s preview clip into a short animated preview, signed so it plays only on ProContent. The jobs pace themselves to the service’s rate limit, so previews were ready for nearly every asset before launch.

  3. Index for search

    Every asset becomes an Algolia record with its tags, file versions, and preview. Packs inherit the tags of the items inside them, and editing a tag re-indexes everything it touches.

  4. Subscribe

    A church subscribes once a year through a custom Stripe checkout. Sales tax is calculated at checkout and checked again at each renewal, and subscriptions sold outside the website create the account and send the invitation automatically.

  5. Download on the web or in ProPresenter

    ProPresenter signs in with OAuth and browses the same collections. Each download returns short-lived signed links for exactly the codec and resolution requested, and every download is logged to the team.

What we built

A library churches can find their way around

A developer sat in every design meeting, so what we designed was what we could build, and the new platform launched on time for a fixed deadline.

  • Navigation

    A mega menu the team edits

    Content managers build the site’s navigation, with images, in the admin, grouped by packs, designs, and ProPresenter themes.

  • Browse

    Browsing for people without a search term

    Category and collection pages open search with filters already applied, for churches that know the look they want but not the word for it.

  • Admin

    Tools for content and support teams

    Laravel Nova gives the team subscription views for customer support and one-click actions to rebuild previews, thumbnails, and file versions.

  • Access

    Premium downloads for subscribers only

    Free assets are open to everyone. Premium downloads require an active subscription, checked the same way on the website and in the ProPresenter API.

Also in the platform

  • Stripe billing portal for plan and card changes
  • Download history kept per team
  • Homepage content the team edits

“I was impressed by Black Airplane's smart teammates who understood us and communicated well.”

Jonathan SheehanPresident and COO, Renewed Vision

The ProContent library open on a desktop monitor

Screens

  • The ProContent homepage on a laptop, with search and Browse by Collection
    The homepage
  • ProContent search on a laptop, filtered by category and license type
    Search with filters
  • A ProContent collection page on a laptop, with its download options
    A collection and its downloads
  • ProContent collections on a laptop: Motion Graphics, Christmas, Aerial, Cinematic, Remix, and Studio
    Browse by collection
What are you building?
From:
Vision
To:
Victory
Black Airplane
barcode