Decode your cat.

PROBLEM
My partner and I were tasked with developing a visual identity program for an emerging innovation technology company. We both are passionate about advocacy for animals, thus we questioned:

How can we help improve pet retention for new cat owners?

SOLUTION
We recognized that by helping new pet owners understand their cat better, we could improve their relationship and prevent cats from ending up in a shelter.

It was our goal to use a new technology innovation to put this into action. We decided that a mobile app would be the ideal solution for this. It is a fast and easy way to foster positive relationships between new pet owners to their cats.

DELIVERABLES
Brand Identity System
Mobile App Interface




PARTNER
Rhonda Benson

TYPOGRAPHY
 

Creating the Name

COMING TO CATSPEAK
We imagined an application that would analyze a cat’s behaviors in realtime, from its movements and vocal tones. We felt catspeak would be an appropriate name due to its brevity and that it evokes the purpose of our app.

The tagline had many iterations, but we liked “decode your cat” because not only does it suggest the purpose of our application, but is also a call to action for our potential users. We decided to use all lowercase characters in our name and tagline to be more accessible and informal.

Speak
Cat

Coexisting
Companion
Real time
Education
Mobile
Analytic
Decoding
Translating

decoding your cat real-time
connect to coexist
decode your cat
a feline interpreter
learn to speak cat
decode your companion
interpreting your cat’s behavior
learn your cat’s language

Developing the Brand

BUILDING THE AESTHETIC
Initial sketches of the brandmark feature visual interpretations of the mark. How could we portray the name visually in the most simple terms? The chosen direction was the chat bubble combined with a cat's head. We felt this portrays as much information as needed, if the mark is presented alone.

Bahasa Indonesia, Typeset with no adjustments

Customized wordmark with adjusted kerning

CUSTOMIZED BRANDMARK
The goal for the brandmark was to evoke a feeling of comfort and accessibility. To produce this, I selectively rounded terminals to create better flow within the mark. The overlapping crossbar of the lowercase T was removed on the left side to avoid visual disruption between the A and the T. I adjusted the kerning to create a tighter wordmark. The body width of the lowercase K was decreased for better balance.

Final Mark

Mobile App

CREATING THE EXPERIENCE
With the goal of catspeak being to provide cat owners with a tool to create a better relationship with their cat, the goal of the experience was to provide an efficient avenue from scan, to analysis, and back to spending time with their furry friend.

Wireframes

Visual Design

[unex_ce_button id="content_gptcmalhp,column_content_ozmrp56wd" button_text_color="#f8f8f8" button_font="regular" button_font_size="15px" button_width="auto" button_alignment="left" button_text_spacing="1px" button_bg_color="#111111" button_padding="20px 60px 20px 0px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#4d50f2" button_text_spacing_hover="1px" button_bg_hover_color="#111111" button_border_hover_color="#000000" button_link="http://rkdsn.wpengine.com/work/pleasestandhere" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]← Previous Project[/ce_button]
[unex_ce_button id="content_gptcmalhp,column_content_qwdzz6zvz" button_text_color="#f8f8f8" button_font="regular" button_font_size="15px" button_width="auto" button_alignment="right" button_text_spacing="1px" button_bg_color="#111111" button_padding="20px 0px 20px 60px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#4d50f2" button_text_spacing_hover="1px" button_bg_hover_color="#111111" button_border_hover_color="#000000" button_link="http://rkdsn.wpengine.com/work/not-invented-here" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]Next Project →[/ce_button]