BLUECADETPro!le & Process

March 2013

Multi-Device Websites • Mobile Apps • Multi Touch Screens • Photo, Video & Illustration • Media Planning • Environmental Design

About Bluecadet Bluecadet is made up of passionate designers,

developers, illustrators, strategists, architects, and

writers. We come from varied background, yet

share one thing in common:

We’re storytellers for the digital age.

• respected digital strategist

• sought-after speaker

• Emmy winner

• interactive developer

• 5 years at Smithsonian American Art Museum

• leads Bluecadet’s strategic approach

• involved in every project as creative director

• BA from Tufts University

Josh Goldblum

Founding Principal + Creative Director

• celebrated interactive designer

• awards include SXSW, Webbys, MUSE

• leads Bluecadet’s design team

• involved in every project as art director

• 5 years at Smithsonian National Portrait Gallery

• 5 years of agency experience

• MA in history from George Mason University

Troy LaChance

Principal + Design Director

PRINCIPALS

PRODUCERS

Rebecca Sherman

Studio Director

Aaron Miller

Interactive Producer

Victoria Jones

Producer

Rebecca Smith

Producer

Harrison Haas

Associate Producer

Brad Baer

Creative Director, Environments

DESIGNERS

Kim Quinn

Senior Designer

Aaron Richardson

Designer + Motion Graphics

Theresa Decker

Designer

Alex Bloom

Designer

Putra Roenig

Creative Developer

DEVELOPERS

Mark Llobrera

Senior Developer

Stacey Martens

Creative Developer

Steve Hurwitz

Senior Web Developer

Kathryn Stracquatanio

User Experience Developer

Paul Rudolph

App Developer

We Create

Multi-Device WebsitesMulti-touch InteractivesMobile AppsIntegrated Social Media Plans Environmental DesignsBrands, Identities & IllustrationsPhotos, Video, Animation

Strategy

Digital strategy

Mobile

Web

Social media

Media planning

Touchscreen interactives

Multi-user applications

Environmental media

Research

Audience analysis

Competitive analysis

Usability testing

Content strategy

Technical specs

Design

Information architecture

User interface design

User experience design

Illustration

Animation

Identity systems

3D Modeling

Management

Client relations

Coordination with other vendors

Communication management

Scheduling

Documentation

Training

Quality assurance

Technologies

Web development: HTML5, Drupal,

Wordpress

iOS, PhoneGap

Flash

Kinect, Processing

Max/MSP

Projection mapping

OUR SPECIALTIES

Our Clients We’ve worked with several great clients and that’s

not a coincidence. We work with people we

respect and organizations we believe in. In return,

we’ve built not only great sites but great

relationships which result in repeat customers.

Take a look at some of our past clients. We’re con!dent that if you ask what it’s like to work with us, they’ll have some nice things to say.

OUR CLIENTS

(Wouldn’t your logo look nice right here?)

Emmy• Starved for Attention (nominee - 2012)

• Live, Hope, Love (winner - 2009)

FWA Site of the Day• Sue the T. Rex Puzzle Interactive (2012)

• With Art (2012)

SXSW• James Zabiela - (winner - 2011)

• Starved for Attention (nominee - 2012)

• Joshua Cogan (nominee - 2012)

• Philadelphia Orchestra (nominee - 2012)

• Mural Explorer (nominee - 2011)

• Vital Voices (nominee - 2011)

Webby• Counterspill (3 awards - 2012)

• Live, Hope, Love - People’s Voice Award (award - 2009)

• Starved for Attention (nominee - 2012)

• Counterspill (nominee - 2012)

• Young Arts (nominee - 2011)

• Mural Explorer (nominee - 2011)

• Eastern State Penitentiary (nominee - 2011)

Digital Ellie• Assignment Afghanistan (2011)

Communication Arts, Webpick of the Week• Energy Realities (2012)

• With Art (2012)

• Diego Rivera (2012)

• McNulty Prize (2012)

• Assignment Afghanistan (2011)

• Eastern State Penitentiary (2011)

• Mural Arts Program (2010)

• Starved for Attention (2010)

• American Revolution Center (2010)

AAM Muse Award• Field Museum Green Wall (2012)

• American Revolution Timeline (2012)

• Iconic Mural Collection (2012)

