SKIPR


ABRIDGE

ART DIRECTION + DESIGN

Skipr is a service dedicated to enhancing efficient mobility in even the most intricate urban settings. This innovative service takes the form of a comprehensive app, seamlessly integrating wayfinding and ticketing for various transportation services with utmost ease—a true all-inclusive transit app. We collaborated with Skipr to develop a new brand that embodies Skipr's approachable and insightful voice. This involved creating a complete design system, extending from principles for marketing purposes to guidelines for the app's appearance and behavior.

dotlinecurve

The basics: dots, lines and curves

The foundation of this design system is comprised of dots, lines, and curves. These elements come from directional motifs found throughout existing transportation systems signifying connections, transitions, beginnings, and ends. They are the building blocks of the system’s stylistic treatments of icons, illustrations, and compositional layouts for all digital and print.

The foundation of this design system is comprised of dots, lines, and curves. These elements come from directional motifs found throughout existing transportation systems signifying connections, transitions, beginnings, and ends. They are the building blocks of the system’s stylistic treatments of icons, illustrations, and compositional layouts for all digital and print.

dot-example

Composition examples using dot shapes.

line-example

Composition examples using line shapes.

curve-example

Composition examples using curve shapes.

skipr_balloon

The skipr voice speaks 1:1 with the audience like your personal co-pilot. Whether in the same app experience or showing up at different parts of the customer journey, all brand elements are designed to feel candid, optimistic, while providing clarity on any journey.

skipr-brandbook4
skpirlogo1

One cohert language that moves with you through your physical and digital journey. The elements of skipr's brand system are designed to scale from big to small and anywhere in between to adapt to the appropiate needs of your experience.

One cohert language that moves with you through your physical and digital journey. The elements of skipr's brand system are designed to scale from big to small and anywhere in between to adapt to the appropiate presence in your experience.

.

DOTS.
LINES.
CURVES.

DOTS.
LINES.
CURVES.

icons1
app-1
app-3
app-2
spin

Applying the appropriate brand tone using the tonal spectrum of skipr

How skipr speaks needs to adapt to different contexts and to the current mode, mindset, and need state of our audience— whether it’s basic information, route guidance, or a connection to their daily life. Examples of the tonal spectrum are designed with purposes of Functional, Directional, and Emotional communication.

Functional 

Functional 

app-4

Visual style and behavior for communication functional communication as primary objective.

Directional

app-5

Visual style and behavior for communication directional communication as primary objective.

Visual style and behavior for communication directional communication as primary objective.

Emotional

app-6

Visual style and behavior for communication emotional communication as primary objective.

website1
subway-ads4
ooh1
eyes

Closing notes

Design / Art Direction: Vinesh Gayadin
Strategy / Copy: Cort Cunningham

Design lead: Anh Nguyen
Producer: Jesse Mizrali
ECD: David Navarro

skipr team: Greg Lienart,
Mathieu De Lophem

Selected Work

AbridgeArt Direction / Design / Branding / Product

Twitter Media ExperienceDesign / Product / Art Direction

The Next RembrandtDesign / Design Direction

Twitter Analyst DayDesign / Art / Creative direction / Film

Google Web Stories Design / Art Direction

NASA HorizonsDesign / Art Direction / Film / Motion

RaynsieDesign / Art direction

– Interactive

DisplacementDesign / Art Direction

G-STAR Style MathematicsDesign / Art Direction

United We AreDesign / Film Graphics

Eye Filmmuseum TouchDesign / Art Direction / Product

Scotch & SodaDesign / Art Direction

Rémy MartinDesign / Art Direction

– Interactive

Adidas SambaDesign / Art Direction

– Interactive