National Instruments Interactive App

Clients

National Instruments

Additonal Information

NI & the IIoT

Timeframe

2 months

Challenge

National Instruments came to Blue Pony needing an interactive application to explain to their customers how their products fit into the Industrial Internet of Things.

“Sure! We can do that,” we said.

“What is the Industrial Internet of Things?” we said.

Well, the Industrial Internet of Things (or IIoT) refers to the digital connection of sensors, actuators, hardware, networks and systems in the industrial world. We quickly realized both how integral NI’s products are to the IIoT and how complicated these systems can be. Making this easy for users to comprehend became priority number one.

Process

NI_Web07
NI_Web06

The application would represent a hypothetical city, connected by the IIoT, with nine key locations where the user could “dive deeper” to learn how NI was integrated into the systems there. This city would be illustrated in an isometric style, which helped make a lot of otherwise complicated imagery easy for the viewer to process and navigate.

NI_Web10
NI_Web11

This isometric style meant keeping every line and shape of the illustration constrained to an angled grid. This meant that elements could be drawn by different designers and still fit perfectly together on the map when it was all done.

NI_Web13
NI_Web12

Designing the user interface meant keeping it as minimal and easy-to-understand as possible. Since the information being presented was complicated and technical at times, it was important to make sure the user would never be confused by the application itself. The clean, flat UI style fit with the isometric illustration of the city and made it easy for anyone to navigate the app.

Solution

City Map_Mission Statement

The final application also let the user sign up to receive emails with relevant information about the IIoT. This provided NI with a list of interested leads, helping their sales team and boosting their effectiveness in trade show environments where the app was utilized.

Additionally, Blue Pony has developed localized versions of the IIoT app for multiple countries. With the ability to use just one interactive app in multiple languages, this project will live for much longer than a single trade show.

NI_Web04
NI_Web08
BP_Horse_Icon-01

Transparent Touch Screen Product Reveal

Clients

Cummins Emissions Solutions

Credits

Fabrication: Hamilton Exhibits

Creative: Blue Pony

Timeframe

6 weeks

Challenge

The tradeshow floor is a great place to reveal new, innovative products and cutting edge technology. Cummins Emissions Solutions approached Blue Pony with that exact objective: to reveal a revolutionary product for the trucking industry in an engaging and unique way that would draw in attendees and create buzz. In order to highlight the compact size of the new emissions filter, including a physical example of the product in the experience was one of the client’s objectives. Blue Pony was tasked with creating an engaging way for users to not only see the product in person, but to also interact and learn more through interactivity.

Process

Our team began exploring and comparing / contrasting the benefits of various interactive experiences ranging from projection mapping, augmented reality, interactive touch tables, gesture based holograms, and transparent touchscreens. Each potential solution was explored in the context of the product reveal and tradeshow atmosphere. The client loved the idea of combining a physical product with an interactive touchscreen overlay detailing various features and callouts on the module itself. After this option was selected, we began designing user interface wireframes and concept layouts. A custom display case containing two transparent touch screens, internal lighting, and two computers to run the application was designed and built to fit the style of the client’s existing booth property. The dual screen feature allowed users on both sides of the display to interact simultaneously. Live testing prior to launch allowed for our team to fine tune lighting, UI layout, and overall experience details.

sketch
Right-Click and Replace Contents
sketch2
3D box rendering

Solution

The display was a huge success at the show and had attendees talking! The client was excited to see their new innovative product revealed in such an engaging and unique way that drew in many visitors. They plan to use this same concept to feature other products at multiple shows and events in the near future.

Hamilton
Solution3 copy
Solution6 copy
Solution4
BP_Horse_Icon-01

Titanium Titans – Interactive Application

Client

RTI Metals

Credits

Creative: Blue Pony

Timeframe

8 weeks

Challenge

