menu
toptvseries

NFCU Stride Art Website UI

A realtime runner generated art experience

The Challenge

kommentare mit titantrade Collaborate with multiple Navy Federal Credit Union marketing agencies to architect and design a unique “digital memento” for runners of the 2013 Marine Corps Marathon in Washington D.C. that utilizes live data to create a one-of-a-kind collaborative art piece. Needs to be exciting, dynamic, highly interactive and socially portable to encourage sharing. Should also be a feel good brand-focused piece that avoids a heavy handed marketing message.

What I Did

För Viagra 100 mg utan recept I was invited by my client, STUDIO LLC, to submit some design concepts based on the loose brief as described above and some vague “splatter” moodboards created by another agency handling the offline promotions. I began experimenting and created the initial dark blue concepts shown below. After some rounds of revision and extensive collaboration with the STUDIO developers around what data was available and how it could be parsed in real-time, I adjusted the designs to the lighter versions shown farther down. These were then coded and implemented at the marathon.

The end result was a successful experiment that incorporated tons of real-time data into an interesting and dynamic art piece for runners to remember the day by. We’re currently experimenting with how to improve the system for next year’s marathon.


binárními opcemi SHOE PRINT ARTWORK

The shoe print was to be the centerpiece of the creative approach so there was a lot of attention focused on it. Initially, with the direction to create something artistic and unique, I created the design below. The image was slightly abstract with an organic feeling and a lot of depth and layers.

As the race progressed and runners began to cross the finish line, dots would be added from left to right. Due to the logistical challenges of trying to manage a one-to-one dot/runner relationship, we opted for a “suggestive” grouping of dots as packs of runners came across the line.

The animation would play live on both the homepage of the website and a huge jumbotron at the finish line of the race.

[thmlv_one_half] Tastylia Strips 20mg Tadalafil Ghevarsha International Legal Supplier Animation 01projects_nfcu_stride_art_07[/thmlv_one_half] [thmlv_one_half_last] guadagnare con opzioni binarie in 60 secondi versione demo Animation 02projects_nfcu_stride_art_08[/thmlv_one_half_last]

[thmlv_one_half] estrategias para operar en opciones binarias Animation 03projects_nfcu_stride_art_09[/thmlv_one_half] [thmlv_one_half_last] montaggio foto su forex Animation 04projects_nfcu_stride_art_10[/thmlv_one_half_last]

http://www.remedy-stores.com/?straysjatina=opzioni-binarie-conto-demo-ipad&2df=ed opzioni binarie conto demo ipad Animation Finalprojects_nfcu_stride_art_11

 

monte paschi opzioni binarie Animation on Jumbotron (mockup)projects_nfcu_stride_art_12

 


http://intelligenetics.com/?losd=%D8%B4%D8%B1%D9%83%D8%A9-%D8%AA%D8%AF%D8%A7%D9%88%D9%84-%D8%A7%D9%84%D8%AE%D9%8A%D8%A7%D8%B1%D8%A7%D8%AA-%D8%A7%D9%84%D8%AB%D9%86%D8%A7%D8%A6%D9%8A%D8%A9&a83=42 شركة تداول الخيارات الثنائية INITIAL WEBSITE CREATIVE

Along with the shoe print artwork, I created these interface designs to show how runners would find their contribution to the stride art. I particularly liked the juxtaposition of the abstract, organic artwork underneath the fun, flat and modern-looking interface.

http://kitzmann-architekten.de/?slava=bin%C3%A4re-optionen-metatrader-5&587=5e binäre optionen metatrader 5 Post Race Find My Stride Page
This first screen shows what the runners would see when they came to the website after the race to find their piece of the artwork.

projects_nfcu_stride_art_06

 

forexpros commodity futures Poster Page
Each runner would have his/her own poster page where they could see their stats and a call out of their contribution to the artwork. This could then be shared on Facebook, Twitter and Pinterest.

projects_nfcu_stride_art_05

 


Köpa Viagra Mariestad FINAL WEBSITE DESIGNS

The initial creative was well received, but the shoe print was deemed too abstract to fit along side some other offline creative that was being handled by another agency. To address this, I worked with the other agency to bring our designs into harmony and then create a shoe print graphic that worked across all aspects of the campaign.

turkce forex analiz Pre-Race Homepage
After aligning the website creative with the other offline creative being done elsewhere, I designed these screens. The first one shows the pre-race homepage where runners could learn about the project and sign up for alerts. A video at the top gave more info.

projects_nfcu_stride_art_04

 

how to make free money from stock market During Race Homepage
On race day, the homepage switched to this view and friends and family of the runners could log on and see the shoe art fill in as the runners cross the finish line.

projects_nfcu_stride_art_03

 

estrategias de opciones financieras Post Race Find My Stride Page
This is where the creative ended up. I designed and created the shoe art myself from scratch.

projects_nfcu_stride_art_02

 

orari delle opzioni binarie Poster Page
This is what the final poster page looked like for runners.

projects_nfcu_stride_art_01