• Lincoln Memorial Interactive (2010)

HOW Magazine Interactive Annual• Chalmette Battlefield Museum (2012)

• Mural Explorer (2012)

• Assignment Afghanistan (2012)

• They Killed Sister Dorothy (2010)

• American Revolution Center (2010)

• Live, Hope, Love (2009)

SELECTED AWARDS

Our WorkBluecadet is an interactive studio specializing in

multimedia experiences that excite, engage and

inspire. We build dynamic interactive installations,

applications, and website for museums,

universities and non-profits.

Over the next several pages we’ll show you a

little more about what we do and how it might be

relevant to the work you’re doing.

A good interactive allows the user to move fluidly through the targeted action points and content

areas. To accomplish this, the user interface must be straightforward, consistent, and easy for any

user to navigate. We will map out a navigation scheme illustrating how users explore content and

move through the experience. Through tap-testing and review, we will refine the process in the

early stages of the project.

Once the structural problems have been solved, we make things beautiful. Our designers are

second to none. We will create a look and feel for the media elements that is aligned with the

exhibition style and conveys the appropriate tone. Every interface element and piece of content will

be carefully considered, resulting in a pleasing visual experience.

User Experience

Multi Device Web Design

T O U R I S M : With Art Philadelphia withart.visitphilly.com

P R O F E S S I O N A L : Erica Broberg Smithericabrobergarchitect.com

A R T S : National Constitution Centerconsitutioncenter.org

C O M M U N I T Y : e Philadelphia Orchestraphilorch.org

A C A D E M I A : Tyler School of Art at Temple UniversityLaunching Spring 2013. is site has beautiful full-bleed tours of the school’s new building.

A C A D E M I A : Tyler School of Art at Temple Universitye site is responsively designed to maintain a beautiful look on websites, smartphones and tablets.

A R T : Steve McCurry, Portraitshttp://itunes.apple.com/us/app/portraits-by-steve-mccurry/id589821521?mt=8

M U S E U M S : American Revolution Centerwww.americanrevolutioncenter.org/

The way one interacts with libraries, museums and performing arts spaces is changing. With the

majority of visits beginning on-line, the experience no longer starts at the front door but rather the

minute the website is loaded. Bluecadet views these changes as an opportunity to improve the

physical experience with a complimentary digital experience.

Projects like “La Invencion Concreta” at the Reina Sofia Museum use mobile to create a better

understanding of the exhibition. Rather than merely displaying the same image on the screen as you

see on the wall, the app provides complimentary information, fun facts and opportunities to interact

with the pieces in multiple languages.

Holistic Design

Comprehensive Experiences

M U S E U M S : La Invencion Concreta at the Reina So!aMuseums are constantly moving to multiple sensory experience with augmented information via iPads or smartphones.

T H E W E B S I T E

M O B I L E E X P E R I E N C E

i P a d E X P E R I E N C E

Bluecadet has the capacity to create interactive dashboards and infographics that are both

informative and interesting. These displays can stream real-time data while adding a beautiful

aesthetic touch.

Our displays have been placed in museums and libraries and are poised to be equally as successful

in corporate headquarters or university buildings. They provide an easy way of conveying how a

building is performing environmentally and are even eligible for LEED credits in educating the

building’s users.

Real-time Displays

Environmental & PerformanceDashboards

M U L T I - T O U C H T O U C H S C R E E N S : University of Pennsylvania Museum“Hunal Burial” is a multi-touch interactive where up to four visitors simultaneously explore a tomb from the ancient Maya city of Copan. Beginning with a 3-

dimensional model that orients visitors to where the tomb sits within the site, an animated transition leads visitors inside the burial chamber. rough intuitive

gestures, visitors wipe away the debris covering the burial slab to reveal the remains buried beneath.

M U L T I - U S E R P U Z Z L E : Sue the T-Rex at the Field Museum - Chicagoe multi-user interface we created for the Field Museum’s T-Rex goes beyond traditional 2D navigation and makes full use of multi-touch gestures. Visitors can tap, swipe and pinch through detailed 3D dinosaur scans while simultaneously rotating the full 3D skeleton. Watch a video here: http://bit.ly/XC2KQK

