Cayman Code iOS App Case Study on floating card

Cayman Code

Porsche is a name synonymous with high-performance sports cars, and their Cayman is no exception. We set out to design a mobile experience that captured the thrill, beauty and performance of driving one.

Solutions

UX
Design
iOS Development
Responsive Web Development
Contest

Awards and Recognition

Communication Arts Site of the Day
FWA Mobile APP of the Day
Porsche Logo
Two Porsche Cayman's driving through city

Challenge

As an extension of the Speed Channel-produced "King of the Curve," the mission was to design and build a mobile application that could include everyone in the excitement. We wanted an experience that would delight dealers and Porsche enthusiasts alike by putting a real-world driving performance tool right in their hands.

Cayman Code iOS app shown on iPhone

Strategy

Our app was used to function as the centerpiece of a global ad campaign for the launch of the 2014 Cayman, so the pressure was on. The Cayman is all about perfomance, and precision driving, so we wanted to come up with a way for Porsche drivers to put their cars to the test, and actually measure their results.

Cayman Code iOS app shown on iPhone with graphics showing user flow

Design

Porsche’s designs are the pinnacle of aesthetic splendor. The app’s design needed to get out of the way and center on the natural beauty of the Cayman itself. We went with a clean, clear, aggressive feel that felt a bit edgier than typical Porsche marketing design.

Porsche Cayman Code design user flow on floating cards
Details we Love

Header

Porsche Cayman Code brand font example
background: #ff0000;
color: #000;
font-family: Timmons NY;
font-size: 100pt;
line-height: 90pt;
letter-spacing: 40pt;

Subheader

Porsche Cayman Code brand font example
color: #000;
font-family: Timmons NY;
font-size: 100pt;
line-height: 90pt;
letter-spacing: 40pt;

Body

Porsche Cayman Code brand font example in paragraph form
color: #000;
font-family: Timmons NY;
font-size: 100pt;
line-height: 90pt;
letter-spacing: 40pt;

Colors

In line with the brands tones we used bright highlights in a muted environment.

Texture

To engage an edgier version of the Porsche audience, a patina brought the look home.

Technology

We paid ample tribute to the Cayman itself, and built an inclusive community for all to share, but now came the real challenge. We wanted to take full advantage of the robust technology in the iPhone to deliver an enhanced real-world driving experience deserving of the Porsche name.

Native iOS App

Built for the highest performance on Apple devices.

Worldwide Ranking System

A global leaderboard pulling in app data from all users.

Physics Engine

Custom algorithms for for precise motion tracking.

Custom Map Integration

Leveraging a 3rd party map API, we created custom maps for every race view.

Smart Content Management System

Our content management platform customized for each project.

Geolocation Integration

GPS data integration to optimize route tracking.

Multidirectional Real Time Data Syncing

Data flows seamlessly between the app and the server in real time.

Calendar Integration

To help users remember events and watch the speed tv airings we integrated with Apple calendar on iPhones.

Conclusion

In the end, a simple, free download enables the highly discriminating Porsche driving audience to experience the thrill and excitement of performance driving in a whole new way. It’s precision tracking, real-time feedback, and scoring that can be measured against the rest of the world. It’s the beauty of the Cayman, the thrill of competition and a community to engage with, all in the palm of your hand. Porsche fans unite!

Porsche Cayman Code iOS App on Tablet next to Porsche Keys