THE

BREWING PASSION

Alvarez, Jhanella C.
Dayrit, Carl Joshua D.
Go, Anna Bianca C.
Rosales, Christian Justin E.
Visperas, Jared Harvey F.

1
Table of Contents

2
I. Introduction

To brew our coffee with full of passion.

To give you pastry, that matches your passion.

This is the guiding principle of The Brewing Passion that led to the establishment
of its name today. As we brew our coffees, we brew with us the aspirations, goals, and
dreams of our customers. We see-to-it that by serving them the coffees and pastries we
cultivated with the warmth of our passionate hands, we are aiding them in achieving
their dreams. We also give them the haven that they need as they go and proceed in
making their passion real and true.
Today, standing tall and proud, The Brewing Passion is an accommodating
coffee shop that caters the needs of the students who are passionate with their own
work. We are offering our services in University Belt right now, but as we grow, we plan
to reach more students around the globe.The Brewing Passion is committed to its
coffees and pastries. In fact, the coffees are from the well-grown Arabica coffee beans,
which are finely extracted to produce the aromatic coffee with luscious scent. We serve
our coffee in different kinds, but with the same purpose, to share the warmth of our
passion, This is something that would symbolize what we are, The Brewing Passion,
and how we want to serve you.
The Brewing Passion is not only about sipping our coffees to the very last drop.
We offer our pastries with the same intensity of passion exerted in our coffees. It is
molded and created heartily to match our passionate customers. With every bite, you
will be left craving for more. These pastries are not ordinary. In The Brewing Passion,
we make and bake for your appetite’s sake.

3
Our Products

4
5
II. Design

Logo

The Brewing Passion Logo

The Brewing Passion is inspired by Starbucks’ innovative products and impact on

the coffee market and by The Coffee Bean & Tea Leaf’s company logo design.
The logo of The Brewing Passion symbolizes multiple things. For the decided
name of the company itself, brewing means preparing or making, while passion means
love while brewing. In the same way, if we sum up both concepts, The Brewing Passion
conveys to brew coffee with full of passion, love, aspirations while aiding our target
customers, the students in achieving their desired dreams.
For the circle, it symbolizes unity, love, and partnership. The Brewing Passion
aims cohesion and unity with our employees behind the scenes to bring our customers
the best brewed coffee they deserve. The circle also symbolizes unity between the
business, its people, and the consumers.

6
 For the colors, white represents purity; black represents our strength and
seriousness to become the preferred coffee and pastry shop of students; and brown
indicates our home, our natural, fresh, and organic products.
For the graphics, being the cup and the bean, it gives the consumers a clear and
concise picture of what type of business The Brewing Passion is. The cup represents
cleanliness and strict hygiene measures that the employees within the company
practice. It aims on giving the consumers a slight taste of what’s in store for them if they
patronize our products. The bean represents the starting point of the business and the
starting point of passion. Just like how our products our made, we start with raw
materials. The Brewing Passion started from a very small business, but it aims to
become the preferred coffee and pastry shop of students not just locally, but also
globally.

7
Sample Poster

The Brewing Passion Logo

The image above contains all the details of The Brewing Passion’s initial poster
that is up for promotion to local students in the University Belt. The poster contains the
address of The Brewing Passion, which is currently located at España Boulevard,
Sampaloc, Metro Manila. The poster also includes one of our taglines “Fall in Love with
Coffee,” and our first social media sites which are Facebook and Twitter.

8
Wireframes

9
10
11
 The Brewing Passion Wireframe

The images above contain the wireframes of The Brewing Passion which were
supposedly the initial vision of the developer and the web designer for the website
design. All the navigation pages contain the header and footer in proper uniform. The
home contains the taglines, location and store hours, animated and looped video clips,
and graphic pictures for the audience to enjoy. The menu contains the products offered
by The Brewing Passion which includes several coffee and pastry products that the
consumers may enjoy. The menu also contains a short description of the quality of
products The Brewing Passion offers. For the about us navigation page, the wireframe
contains descriptions about the coffee and pastry of our business. The page also
contains the images of each member with details of their contribution to the business’
progress and success.

12
Site Map (Hierarchy of Links)

13
Theme

The website of Starbucks played a big role in the development of The Brewing
Passions very own website. The developer incorporated the layout of big pictures from
Starbucks home page to further capture the audiences glance for each of the navigation
page.
There is also inspired design and noticeable similarity of The Brewing Passion’s
menu navigation page with Starbucks’ menu navigation page. The brains behind the
inspiration was of the web designer, who thought that it would be more attractive to the
eye if the pictures of each of the products would be parallel and aligned in a certain way
that is still pleasing to the eyes.

Starbucks Home Page

The header of The Brewing Passion was inspired as well by Starbucks’ layout.
The F-pattern for the header was preferred by both the developer and web designer.
Overall, each of the inspired designs and layout complimented The Brewing Passions
own website. Credit is given where it is due.

14
Starbucks Menu Page

15
Color

The Brewing Passion Color Palette Theme

For the website, poster, and wireframe designs, The Brewing Passion strictly
followed the color palette above. We used a lighter and darker shade of brown, black
and white.

Here is the complete list of color codes The Brewing Passion used:
 White - #ffffff
 Black - #2b2726
 Saddle Brown - #8a5e3c
 Peru - #e7b25a

16
Font

Here are the different types of font we used for each of the
unique navigation pages.

17
Fonts used in The Brewing Passion’s Site

18
Website Final Design

Home Page

19
Menu Page

20
About Us Page

21
III. Development

Canva
The developer and the web designer initially used Canva as a tool to edit the
poster for The Brewing Passion.

Photoshop
The artists used Photoshop for retouching and refining the initial layout made in
Canva.

Adobe After Effects

Adobe After Effects was the video editing program used by the editor for the 15-
second commercial.

Wix
For the website designing, publishing and layouting, Wix was used both by the
developer and the web designer.

22
IV. Member’s Profile

23
24
25
26
27