Celebrating the life of Dr. Martin Luther King, Jr.
Comcast NBCU
Digital Mosaic
Visions of King is a celebration of the life and legacy of Dr. King, brought to life in an interactive art installation. Posts, pics and content from users were collected and displayed to form a beautiful, interactive photomosaic of Dr. King.
the experience
Why are you #stillmarching?
The site prompted users to answer the question 'Why are you #stillmarching?' with stories, videos or images from their Instagram feed. A simple, guided flow walked the user through the submission process and even gave ideas on how to start a post. Once the user made a submission, they were collected in a queue where they could be curated and screened by an admin before being added to the digital mosaic, which automatically regenerated based on the latest submissions.
VoK Project Description
The mosaic itself was developed in WebGL, using a technique called raycasting to intelligently apply hundreds of optimized pieces of media to a grid. An algorithm was used to determine which images or videos would fit where in order to create the likeness of Dr. King. From there we applied a depth map to the grid to bring parts of the mosaic into the foreground, allowing us to create the illusion of a 3D bust emerging from a flat plane. Particle effects and subtle undulations added life to visualization. We're proud to have had the opportunity alongside Burrell and NBC Comcast Universal to celebrate the life and legacy of Dr. King. The visualization garnered tens of thousands of impressions and was also recognized by the FWA as Site of the Day.
- Gopher Productions / Website & Identity DesignGopher
- Zillow / WebsiteLearning Center
- Uber Eats / WebsiteUber Eats
- Instacart / WebsiteInstacart
- Twitter / Visual Identity, Content, WebsiteTwitter Innovators
- Netflix / WebsiteStranger Things S4
- Finix / WebsiteFinix
- Status Pro / WebsiteStatus Pro
- Twitter / Campaign & Identity DesignBest Of Tweets
- Amazon Prime Video / Web ModuleWheel of Time
- Tillamook / WebsiteCheddarbration
- Garanimals / WebsiteGaranimals
- SteelWave / WebsiteSteelWave
- Leo Burnett / WebsiteLeoBurnett.com
- Tillamook / WebsiteTillamook.com
- State of California / WebsiteSea Level Rise
- Tillamook / WebsiteMore Cream Less Air
- Mekanism / WebsiteMekanism.com
- SteelWave / websitetheLAB
- Coors Light / lensCoors Light
- Netflix / WebsiteMindhunter
- SteelWave / websiteGrand + Nash
- Uber / WebsiteUber ATG
- Mailchimp / VideoMailchimp
- BioMed Realty / WebsiteBioMed Realty
- Cheetos / LensMega Cheesy Ball
- Uber / WebsiteUber Brand
- Comcast NBCU / Digital MosaicVisions of King
- Hyundai / Concept filmElantra+Sonata
- Netflix / LensStranger Things
- Uber / WebsiteUber Freight
- Twitter / WebsiteIs Happening
- PayPal / WebsiteLocal Selects
- Uber / WebsiteMission Bay
- LG / websitePlay More
- Hormel / WebsiteBlack Label Bacon
- Uber / WebsiteUber Presents
- Ad Council / WebsiteSeize the Awkward
- Microvention / WebsiteMicrovention
- DTLA Arts District / Installation4th & Traction
- YouTube/Google / WebsiteSimply Complicated
- Pop Research / WebsitePop Research
- Orbit Gum / WebsiteTime To Shine
- KIDinaKORNER / WebsiteKid in a Korner
- Ford / WebsiteBuilt Tough
- Rob Dyrdek / WebsiteRob Dyrdek
- Banana Boat / WebsiteDefy the Sun
- Surfair / BrandingSurfair
- David & Goliath / Websitedng.com
- Secret Deodorant / MicrositeMean Stinks
- Honda / WebsiteHonda HR-V
- EA Games / WebsiteDragon Age
- Hyundai / Web appBecause football
- Zyrtec / Website, filmFurtec
- Adidas / Social AppAdizero
- Playstation / WebsiteGreatness Awaits