VizVid

A product that made a custom video for each customer, which I owned from the logo to the trade-show booth

My role

VP of UX Design

Product
VizVid, by MediaCross
Where
St. Louis
When
January to July 2019
Demo
William Peace University
  1. Designed the brand: the VizVid wordmark and logo, the app icon set and the share image, built to sit beside a university's own brand without competing with it.
  2. Designed the product: a three-step loop a counselor finishes in a minute (add the visitor, personalize the video, send it), inside a campaign dashboard with per-campaign reporting.
  3. Made the marketing that carried it to buyers: the CIVSA and NSCEC conference pieces, a full-page and a quarter-page ad, the how-it-works graphic and the landing page, and co-presented the webinar demo.
  4. Built the demo for William Peace University while that sale was pending, putting the product's output on a real campus's brand, and wrote a general video script for colleges to personalize.
  • 1 new client the redesign won the agency: Spartanburg Methodist College, with a digital viewbook
  • 2 conferences in May 2019, CIVSA and NSCEC, with four printed pieces between them
  • 1 + 1 webinar demo, and a demo for William Peace University, a sale then pending
  • 3 steps for a counselor to make and send one student their own video

Summary

VizVid was MediaCross's personalized-video product for college admissions: a web app that let an admissions team make an individually personalized video for each prospective student, their name in the animation, and send it with its own landing page. College recruiting is high-volume and impersonal at exactly the moment a student's decision is personal. Admissions teams had CRM data and video budgets, and nothing connecting them: mass email on one side, expensive one-off video on the other. The product bet was the middle.

My role ran the width of the product rather than one layer of it. Brand first, product second, marketing third, and the three had to agree. The record is the artifact set: the brand files, the product screens as designed, the conference pieces that printed, the webinar, and the demo video for William Peace University. No production campaign metrics are in it, and none are claimed here.

Who was involved

  • MediaCross The agency that built and sold VizVid; its higher-education marketing director co-presented the webinar and ran the conference campaigns with me.
  • Engineering The agency's engineers, who built the web app, a React front end on a Symfony service, and the video rendering behind it.
  • William Peace University The Raleigh institution whose brand and campus the demo was built on.
  • Natalie Designed the pop-up campus tour map for William Peace University, the piece the demo's illustrated campus was drawn from.
  • Me Brand, product design, marketing design and the demo.
Personalized video landing page under a William Peace University header: a video player reading We miss you already, Shelby! over an illustrated campus, with Apply Now, Academics, Student Life, and Athletics links and social sharing icons below.
What the student received. The personalized landing page from the William Peace University demo: Shelby's video, on Shelby's page, under the university's own brand.
Read the record . 7 sections, about 3 min

Where it started

In January 2019 MediaCross's higher-education marketing team and I ran a webinar for admissions offices, Leveling Up Your Campus Visit Experience, on the visit as the linchpin of the enrollment funnel and on what happens after it. The slides end on the product we were building for that moment after the visit: a video made for one student, from the visit they had just taken. The first personalized example, for a student named Paul, is dated February 1; the demo deck February 6.

That was the bet. Admissions teams already had the CRM record and the photographs from the tour. Nothing turned them into something personal a student would open.

A brand that stands beside a university's

The brand came first because everything the product produced would carry it next to a college's own: a wordmark and logo in March 2019, an app icon set and share image in May, and a palette of purples and reds that reads as the tool rather than the school. The how-it-works graphic, an isometric studio turning data into video, explained the product in one picture on the landing page.

Four people at a whiteboard sorting light blue sticky notes of candidate brand words, among them energetic, fun, playful, surprising, clever, optimistic, adventurous, imaginative, progressive, futuristic and bold, with dot votes on some. Faces are blurred.
Choosing the brand's words. The team sorted a wall of candidate words into clusters and voted on them with dots.
Three sticky notes on a whiteboard reading energetic, approachable and cutting-edge, each with dot votes, above a hand-drawn pyramid of functional, reliable and usable, topped by surprise and delight.
Three words, and what they sit on. Energetic, approachable, cutting-edge: the top of a pyramid that starts with functional, reliable and usable.
Isometric illustration in purples and reds of a small automated studio: figures tending dashboards, a camera rig, charts, and a rendering tower connected by glowing paths: the product's how-it-works graphic for turning data into personalized video.
How it works, in one picture. The isometric studio: data in, a personalized video out. Drawn for the landing page, June 2019.

