Mar 2019

MCRS: Metamorphosis

Campaign
Scroll to see full case study
Client

Monarch Casino Resort Spa

The opportunity

Tasked with elevating the image and brand of our clients, Monarch Casino Resort Spa in Black Hawk, Colorado, dTA knew we had to do more than simply create a campaign. The quality, precision, and design used to create a 516-room luxury hotel and spa, expanded gaming floor, four all-new restaurants and amenities meant this was more than simply a change. This was a metamorphosis.

No items found.
The Insight

Change made real.

‍

Bringing this mystical creature to life with beauty, elegance, and grace requires clients and partners committed to the vision. Working with Denver-based talents director Bill Timmer of Futuristic Films, the geniuses behind her wings and energy, Frost Motion, and the audio alchemists at Coupe Studios, Metamorphosis took command of the message. Providing the performance is Denver actor + musician Mandy Groves. She brought an allure, and most importantly a confidence that elevated the perceptions of not only the property and experience but of the Monarch Casino Resort Spa brand as well. 

The Opportunity:

Change Brought to Life in the Real World

‍

We brought the metamorphosis to life in the real world as well. First, we teased attention with a blank billboard. For three weeks, there was nothing other than a branded color gradient. Then, we piqued curiosity, and perhaps prickled some sensibilities by posting a 14' tall chrysalis of the Monarch butterfly. 6-weeks out from the opening of the hotel, expanded gaming floor, and new restaurants, the ultimate resort took flight. The entire life-cycle of this unavoidable invertebrate was brought to life by Bill Kinsey, and the talented team at Eye Candy Props.

No items found.

Project Gallery

No items found.
Explore
projects
Cinch Jeans, Shirts & Rodeo
View Project
Monarch Casino Resort Spa
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(); })();