RTI Metals, a leader in the titanium and specialty metals industry, approached Blue Pony seeking a powerful interactive sales and marketing focused application with a dual purpose. The application needed to serve as an attention grabbing interactive station for attendees on the trade show floor to learn about the breadth of RTI’s capabilities, and also serve as a streamlined mobile sales tool for their team.  Flexibility was keyword for this project! The application features a fully interactive 3D aircraft which users could explore and learn about the many components RTI designs and manufactures for the aerospace industry. We also created a high energy “attract loop” video that played prior to a user interacting with the screen.

Process

Design Exploration

Initial design concepts and style exploration.

RTI Concept Sketches
RTI_Process1
RTI_Process2

A couple of in-process navigation concepts.

Trade Show Integration

RTI_Process3
RTI_Process4
RTI_Process5

Solution

The application was a powerful tool on the trade show floor, and continues to be a key sales tool for RTI across a variety of devices and platforms.

RTI_Solution1
RTI_Solution2
RTI_Solution3
BP_Horse_Icon-01

Cummins Emissions Solutions Touch Screen

Client

Cummins Emissions Solutions

Credits

Creative: Blue Pony

Timeframe

3 weeks

Challenge

Blue Pony was challenged with creating an engaging, and creative touchscreen application for Cummins Emissions Solutions that incorporated interactions with 2D, as well as 3D elements. We had the opportunity to create an interactive timeline, a 3D globe, product flexibility animations and in-depth profiles of Cummins’ top emissions product solutions. An accelerated deadline of only three weeks added to the challenge for a project of this scale.

Process

We worked up a series of design and interface mockups in a variety of styles to give the client several to choose from. Often, with a project on a tight deadline like this, clients get caught up in the dry requirements of what the application needs to do, so we take care to make sure that it looks good, too.

Cummins_Process1
Cummins_Process2
Cummins_Process3
Cummins_Process4

When the basic design is established, we’ll then do some low resolution test renders. This not only gives us an reference for timing the animation and framing for each 3D product, but it also lets us give our clients previews of the finished product as soon as possible. It also allows the client to approve the animation before the final renders are generated, allowing us to make changes quickly and more efficiently.

Solution

The final application leveraged Cummins’ recognizable branding with a clean, modern, technical interface. Emphasis was placed on the clarity of information and focused on creating a natural interaction for the user with the application.

Cummins_Solution1low
Cummins_Solution2low
Print
BP_Horse_Icon-01

Creativity Cubed – Innovative Booth Design

Clients

Blue Pony

DWP Live

Credits

Fabrication/Creative: Blue Pony

Projection: DWP Live

Additonal Information

DWP Live

Exhibitor 2014

Timeframe

3 weeks

Challenge

When we realized that Blue Pony had the chance to push boundaries with our booth at Exhibitor 2014, we leapt at the opportunity.

The design of our booth not only needed to grab the attention of conference attendees, but also highlight our abilities as a design studio while satisfying our ambition to tackle new and complicated creative endeavors. Of course, all this still needed to fit into the 20 ft2 of booth space and be finished in to time ship it across the country for the start of the show.

It all added up to just the sort of challenge we thrive on!

Process

Even though the end experience will be totally digital, our designs often begin in a much more traditional medium. Brandon started by sketching up some ideas for the booth design and interactive components.

BoothSketches01
BoothSketches02

Once we settled on design parameters, it was time to dig into the meat of the project. Test renders let us quickly visualize the effects before getting to the final render process.

Solution

Final01_Exhibitor2014

By deciding to take projection mapping into the 3rd dimension, we custom-made our huge, person-sized cube and centered it as the focal point of the booth. This gave us an enormous and unusual central canvas to showcase our work on, which was complimented by two large video screens on either side of the cube.

Final03_Exhibitor2014

The booth was designed to be interactive for the audience, allowing individual users to control which animated sequence played. Each sequence was kept short so several could be played in quick succession, as we’re well aware of how quickly attendees move through a big conference.

Final02_Exhibitor2014

The feedback we got at the show and immediately following let us know that we successfully made our goal: Leave a big impression and make it stick.

We’re not comfortable resting for long, though. In fact, we’re already brainstorming how we’ll top this at next year’s exhibition.

BP_Horse_Icon-01