S U E T H E T - R E X P U Z Z L E : Field Museum - Chicago In this immersive 3D experience, visitors can #uidly rotate Sue's skeleton and examine it from every vantage point while choosing bone sections to add. Each bone

section can be individually rotated and zoomed using intuitive gestures and then dragged onto the correct location on the skeleton to place it. Visitors can turn the

skeleton as they are placing the bone pieces, allowing them to explore it from every angle as they add each piece.

L I V I N G W A L L S : Field Museum - Chicagoe Green Wall Experience provides a compliment to the exhibition by allowing visitors to interact with current environmental information Check it out at: http://bit.ly/10deJ8X

R E A L T I M E E N V I R O N M E N T A L D A S H B O A R D S : Mammoth Cave National Parke Vital Signs Display shows real time streaming information about the current weather conditions and building performance

Garbage Pickup/Co-Generation PlantAdds efficiency and sustainable focus

垃圾收集/废热发电高效低耗产能

Geothermal System / Energy PilesCool the Energy Loop at 50m Deep

地热能系统/地下能源层50米深管道提取热能或降温冷却

Recycled Wood LouversHorizontal Sun Protection

Pumps & Heat ExchangersReduces the Need for Mechanical Cooling

Rain Water CollectionReduce Water Usage and Filter Ground Water

Pumps & Heat ExchangersReduces the Need for Mechanical Cooling

Recycled Wood LouversHorizontal Sun Protection

Pumps & Heat ExchangersReduces the Need for Mechanical Cooling

Rain Water CollectionReduce Water Usage and Filter Ground Water

雨水采集降低水资源消耗，净化地下水g

Underground ParkingPrevents Asphalt Expsoure & Heat Gain

地下泊车减少地面柏油路面及其吸热

Underground ParkingPrevents Asphalt Expsoure & Heat Gain

Water Collection CisternCollected Water for Toilets and Irrigation

雨水采集收集雨水供盥洗灌溉使用

Walter Filtration SystemReduce Water Runoff

Pumps & Heat ExchangersReduces the Need for Mechanical Cooling

Walter Filtration SystemReduce Water Runoff

Pumps & Heat ExchangersReduces the Need for Mechanical Cooling

Recycled Wood LouversHorizontal Protection from Sun

Natural VentilationAllows Light & Air to Lower Levels

自然通风引入阳光和新鲜空气至地下空间

Walter Filtration SystemReduce Water Runoff

Pumps & Heat ExchangersReduces the Need for Mechanical Cooling

Walter Filtration SystemReduce Water Runoff

绿地水净化系统防止水溢出

回收木料遮篷废物利用，遮挡日照

Environmental Quality环境质量

Water Efficiency用水效率

Material & Resources材料与资源

Energy & Atmosphere能源与气候

Bio FiltersAir Filtration and Purification

Localized Tile PaversNanajo White Tile from Hebei Province

本地铺筑材料河北省出产铺面，节省交通安装耗能

Radiant Heating/CoolingUnderfloor condition is efficient & accessible

地板下放射式供暖及冷却近距高效且易操控

Bio FiltersAir Filtration and Purification

生物过滤空气过滤与净化

Cooling TowersAdds Additional Cooling to the Loop

冷却塔能源循环中增值冷却

Pumps & Heat ExchangersReduces the Need for Mechanical Cooling

Bicycle Share ProgramRentals for exercise and transportation

自行车租赁供休闲交通使用

Evaporative Cooling PoolsReduction in Temperature

蒸发冷却水景减少机械冷却耗能

Photovoltaic CanopyFabric Covering Embedded with PV Cells

太阳能日光板天蓬光电池嵌入式结构

E N V I R O N M E N T A L A N I M A T I O N S : Beijing Central Business District with Pelli Clarke PelliIllustrations and animations simplify the task of describing environmental systems and sustainable strategies

I N F O G R A P H I C S : American Revolution Centerwww.counterspill.org/

Our websites, apps and large-format interactives are the perfect way to tell the story of a company

or organization. From libraries and museums to alumni centers and stadiums, these displays are a

beautiful feature that also creates interest in the history or future of an organization.

We conduct preliminary testing with with full size mock-ups, and we never assume something that

works on a small monitor will work on a huge multi-touch screen. All of this helps us break out of the

typical single-user kiosk mold and develop experiences that are truly multi-user.

