Oct 2020

Colorado Mesa University

Campaign
Content
Scroll to see full case study
Client

Colorado Mesa University

The opportunity

Insight to idea to action.

March 2020 robbed us all of some sense of normalcy. For high school juniors and seniors, this change was particularly jarring. As the entire world hit pause, these kids were left asking, "What comes next?" Do we go to college? Do we take a gap year? Do we head to work? 

One thing was clear, they were consuming content -- on mobile devices -- at a crazy rate. The halt in sports, clubs, and social activities led to an astronomic consumption of social media.

Meanwhile, in Grand Junction, Colorado, Colorado Mesa University was plotting their plan to return in the fall in a safe and meaningful way. Thus, The Maverick Network was born.

No items found.
The Insight

Meet them where they are.

Given the turn up in content consumption, we devised short-form episodic content that would capture and present several different aspects of campus life. Three distinct series were created. Each of the three would fly under the flag of The Maverick Network. A content network designed to demonstrate that life was still happening at CMU. In fact, we thrived.

While the world hit pause, we hit the accelerator.

The Execution

Social. Mobile. Connected TV.

Tapping into the uncertainty of current high school juniors and seniors wasn't our only challenge. Reaching them where they are, and delivering the relevant messages to their parents, counselors, and other influencers took insight as well. Knowing we could segment messaging by demographic, but also by psychographic, and even within the same network environments, such as a single family home, we built a media plan that could accommodate separate messages for distinct audiences at every turn. Students were consuming huge amounts of content on mobile. Both in social media channels, but also in streaming services. While parents were more likely to be watching streaming services on their connected TVs. However, parents were also accessing tons of social media, which meant delivering relevant messages meant segmenting with a scalpel.

No items found.

Project Gallery

No items found.
Explore
projects
Monarch Casino Resort Spa
View Project
Cinch Jeans, Shirts & Rodeo
View Project
No items found.
// GET is the verb we're using to GET data from Xano request.open('GET', url, true) // When the 'request' or API request loads, do the following... request.onload = function() { // Store what we get back from the Xano API as a variable called 'data' and converts it to a javascript object let data = JSON.parse(this.response) // Status 200 = Success. Status 400 = Problem. This says if it's successful and no problems, then execute if (request.status >= 200 && request.status < 400) { // Map a variable called cardContainer to the Webflow element called "Cards-Container" const cardContainer = document.getElementById("Cards-Container") // This is called a For Loop. This goes through each object being passed back from the Xano API and does something. // Specifically, it says "For every element in Data (response from API), call each individual item restaurant" data.forEach(restaurant => { // For each restaurant, create a div called card and style with the "Sample Card" class const style = document.getElementById('samplestyle') // Copy the card and it's style const card = style.cloneNode(true) card.setAttribute('id', ''); card.style.display = 'block'; // When a restuarant card is clicked, navigate to the item page by passing the restaurant id card.addEventListener('click', function() { document.location.href = "/item?id=" + restaurant.id; }); // For each restaurant, Create an image and use the restaurant image coming from the API const img = card.getElementsByTagName('IMG')[0] img.src = restaurant.banner.url + "?tpl=big:box"; // using Xano's template engine to re-size the pictures down and make them a box // For each restaurant, create an h3 and set the text content to the restaurant's title const h3 = card.getElementsByTagName('H3')[0] h3.textContent = restaurant.name; // For each restaurant, create an paragraph and set the text content to the restaurant's description const p = card.getElementsByTagName('P')[0] p.textContent = `${restaurant.description.substring(0, 240)}` // Limit to 240 chars // Place the card into the div "Cards-Container" cardContainer.appendChild(card); }) } } // Send Restaurant request to API request.send(); } // This fires all of the defined functions when the document is "ready" or loaded (function() { getRestaurants(); })();