Three steps a counselor can finish in a minute

The core loop is three steps over the dashboard. Add the visitor: a form with the fields a counselor already has open in their CRM. Personalize the video: pick the media that makes it theirs, the buildings they toured, the photos from their visit, before the render. Send it: the loop ends on the artifact itself, the student's video on the student's page, one button from their inbox.

Around the loop sit a dashboard that answers one question, is my campaign working, and per-campaign reporting that benchmarks each rate against the audience average and names the most active visitors, the prospects worth a personal call. Every figure in these screens is demo data written for the design.

Personalize a Video modal, step one of three: Add. Fields for the visitor's first name, last name, and email address, a campaign selector, and a Create Visitor button, over the dimmed dashboard. The product UI as designed in 2019.
Step one: add the visitor. Deliberately just a form: the fields a counselor already has open in their CRM.
Personalize a Video modal, step two: a row of campus photo tiles (The Fountain, Finch Library, Fornes Building, Main Building), with empty add-photo slots and a Create Video button, for adding personalized media to the Spring 2018 campaign video.
Step two: personalize. The buildings they toured, the photos from their visit, before the render.
Personalize a Video modal, step three: Success! You personalized a video for Shelby, a thumbnail of her video, her personal video page URL, and a Send Video button.
Step three: send. Shelby's video, on Shelby's page, one button from her inbox.
VizVid dashboard greeting Good Afternoon, Bobby! with a Campaign Engagement panel: 586 videos personalized in 30 days, visit, view, click, and share rates, and a multi-line engagement chart over the past 30 days.
The counselor's home screen. Is my campaign working? Engagement rates over time. The figures are demo data written for the design.
Campaigns screen listing five campaigns (Thanks for Visiting Us, Deadline to Pay or Postpone, Enrollment Starting, Alumni Celebration, Be a Future Pacer), each with status and per-campaign visits, views, clicks, and shares.
Campaigns as a managed list. One campaign per enrollment moment: visit follow-ups, deposit deadlines, alumni events. Demo data.
Enrollment Starting campaign report: 586 videos personalized, visit rate 62.6%, view rate 67.5%, click rate 13.1%, share rate 3.5%, each compared to an audience average, above counts of visited, viewed, clicked, and shared, and a most-active-visitors list.
Reporting a counselor can read. Each rate against the audience average, and the most active visitors by name. Demo data.

Taking it to the people who buy

In May 2019 the product went to two admissions conferences, CIVSA and NSCEC: a folded marketing piece for one, a full-page and a quarter-page ad and a Wi-Fi poster for the other, all in the brand. The landing page carried the how-it-works graphic and the demo. In July I wrote The Hatching, a fill-in-the-blanks video script a college completes in its own words, so a campus could try the product before commissioning a video of its own.

The demo built on a real campus

A printed pop-up campus tour map for William Peace University, photographed low across a table: illustrated orange and cream campus buildings and a fountain stand up from a green map, with a WELCOME! square at the start of a game-board path, numbered stops and short captions beside each building.
The pop-up campus tour map. Designed by Natalie for William Peace University. The demo video walks the same campus, drawn from this map.

The demo was built for William Peace University in Raleigh while a sale to it was pending. Its student ambassadors lead the tours, and the tour is what sets it apart. Its personalized video greets one student by name, walks through the campus moments she saw, and closes on the university's wordmark, on a landing page under the university's own brand. Forty-five seconds of what the product made, for one student on one real campus.

Shelby's video. The product's own output for the William Peace University demo: a real institution's brand, one student's name, forty-five seconds.

Outcomes

The agency's engineers built the product as working code, and the conference pieces were printed for the conferences. VizVid, as redesigned, won the agency a contract with Spartanburg Methodist College, along with a digital viewbook for the college. MediaCross's own account of that work says VizVid was integrated with the college's CRM and sent each student a shareable video of their campus visit. No production campaign metrics are in my files, and none are claimed here; the engagement figures in the dashboard and report screens are design-time demo data, shown to explain what the product measured.

If I did it again

I would ship the measurement with the product. The dashboard was designed around one question, is my campaign working, and I left before a single real campaign's answer was written anywhere I could keep. A product that promises counselors a number should hand its designer the same number.