Multi-User Touchscreens

Storytelling, Exhibitions & Donor Walls

D O N O R W A L L : National Museum of American Jewish HistoryAn interactive donor wall provides a simple way for visitors to see where the museum’s donors are located

U S E R G E N E R A T E D C O N T E N T : Assignment Afghanistanis project encouraged visitors to share their own personal story and then placed it by location on a larger map. As the stories were added the site became a very personal diary of powerful memories.

A N I M A T I C S : Remembering Tim Hetheringtonis piece reinforces the linear narrative of Tim’s last days and allows visitors to literally trace his path. Visitors could toggle to different days by using the menu and music reinforces the tone. Watch it at http://vimeo.com/47978916

D O N O R W A L L S Interactive donor walls provide a sleek way of highlighting the people that made the building possible. ey also make adding new names or providing additional information a snap.

We believe that technology is at its best when it helps us understand what we can’t easily see or

teaches us something new. Creating environments that inspire using augmented information

enriches the physical space by adding another level of interaction.

Encouraging visitors to engage with content collaboratively can foster conversation and create a

lasting impression. We understand the design challenges of multi-user interactives like multiple

viewing angles, collaboration vs. competition, and clutter and are passionate about finding ways of

weaving the experience into the existing context.

Physical Computing

Didactic Environments

I N T E R A C T I V E I N F O G R A P H I C S : Financial Times at Grand Central Terminal - New YorkFor the Financial Times “Graphic World” installation we created a huge #oor mat with an array of pressure sensors. Each sensor corresponded to a portion of a projected world map. As visitors walked across the mat, animated footsteps followed their movement and revealed corresponding content. Check it out at http://bit.ly/RFC1TT

Sensor mat build in progress

Section TextSubheading Optional

Developing the interface

We’ve seen complex maps and gigantic signs that attempt to assist in negotiating physical spaces

but we think less is truly more when it comes to assisting people in getting where they want to go.

Mobile apps and multi-touch screens are an easy way to explain a complex spatial arrangement in a

bold way. We’ve created 2D and 3D solutions ranging from the scale of a single building all the way

to fly-bys at the scale of an entire city. While they differ in size, they all help visitors understand a

space with an interface as simple as a smartphone.

Immersive Environments

Wayfinding Systems

A N I M A T E D P E R S O N A L M A P : With Art Philadelphiais model of Philadelphia is featured in an interactive map on the WithArt website we created for the Greater Philadelphia Tourism and Marketing Corporation. Users can #y through the skyline and click through the highlighted locations for more details. Take the virtual tour at http://withart.visitphilly.com/map/

M U R A L A R T S W A Y F I N D I N G : Albert M. Green!eld African American Iconic Images CollectionA comprehensive mobile app provides a guided way of experiencing the collection of beautiful murals scattered around Philadelphia. e app is narrated by ?uestlove of the Roots and has detailed information that supplements the actual works.

Bluecadet has the experience to develop advanced projection mappings using commercially

available equipment. This technology can be used on walls, floors, partitions or ceilings to create

dynamic spaces the can teach or inspire. From purely graphic imagery to motion-driven games,

these mappings can truly transform a space.

If the projection system needs to be fine-tuned on a regular basis, due to vibrations in the exhibit

hall or getting bumped by visitors, Bluecadet can develop a simple software-based system for

recalibration.

Immersive Environments

Projection Mapping

I N T E R A C T I V E E N V I R O N M E N T S : Internal Proposal for New York Public Librarye above example shows how Bluecadet’s interactives can be incorporated into existed or proposed buildings. Projections can correspond to digital screens or tables and create a secondary layer on physical surfaces.

S P A T I A L M A P P I N G : University of Pennsylvania MuseumVisitors entering the Penn Museum’s “Maya 2012” exhibit are greeted by our “Night Sky” animation projected on a 30 curved wall. e projection required synching two channels of video and projection mapping onto the curved wall and around another structure in the gallery.

Interfaces allowing users to control applications using body motion are becoming more powerful

and commonplace; the technology offers exciting possibilities. Bluecadet has explored a number of

frameworks in this space, including computer vision, processing, OpenFrameworks, and Cinder. Our

team approaches gestural application development strategically, ensuring the appropriate

technology is used to reach the desired user experience. Rapid prototyping and an iterative design

