1/5. This could take months if the market is niche and technically complex

2/5. You could almost say that in the "polytechnic vision of design" a designer is basically a superhero who is going to save the world

Close notes

Visual identity construction

Swiss Design

Visual identity construction

#E42001

#272111

#ECECEC

#FFFFFF - #272111

h1 - Archivo Black

480

400

24rem

20rem

Section

h2 - Work Sans Bold

118

92

5.9rem

4.6rem

Mask

h3 - Work Sans Bold

96

92

4.8rem

4.6rem

Paragraph title

h4 - Work Sans Black

48

55

2.4rem

5.5rem

Keywords

p - Archivo Black

24

26

1.2rem

1.3rem

Body text

20

1rem

3/5. Collaborating with different agents, making the product environmentally sustainable, and addressing the user needs lead to building unforgettable experiences to users

Close notes

Visual identity construction

Japan Design

Visual identity construction

#171717

#EF1A00

#B3904D

#FEFBF1

#FAF5E5

#CC6E1D

h1 - Dela Gothic One

120

96

4.8rem

6rem

Sections

h2 - Dela Gothic One

36

44

1.8rem

2.2rem

Headlines

h3 - Zen Kaku Gothic New Light

36

42

1.8rem

2.1rem

Main Paragraphs

p - Zen Kaku Gothic New

24

30

1.2rem

1.5rem

Body text

20

1rem

4/5. An example which applies these theories is my project: High Mountains

Close notes

Visual identity construction

Contrast adjustments

Visual identity construction

#000000

#FFFFFF

#0000001F

h1 - Gurajada

200

120

10rem

6rem

Sections

p - Poppins

24

36

1.2rem

1.8rem

Body text

20

1rem

5/5. While exploring each individual mean of communication is interesting, it is equally important to constantly challenge yourself to unleash the full potential of the work that you do by experimentation and iteration.

Close notes

Visual identity construction

Final result

Visual identity construction

#000000

#FFFFFF

#FF712E

#FFFCFB

#0E0100

h1 - Gurajada

288

166

14.4rem

8.3rem

Project

h2 - Inter Black

60

72

3rem

3.6rem

Project name

h3 - Gurajada

72

48

3.6rem

2.4rem

Paragraph title

h4 - Dela Gothic One

24

36

1.2rem

1.8rem

Menu item

h5 - Gurajada

32

30

1.6rem

1.5rem

Section name

h6 - Inter

26

32

1.3rem

1.6rem

Footer

p - Poppins regular

20

30

1rem

1.5rem

Body text

20

1rem

Scroll

A Andrea

Design

sit down, relax, have a cup of tea,
and let me tell you about what I do

This portfolio will showcase several different types of projects, but what kinds of projects?

The design of a product’s aesthetics? Well…sure, that’s the stereotype and I’ve done plenty of that. However, a product’s aesthetics is only one of the many elements a designer works on.

To better explain what my job entails, let’s look into this question: what does a designer actually do?

Design

holistic
approach

I start by identifying the problem and researching the market I’ll work on.

For bigger projects, I start by taking a bird’s eye view of the market and identify the areas where improvements are either expected or needed to maximize unexpressed potentials.

NE
ED

fo
cal

After doing research, I then sit down with the client to understand their specific needs and concerns. This step is crucial since a great designer will always prioritize their client’s needs.

user

environement

society

economy

In a sector where multiple supply chains and services already individually focus on their area of expertise, it’s my job as a designer to bring everyone together. A successfully coordination will benefit the environment, economy, and society.

sector

P
R
O
J
E
C
T

 
p
h
a
s
e
s

Everything develops along a path marked out by a method.

S
C
E
N
A
R
I
O

Researching and analyzing the market sector and the target audience are the bedrocks of a successful project.

Holistic Diagnosis

case studies

competitor analysis

user needs analysis

personas

surveys

C
O
N
C
E
P
T

Whether it’s a sentence, an inspirational mood board, an image or a sketch, this is the moment we decide which direction the product is going to take.

P
r
o
j
e
c
t

Projects can have a variety of different forms that include social media campaigns, digital media, a physical product, and a service. In any case, the focal point is the visual communication of the project.

format styles,
grid,
masters,
layers,
paragraph styles,
font styles,
content layout,
preparation for print

format styles,
grid,
masters,
layers,
paragraph styles,
font styles,
content layout,
preparation for print

moodboard,
brand identity,
visual identity,
design system

moodboard,
brand identity,
visual identity,
design system

communication design,
flow,
UX,
UI,
development

communication design,
flow,
UX,
UI,
development

location,
choice of equipment,
shooting,
post production

location,
choice of equipment,
shooting,
post production

writing,
storyboard,
location scouting,
shooting script,
shooting,
editing,
visual effects,
color correction,
color grading

writing,
storyboard,
location scouting,
shooting script,
shooting,
editing,
visual effects,
color correction,
color grading

graphic design,
vector drawing,
motion graphics

graphic design,
vector drawing,
motion graphics

reference reasearch,
modeling,
material settings,
scene creation,
lighting settings,
camera settings,
rendering,
compositing,
post production

reference reasearch,
modeling,
material settings,
scene creation,
lighting settings,
camera settings,
rendering,
compositing,
post production

Story­telling

Every form of communication has a specific goal and target audience it wants to reach.

Examples include: leafing through a book, admiring a high quality printed photo, watching documentaries, being part of a successful social campaign, playing a videogame and immersing oneself in VR and AR.

There is a way to make people experience all of these regardless of the platform they use through one field of design: web design. Anyone with a web browser can be part of this magic.

Keep exploring,
follow the light