Graphic Design Portfolio Karlos Osorio

1

2

3
About me
I study Graphic Design at University of Puerto Rico in Carolina.
I am fluent in Spanish and English I have a varied set of skills in different
areas, such as UI Design, Flyer Design, 3d Modeling and Rendering,
Hand Drawing, and Branding. I have knowledge of many programs for
these areas which include Adobe Illustrator, Adobe Photoshop, Adobe
InDesign, Blender and Figma. I love practicing and learning new skills and
I'm always open for a challenge. Thank you for checking out my portfolio.
A hand drawing of mine

4

5
Index
This portfolio is composed of several
brandings:
Brand
Phone Brand "aderire"
Page
7
Liquor Brand "HOWARDS"
19
Music Streaming App "SoundWave"
29
Social Network "ArtBud"
43

6

7
aderire
Phone Brand

8
Aderire is a new brand founded in 2019 by
employees of different brands who quit and formed
this new company. Its main goal is to please the “Power
User”. Their phones have large storage and efficient
components for optimal performance in all tasks.
Brand Characteristics: Speed, Performance, Power,
Elegant
Typography: Rounded Elegance, this typography was
chosen due to its characteristic simple yet elegant
design that carries over to the brands elegancy. It is at
the same time a simple and easy to read typography
that shows the ease of access that Aderire products
have.
Color Palette: Black, White, Grays. These colors have
a clean feel to them that portrays elegancy and
simplicity well.
Form/Shape: Simple and Elegant, Aderire products
are meant to be powerful and elegant, yet simple for
anyone to access

The aderire logo is a letter "a" in the same font as the brand,
rounded elegance, with a distinct circle at the bottom that makes
the letter represent the lines found in circuit boards, the logotype
is the name aderire all in lowercase letters to express a feeling of
friendly and simple, the letter "i" also has the circle found in the logo.
9

10
Phone Design
3D Model of
Aderire Forte 11
Phone
(Blender)
3,700 Polygons

Icon Design
11
Operating System Design
Custom operating system design for all Aderire
phones to use

12
Ad Design

13

14

15

16

17

18

19
HOWARDS
Liquor Brand

20
Howards was established in 1867 and has since become one of the
best Blended Scotch Whiskies in the world. All of their products have
been expertly crafted by the best in the industry and have been aged
12 years for the best taste and smoothness possible. Howards Destillery
is the biggest in England and one of the best in Europe and the world.
FireBreath and IceBreath are it’s latest in their line of world class
products.
Brand Characteristics: Masculine, Powerful, Traditional
Typography: Parma Petit. It's a Serif font with a very traditional look but
it's style also makes it look very Masculine which is the main value of the
brand.
Color Palette: Black, White, Orange, Blue. Black and White are used for
the main brand while Orange and Blue are used in their FireBreath and
IceBreath products respectively.
Form/Shape: Sharp, Strong, Masculine. Howards Liquors are meant to be
very rough and only for the toughest drinkers.

The Howards logo is a tribal dragon that represents
tradition, power, masculinity and the fire represents the
burn Howards products give. The style of the dragon is
a tribal often found in tattoos which further increases
it's meaning of masculinity. The logotype is in all capital
letters to represent power, and to create an impact.
21

22
Bottle Design
The bottle design
is a 750 ML
bottle for both
products
Bottle 3D Model
72,800 Polygons
The Labels are
the same except
the hot and cold
elements are
reversed
Bottle Label Designs

Box Design
23
ColdBreath Box
FireBreath Box
Packaging Box
The packaging box holds 16
750ML Bottles of either liquor

24

25

26
Christmas Flyer
Ad for HOWARDS FireBreath and

New Year's Flyer
27
Ad for HOWARDS DoubleBreath

28

29
SoundWave
Music Streaming
App

30
SoundWave is a Web accessible or APP accessible
service that allows users to stream their favorite songs. Its
core feature is its “Waves”. Each user has a Wave that they
can add and remove songs from, and they can be liked by
other people. The most popular waves appear in the home
section of the page. Users can add a profile picture aswell
as a cover picture for their wave for the world to see.
Brand Values: Modern, Youthful, Cool
Typography: Exo 2. It's a typography which has very smooth
edges, it has a relaxed and cool feeling while staying
modern.
Color Palette: Blues, Yellow, Black, White. Blue is the main
color and it represents the waves of the ocean. Yellow is a
warm bright color that contrasts very well with blue.
Form/ Shape: Relaxed Smooth

The SoundWave logo is a right facing wave made of blocks with
spacing between them signifying the aesthetic of a graphic equalizer
often used when listening to music. The logotype is a custom made
font also using the blocky aesthetic. The letters are a mix of capital and
lowercase letters, with the word sound being capitalized normally but the
word wave being in all capital letters to signify that "waves" are the core
of the app.
31

32
Logo Design Process
Different versions of the logo before reaching the final one

Icon Design
33
Design of most of the icons and buttons to be used for the app

34
Login Screen Design
The first screen when opening the app, the user can log in
with their information or create a new account

Welcome Screen Design
35
These welcome screens play after the user signs up or logs
in for the first time and help the user understand the app

36
Home Screen Design
The main section of the app, here the user can find the most popular
waves and play them

Play Wave Screen Design
37
This screen appears when the user clicks on a wave and starts playing
it. It shows the uploader's picture and the wave's picture. The player
has the option to repeat songs, add comments, and the user can also
add the current song to their Wave

38
My WAVE Screen Design
The My Wave tab allows for total customization of the user's wave.
The Wave's cover picture, its name and its description can be changed.
Songs can be removed from it by pressing the yellow minus signs next
to them. The bottom features a search bar where the user can search
for specific songs and add them

39
History Screen Design
The History tab allows the user to see the Waves and song they've
played recently

40
Options Screen Design
The options tab allows the user to edit their name, description, and
profile picture, aswell as edit settings of the application

41

42

43
ArtBud
Social Network

44
ArtBud is a social network specifically made
for artists. The social network allows for a very
customizable experience. It allows users to upload art
from many categories (drawing, painting, crafts, etc).
Artists can chat with each other, rate and comment
other's pieces of art.
Brand Values: Creativity, Friendly, Artistic
Typography: Merienda. It is a natural flowing script
font that looks smooth, soft, friendly and most
importantly, artistic.
Color Palette: Orange, White, Black. Orange is
associated with joy, creativity, which are important
feelings for any artist.
Form/ Shape: Artistic, Creative, Friendly

The ArtBud logotype is a script design that started
as the word ArtBud in the "Gabriola" font. The font was
heavily modified until it barely looks like the original
font. Its form and shape are very soft and artistic with
strokes of varying width and no straight lines.
45

46
Logo Design Process
Logo creation from hand drawn to digital

47
Icon Design
Main icons used by the Social Network

48
Home Page Design
Home page that appears when first loading the
social network. The user can find the art their
friends have posted and rate or leave comment.
The user can also choose to upload a piece of his
own from this screen.

49
Profile Page Design
Profile page that appears when clicking "My Profile"
icon or clicking another user's name. Users can add
other friends or view their gallery.

50
Messages Page Design
In this page users can read all of their older
messages or search for one specifically.

51
Notifications Page Design
In this page users can see all of their notifications
from other users rating their art, or commenting.

Thank you for checking out my portfolio.
If you are interested in contacting me, my
email is
osoriokarlos@gmail.com