TANGapp Brand & Visual Identity System
#Brand design #Visual Design #Creative direction #Illustration
Year
2022
Tools
Adobe Illustrator, Figma
My role(s)
Marketing lead, brand design, mascot design
Team
Rebecca Kersch (CEO), Louis Tanghal (illustration), Rhea Caparas (social media)
library_books Background
TANGapp is an early-stage fintech startup building a mobile app for easy and accessible international money transfers, starting with US-Philippines payment rails. As marketing lead, I directed our small-but-agile team to develop a fun, friendly, and trustworthy brand identity that appeals to TANGapp's target audience of Filipino diasporic communities.
flag Challenges
Despite being early-stage, there was previous product branding to take into account so as to be considerate of current users. Cohesion with the UI design of the mobile app also needed to be top-of-mind. Additionally, some branding decisions would need to involve a variety of key stakeholders (the CEO, the engineers, the product team, the compliance team, etc.). Last but not least, this all needed to done on a lean early-stage startup budget.
auto_awesome Takeaways
This was a great opportunity to take on a truly cross-functional project and collaborate with decision makers from across the company. In the end, we were able to consolidate opinions and make key decisions by keeping the target user at the center of everything.
photo_library Gallery
Image of various versions of the TANGapp logo.
We kept the original hexagonal logomark to maintain familiarity with current users, while updating the colors and logotype for a bold and clean feel.
Flatlay collection of pages from the TANGapp brand guidelines.
In addition to developing a visual design system, I worked closely with the CEO and the marketing and product teams to craft language that captured the brand's values, voice and tone, and personality traits.
Screenshots of various TANGapp features.
Mockup of a roll-up banner advertising TANGapp.
Table top sign with a QR code to download TANGapp.
Mockup of a sign advertising TANGapp.
Mockup of a tri-fold brochure for TANGapp.
An image showing the redesign of Sidney the Sea Star, TANGapp's mascot.
TANGapp's mascot, Sidney the Sea Star, represents the steadfast spirit of Filipinos working overseas. I updated the character design to create clear visual communication through various emotes, increase scalability, and promote cohesion with the UI design of the mobile app, in which she frequently greets and guides users.
Illustrations featured in the TANGapp mobile app welcome screens.
I collaborated with our in-house illustrator to develop TANGapp's digitally-painted illustration style and translate complex product feature descriptions into engaging, easy-to-understand visuals.
Mockup of a sign advertising TANGapp.
Screenshot of a Facebook ad for TANGapp.
TANGapp brand guidelines cover.
Page 2 of the TANGapp brand guidelines.
Page 3 of the TANGapp brand guidelines.
Page 4 of the TANGapp brand guidelines.
Page 5 of the TANGapp brand guidelines.
Page 6 of the TANGapp brand guidelines.
Page 7 of the TANGapp brand guidelines.
Page 8 of the TANGapp brand guidelines.
Page 9 of the TANGapp brand guidelines.
Page 10 of the TANGapp brand guidelines.
Page 11 of the TANGapp brand guidelines.
Page 12 of the TANGapp brand guidelines.
Page 13 of the TANGapp brand guidelines.
Page 14 of the TANGapp brand guidelines.
Page 15 of the TANGapp brand guidelines.
Page 16 of the TANGapp brand guidelines.
Page 17 of the TANGapp brand guidelines.
Page 18 of the TANGapp brand guidelines.
Page 19 of the TANGapp brand guidelines.
Page 20 of the TANGapp brand guidelines.
Page 21 of the TANGapp brand guidelines.
Page 22 of the TANGapp brand guidelines.
Page 23 of the TANGapp brand guidelines.
Page 24 of the TANGapp brand guidelines.
Page 25 of the TANGapp brand guidelines.
Page 26 of the TANGapp brand guidelines.
Page 27 of the TANGapp brand guidelines.
I codified our team's brand identity work into a 27-page brand guide. The format and structure allows for easy amendment as the brand continues to grow.
Arrow pointing left.
PREVIOUS
NEXT
Arrow pointing right.
Lovingly #MadeInWebflow by me
A white 8-bit envelope icon.
hello@xinayee.com
White LinkedIn logo.
Copyright © 2022 Christina Yee