and development process is key to success when working with these new technologies.

Bluecadet’s programmers are well versed in the capabilities of the hardware and software systems,

and offer the expertise to execute a fun, robust, and stable final product.

Gestural Interfaces

Interactive Displays

Kinetic interfaces offer opportunities for multi-user and collaborative experiences. Here, a concept sketch from our interactive for the Field Museum, which uses Xbox Kinect.

Prototyping the Field Museum Kinect experience at Bluecadet’s studio

Interfaces allowing users to control applications using body motion are becoming more powerful

and commonplace; the technology offers exciting possibilities. Bluecadet has explored a number of

frameworks in this space, including computer vision, processing, OpenFrameworks, and Cinder. Our

team approaches gestural application development strategically, ensuring the appropriate

technology is used to reach the desired user experience. Rapid prototyping and an iterative design

and development process is key to success when working with these new technologies.

Bluecadet’s programmers are well versed in the capabilities of the hardware and software systems,

and offer the expertise to execute a fun, robust, and stable final product.

Social Media

Integrated Digital Strategies

K E Y P L A Y E R S : Creating a comprehensive plan on several sitesEach of the services listed above offers something speci!c that might be appealing to your audience. We propose using each for their speciality to paint a full picture of the messages your are attempting to get across. For instance, You might blog about a topic, include quotes from it on Twitter, infographics from the piece on Facebook, and a video interview with the author on YouTube.

TWITTERQuick quotes & links

We suggest multiple tweets per day which can be pre-scheduled and include links

FACEBOOKVideos & Images

A video, photo or infographic a week keep users engaged and can direct them to your site.

INSTAGRAMBehind the scenes photos

Visitors are invited to interact by contributing to a quick survey or question.

LINKEDINExpanding Professional Network

Visitors can make connections to !rst & second degree connections to spread the word on policy.

YOUTUBEQuick video clips

Studies show that videos are much more likely to watch a video than read an article.

BLOGStating opinions

Creating channels is a good way to start forming partnerships & curating your objectives.

TUMBLRUser-generated content

Your audience can contribute to discussions which builds emotion & passion.

PINTERESTVisual catalogue

Scrapbook various infographics and emotional images to create a graphic canvas of your brand

G E T T I N G I N T O A R O U T I N E : An example patterned schedulee schedule above illustrates a proposed weekly pattern of subjects to post, tweet, and blog about that we created for the Children’s Hospital of Pennsylvania Policy Lab. While it’s not necessary to create new content each day, it’s important to update all of your social media outlets regularly. Otherwise, people will quit checking back or become disengaged.

SUNDAYCharting Change

MONDAYSPolicy Pointers

TUESDAYStaff spotlight

WEDNESDAYFocus on Friends

THURSDAYThought leaders

FRIDAYFun Fact Friday

SATURDAYCHOP Children

Industry leaders write a blog and quotes are posted on Twitter and Facebook.

Existing data can be turned into infographics to help convey concepts .

One member of the staff can provide a guest editorial on their work or beliefs.

Guests contribute to blog and quotes are posted on Twitter and Facebook.

Focus on fun clips of children doing amazing things either at CHOP or elsewhere.

Visitors are invited to interact by contributing to a quick survey or question.

Readers can learn about a speci!c policy issue as well as how they can help implement it.

