Yoka Bubble is a café known for its cozy atmosphere that is popular with students and local residents. The branding currently uses inconsistent logos that do not distinguish the café from competitors. A rebranding effort was undertaken to develop a coherent, distinctive brand identity through a new logo, wordmark, color palette, and style guidelines. Key elements of the new design include a minimalist logo using the Futura font in various weights and the wordmark "yokabubble" in a modified Futura style. Brand attributes like "natural," "refined rustic" and positioning as a place to "chill" and "unwind" helped guide the visual identity and messaging.

1. Montealegre Camino Requinta
Dy Barcenas

2. background
Yoka Bubble is a small café that is very well-liked by young couples, students,
and residents. Their advertisements typically focus on creating a cozy atmo-
sphere where people can unwind while on dates, at work, or just hanging out.
They consist a large demographic of ADNU students from one of their branch
due to close proximity to the university from which those students are drawn.
They are situated at 59th Cathedral Street in Naga City.

5. v
the problem
incoherent
undiffrentiated
The current brand utilizes a range of logos that does not harmonize.
Yoka Bubble doesn’t fully distinguish itself from its competitors.
foreign brand yoka bubble

6. unique branding coherency
A more appealing brand that people would be proudly part of is crucial
in order for the brand to go further and to give a strong, enduring brand
identity that stands out from their rivals.
We designed logos for the cafe to use with coherent alternate logos to
address the issue with incoherency.
the solution

7. direction
We determined the brand attributes and moodboard of yoka bubble
to pave the direction of the rebrand.
Natural Beige
Refined Rustic
Chill Work
Unwind

8. mission statement
Buyer Persona
Our mission is to provide services that leave our customers feeling satisfied, and we
want our cafe to be a place where our customers can come to work, study, relax,
and do many other things without feeling crowded or uncomfortable. Customers
have a variety of options from which to select from our menu, including milkteas,
boba, fruit teas, and other selections that are readily available.
Fictional representation of an ideal costumer.
Amon Gus
Age: 18
Gender: Bisexual
Hobbies: Songwriter, Guitarist
Location: Naga City
Interests: Music, Animals(mostly cats), Movies
languages: English, Tagalog, and Bicolano
Career Goals:
They want to Finish college so that they could do what they want to do in the future.
Their endgame is to become a popular music artist.
Challenges:
One of the problems they are trying to solve is Hard school related matters

9. stylescape

10. typography
The Futura PT font family shall be used consistently in all brand
applications.
FuturaPT Light FuturaPT Light Oblique
FuturaPT Book FuturaPT Book Oblique
FuturaPT Medium FuturaPT Medium Oblique
FuturaPT Demi Oblique
FuturaPT Heavy Oblique
FuturaPT Bold Oblique
FuturaPT Extra Bold Oblique
FuturaPT Extra Bold
FuturaPT Bold
FuturaPT Heavy
FuturaPT Demi
Arci doluptaque ea volupta natur sit quam, sum re, explit et, num accae atiaect aquaspis rest, tem nulparcia perenistiis voloreratias
ellupta tincia doluptas rerovidit lis nis sam ut fuga. Nam ut voluptaquam dolupic iissum netur? Et velis
a nis eume moluptas et exceaqui aut eos mi, odit et quatium eumquun tem-
peli quiataeris mi, quatesti con eatem diandae porrovit, nes
dollitatiis que endia veniet quis sit fuga. Moditiurita
volupta con re sus aciendi tasimo il-
lanih icient poritatis expero
minus nonserum iuntori
A B C D E F G H I J K L M N
O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o
p q r s t u v x y z

11. primary logo clear space
They switch to alternate forms for different size ranges.
Clear space measured by the letter “o”
No elements shall enter the clear space. The rule shall apply to all other logos.

12. secondary
The wordmark was made through modification
of the Futura font.
yokabubble

13. submarks
These are used whenever see fit. the last three are for smaller scales.

14. beige
#f5f5dc
khaki web
#cdb8a3
cafe au lait
#a28767
coffee
#704e2e
cafe noir
#472a05
color palette

15. incorrect usage
1. Don’t rotate the logo.
2. Don’t squash or stretch.
3. Don’t place elements within the clear space.
4. Don’t resize any parts. Instead, use the existing variations.
5. Don’t rearrange parts or create new compositions.
6. Don’t crop
7. Don’t use off-brand colors
8. Don’t add drop shadows or text styles.
1.
4.
7.
2.
5.
8.
3.
6.

32. credits
Kenneil Angelo T. Barcenas
Hannah Mae S. Dy
Joseph Donryan C. Requinta
Khloe Armida S. Camino
Terry Miguel H. Montealegre
All of the mockup templates are free on
freepik.com