M A J O R & M I N O R H O L I D A Y S : Playing off of existing celebrations & eventsWhile there might only be a handful of government recognized holidays, there are several fun and playful holidays each month. is month, fore example, there are several days highlighting women and healthcare which can serve as perfect prompts for tweets and posts. ere are also several major events like the beginning of the baseball season which allow you to take advantage of major hashtags (like #philliesopener) to potentially spread your message to a larger audience.

St. Patrick’s Day

SpringBegins &

Earth Day

World Kidney Day

InternationalWomen’s Day

National Doctor’s Day

EasterSunday

SUNDAYFocus on this

MONDAYSFocus on this

TUESDAYFocus on this

WEDNESDAYFocus on this

THURSDAYFocus on this

FRIDAYFocus on this

SATURDAYFocus on this

Panic Awareness

Day

Employee Appreciation

Day

Incredible Kids Day

First Phillies Game of the

year

Red Cross Month

Freedom of Information

Day

Multiple Personalities

DayDentist’s Day

NCAA Basketball

tournament begins

Goddess of Fertility Day

Girl Scouts Day

National Women’s History Month

S C H E D U L I N G I N A D V A N C E : Hootsuite & TweetDeckFree sites like Hootsuite and TweetDeck allow you to schedule your postings well in advance. Many successful organizations actually plan things out a month ahead of time so they can be well prepared. is technique also allows you to review interns post before they go live and would also allow us to help create or look over the content you are planning to make public.

We’re at our best when we can work side-by-side to help you develop a rich media strategy to

integrate it into your experience as opposed to on top of it. We often work with organizations in a

consulting capacity to help establish a set of goals and action items. Our staff is made up of

illustrators, designers, developers, strategists and even architects to help you carefully weave a

digital strategy into your building designs. The next few pages illustrate a few of our thoughts about

digital strategy in the years ahead and how we believe the line between analog and digital is quickly

becoming more and more blurred.

Media Planning

Digital Strategies

The Future of the Built Environment

User-generated Content

Some programs, like the Yale University School of Art, have actually turned their websites into a faculty and student curated

wiki. Other organizations, like SFMoMA, (below) use Tumblr to allow guests to contribute photos, comments and questions

directly to their site. While there certainly must be safeguards in place, taking advantage of user-uploaded videos, photos

and blogs can convey a powerful sense of the the actual experience of visiting a building or organization. We will help you

choose an appropriate technology platform, and devise a long-term plan for implementing this approach.

The Future of the Built Environment

Barrier-free Connections

Transparency within the application process is

quickly becoming the norm both in academia and in

the private sector. Organizations like Unigo.com

now allow students to speak one-on-one with

counselors, admissions representatives, and even

current students and we think that museums,

cultural centers, and businesses are not far behind.

The web, at its best, is a powerful communication

tool. Your clients can leverage the latest web apps

to create open dialogue between their staff and the

people who inhabit their buildings on a daily basis.

of teens access the internet mostly on a

smartphone

25%

The Future of the Built Environment

Responsive Design

17%of all adult cell owners are “cell-mostly internet users”

of U.S. adults use their cell phone to browse the internet

55%

statistics from Pew Research Center’s Internet & American Life Project www.pewinternet.org

The Future of the Built Environment

Seamless Multimedia Integration

With the influx of smart phones and ipad usage, the

world is quickly becoming accustomed to what the

tech and media world refers to ‘second screens’ or

‘companion devices.’ What this means is that we no

longer are satisfied with just one object or form of

media. Instead, we often use our phones and tablets

to provide supplementary information be it at the

museum, during a sporting event, or even sitting on

the couch watching television. We’re firm believers

that the second screen shouldn’t take the place of the

original object but it can provide additional information

or multimedia to help us appreciate the actual object,

building, or experience even more.

The Future of the Built Environment

Global Outreach

One of the major challenges for museums and cultural centers has always been creating an experience that is

enjoyable for not native speakers. As the world becomes more globalized and international travels continue to increase,

adaptive digital signage provides an easy way to cater towards various audiences. Bluecadet has experience with

creating localized projects like “Starved for Attention” which we completed for Doctors without borders.

The Future of the Built Environment

Infographic-Driven

Infographics are a quick and relatively inexpensive way to help users understand key information. We can help your clients

convey their message through graphics, and propose elegant and digestible ways of representing your data. The

infographics can be interactive and use JavaScript for animations.

The Future of the Built Environment

Augmented Reality

While not mainstream yet, it’s only a matter of time until augmented reality like Google Glass becomes integrated into

our everyday lives. Even now, smartphone apps allow us to see more layers of information about a place with the click of

a button or a quick hover with our camera. It’s important to consider how these advancements might improve and

enhance a student’s online experience, and how we can design a digital strategy accordingly.

BERTRAND LIBRARYBuilt September 6, 1951you have 6 friends here

“Bus leaves in 15 minutes

@BisonGrad2015

Awesome impromptu performance happening

in Room 212!

Thank You

Bradley Baer, LEED AP

Creative Director, Environments

BLUECADET INTERACTIVE • 1011 N. Hancock Street, Unit 101, Philadelphia, PA 19123 • 267.639.9956 • brad@bluecadet.com