Tornar-se Web Designer profissional vai muito além de dominar

técnicas de design e linguagens de marcação e estilização

para criação de sites. E é por isso que esse livro existe.

way KEVIN COUTO

 aos meus pais,
por acreditarem nos meus sonhos
e louvarem minha persistência

à minha esposa,
por topar ser louca comigo

à minha avó Marília,

por ser uma anja da guarda
da causa do neto

à Deus,
por me projetar a viver
os melhores dias da minha vida
SUMÁRIO SUMÁRIO

SOBRE O AUTOR......................................................................... 8
4
O MERCADO
POR QUE LER ESTE LIVRO?........................................................ 10 PÁG. 30

5
COMEÇANDO DO COMEÇO...................................................... 12

1
ACIMA DA MÉDIA
PÁG. 38

6
O PRESENTE
PÁG. 14

2
INDÚSTRIA
PÁG. 44

7
TRANSFORMAÇÃO
PÁG. 20

3
A CONSTRUÇÃO
PÁG. 56

8
PAIXÃO: SEU JOB
PÁG. 26

O LEGADO
PÁG. 64
SOBRE O AUTOR
APAIXONADO,
SONHADOR,
& REALIZADOR
É simplesmente apaixonado por ver
pessoas se desenvolvendo. Desde
pequeno, sempre curtiu ensinar. Na
adolescência, descobriu sua paixão
por tecnologia. Aos 13, já formatava
computadores. Nessa mesma
idade, teve o primeiro contato com
o Web Design em uma aula do
ensino fundamental na escola.
Desde então já ministrou aulas de
Web Design e criou um curso
gratuito, em 2010, no Youtube
ensinando na prática a criação de
8 9
SOBRE O AUTOR
revisado pelo meu pai, Godofredo Couto.
Nota do autor: tive a honra de ter este livro
um site. Fundou a Staleiro Digital, um espécie de mentoria.
estúdio de criação de sites focado
No início da juventude, desenvolveu no desenvolvimento de design E agora inicia uma nova empreitada,
uma nova paixão: o empreendedo- moderno e de alta qualidade. a Way School, uma escola de criativi-
rismo. Dividia as horas de estudo Desenvolveu um projeto que teve dade e tecnologia, inicialmente
entre o Web Design e os negócios. apoio da comunidade Geração de focada em em web design com uma
Antes de abrir o próprio negócio Valor, do empresário e bilionário proposta inovadora de tornar o
trabalhou em agências digitais Flávio Augusto da Silva. Por sua aprendizado mais divertido e
como desenvolvedor front-end e UI demonstração de capacidade de prático e também lança seu
designer. Executou diversos proje- liderança, foi escollhido pelo Flávio primeiro ebook, o Torne-se um Web
tos para o Ministério do Planeja- Augusto da Silva, com mais 9 outros Designer Profissional, esse mesmo
mento, Ministério do Desenvolvi- líderes, para passar 7 dias em Orlan- que você está lendo.
mento Agrário e algumas startups. do, nos Estados Unidos em uma
POR QUE LER ESTE LIVRO?
POR QUE EU DEVERIA
LER ESTE LIVRO?
Eu quero ganhar dinheiro.
Este livro é pra mim?
Eu quero aprender a fazer sites.
Este livro é pra mim?
Eu quero ser um profissional do
Web Design.
Este livro é para mim?
Eu quero fazer o que amo.
Este livro é para mim?
Provavelmente antes de começar a
leitura você fez um desses question-
amentos e eu vim te ajudar a
10
respondê-los. Talvez este livro
venha no momento em que você
está precisando tomar uma decisão
e ele sirva como uma bússola.
Talvez este livro simplesmente não
seja para você.
No decorrer do livro, abordarei
características necessárias para que
você se torne um Web Designer
profissional, isto é, que você leve o
Web Design a sério e não apenas
como um hobbie. Também ensina-
rei como você se posicionar e
construir sua carreira. Apresentarei
um mundo novo cheio de possibili-
dades que o Web Design proporcio-
na, desde as possibilidades de
carreira passando pelos os pré-req-
uisitos mais comuns das vagas de
Web Designer até os salários
médios da área. É isso o que você
está buscando? Então deguste este
livro. Ele é para você.
Porém, se você procura somente
POR QUE LER ESTE LIVRO?
como ganhar dinheiro este livro não
é para você. Se você só está buscan-
do um livro técnico que ensine a
fazer sites este livro também não é
para você, apesar de te dar boas
dicas, não é função dele ensinar a
criar códigos ou ensinar a utilizar
ferramentas de design como Sketch
ou Photoshop. Porém, se você quer
descobrir o que faz um Web Design-
er, porque se tornar um e o como
fazer para chegar lá, continue
comigo. Será uma aventura e tanto!
11
POR QUE LER ESTE LIVRO? POR QUE LER ESTE LIVRO?

COMEÇANDO
DO
COMEÇO
Responda as duas perguntas a seguir:

VOCÊ QUER CONHECER VOCÊ QUER SABER AS SE VOCÊ RES-

MAIS DO MERCADO DE CARACTERÍSTICAS DE PONDEU SIM
WEB DESIGN? UM WEB DESIGNER PARA ESSAS
PROFISSIONAL? PERGUNTAS,
( ) SIM ( ) NÃO É HORA DO
( ) SIM ( ) NÃO START!

12 13
“AQUELE QUE NÃO LUTA PELO FUTURO QUE QUER,

PRESENT
DEVE ACEITAR O FUTURO QUE VIER.”

1
O PRESENTE
Lembro das escadarias que separa-
vam a sala de aula do laboratório de
computação. É uma das poucas
lembranças do local onde estudei
boa parte do ensino fundamental.
Elas não eram nada glamourosas.
Faziam parte do roteiro diário do
cotidiano estudantil, pois além da
ligação com laboratório eram as
mesmas escadas que permitiam o
acesso ao pátio, à quadra de futebol
e à cantina.
As primeiras aulas de informática
que tive naquele laboratório me
ensinaram um pouco dos compo-
nentes de um computador. Mental-
mente, eu selecionava como uma
das aulas prediletas. Não havia nada
fora do comum nelas. O fato é que
me geravam uma curiosidade e
pareciam bem diferentes do que a
maioria das demais matérias.
Depois de algumas aulas, estava na
expectativa de mais um encontro
interessante que satisfaria mais
curiosidades. Aguardava a chegada
do professor. O início da aula
sempre tinha o mesmo script: boas
vindas e, em seguida, a chamada.
Assim que o nome do aluno era
ouvido, ele estava liberado para o
16
laboratório. E assim foi naquela
tarde. Ao ouvir meu nome, saí da
sala, desci as emblemáticas
escadarias e rumei ao laboratório.
Mal sabia que aquele percurso teria
uma simbologia especial e aquela
aula mudaria minha vida para
sempre.
Steve Jobs fala em seu épico discur-
so para os alunos formandos de
Stanford (PS: nunca viu esse discur-
so? Acessa http://bit.ly/twdp-jobs
para assistir) sobre ligar os pontos:
“Você não consegue ligar os pontos
olhando para frente; você só
consegue ligá-los olhando para trás.
Então você tem que confiar que os
pontos se ligarão algum dia no
futuro. Você tem que confiar em
algo – seu instinto, destino, vida,
carma, o que for. Esta abordagem
nunca me desapontou, e fez toda
diferença na minha vida.” – Steve
Jobs
Naquele momento em que descia
as escadas não sabia o que estava
por vir. Nos dias seguintes àquela
aula também não fazia ideia do
impacto que alguns minutos teriam
sobre minha vida pessoal e profis-
sional. Anos depois, consigo ligar os
pontos, mas, naquele momento, a
minha única opção foi viver intensa-
mente o que a vida estava me
proporcionando.
Se não tivermos dispostos a viver o
presente com o sabor único que ele
tem, as oportunidades passarão
sem nem percebermos. E, no futuro,
quando desenharmos nossa
trajetória, ligaremos centenas de
oportunidades não aproveitadas.
Cabe a nós não permitir que isso
aconteça.
Uma grande oportunidade pode
aparecer amanhã na sua vida e, se
você estiver preocupado em criticar
ou reclamar, ela pode passar sem
que você perceba. O mais interes-
sante é que essa premissa vale não
só para o Web Design, mas para
todas as áreas das nossas vidas.
Estar atento e disponível para viver
o presente é uma grande dádiva.
Se você está investindo seu tempo
lendo este livro, faça com extrema
dedicação e aproveite os insights e
as ideias que podem interferir no
seu futuro abrindo portas para
novas possibilidades. Ao assistir
uma série no Netflix, aproveite cada
O PRESENTE
detalhe daquele episódio, se envol-
va com os personagens e a história,
e usufrua de uma oportunidade
única de entretenimento. Quando
for dar aquele abraço nos seus pais,
esposa ou filhos, faça com que eles
se sintam amados, abrace de
verdade e expresse em atitude
aquele amor. O presente só
acontece uma vez. Não volta mais. A
nossa missão é aproveitá-lo.
Você já parou para perceber que
seu passado é a soma de vários
fatos presentes que já foram vividos
e que seu futuro será presentes que
ainda estão por vir? Você não pode
mudar o passado nem adivinhar o
que acontecerá com seu futuro.
Agora, e o presente? Esse você tem
total controle. É você quem decide o
que fará com ele.
Este livro trata não só da profissão
Web Designer, mas também do
processo de como se tornar um.
Todo processo precisa ser organiza-
do, planejado, dirigido e controlado.
Para que isto seja possível, é preciso
tomar decisões. Todas as decisões
são tomadas enquanto você vive
seu presente. Consegue entender a
dimensão da importância do
17
O PRESENTE O PRESENTE

presente? Viva seu agora com inten-

sidade, assuma a responsabilidade
de criar seu futuro e aproveite uma
nova realidade.

Por gostar daquela matéria, tinha

tomado a decisão de participar
intensamente das aulas de
informática e realmente aprender o
que estava sendo proposto. Estava
descendo as escadarias para
construir meu futuro.

18 19
“SEJA VOCÊ A MUDANÇA QUE TANTO QUER VER NO MUNDO.”
TRANS

ÇÃO 2
FORMA
TRANSFORMAÇÃO
Ainda não chegamos na era das
pílulas do conhecimento. Seria um
procedimento teoricamente mais
simples ir até a farmácia e comprar
a pílula do Web Design e, a partir
daí, tornar-se um profissional da
área.
Na realidade atual, para adquirir um
conhecimento em uma determina-
da área leva-se tempo e existe um
processo. É como nos jogos. Passa-
mos por fases e, quanto mais
jogamos, melhor nos tornamos.
Porém não é porque somos
iniciantes que o jogo não tem graça,
concorda? O ciclo da evolução em
um jogo ou em uma profissão pode
ser prazeroso para qualquer um em
qualquer estágio. Basta estar
disponível para viver o melhor de
cada fase.
Há alguns anos, meu jogo favorito
era o Super Mario World. Havia um
objetivo claro que me fazia gostar
daquele jogo. Era como se eu me
sentisse na pele de um super-herói.
Enfrentava obstáculos que continu-
amente tornavam-se mais difíceis,
adquiria novos poderes com o
passar das fases e vencia vilões
malvados para alcançar a sonhada
22
missão de salvar a princesa.
Como qualquer processo na vida,
seja no jogo do Mario ou no camin-
ho para se tornar um Web Designer
profissional, tenha em mente que o
processo só será realmente empol-
gante se houver um objetivo claro e
definido de onde quer se chegar.
As primeiras vezes na minha infân-
cia que invadi a madrugada fazendo
algo, geralmente era relacionado ao
Mario. Lembro de um recesso
escolar em que eu, meu irmão e um
tio, que é cerca de dois anos mais
velho que eu, colocamos a missão
de só dormir depois que zerásse-
mos o jogo Super Mario World.
Infelizmente não completamos o
objetivo. Mas, por causa dele, até o
incômodo do sono chegou a ser
secundário, tamanha foi a nossa
adrenalina.
Seu objetivo tem que tirar seu sono,
precisa ser grande o suficiente para
não permitir que distrações te tirem
do percurso e nem que tempesta-
des que apareçam no caminho
tirem seu foco. Voltarei à minha
fatídica aula de informática para
ilustrar a situação.
Desci sozinho para o laboratório e,
chegando lá, sentei-me de frente
para o computador e, à medida que
os segundos passavam, mais e mais
alunos chegavam até que, por
último, o professor entrou na sala.
Não faço ideia das palavras iniciais
dele, mas a aula era sobre HTML e
como os sites eram criados.
Então ele anotou no quadro uma
série de códigos que não fazíamos a
mínima ideia do que significava e
depois solicitou que copiássemos
aquele trecho no bloco de notas do
Windows. Foi tão marcante que
lembro até hoje parte do trecho do
código. Era algo como:
<html>
<head>
<title>Aula de Informáti-
ca</title>
</head>
<body bg-color=”red”>
<h1>Meu primeiro
site</h1>
</body>
</html>
Depois pediu que salvássemos o
arquivo com o nome index.html na
TRANSFORMAÇÃO
área de trabalho e, em seguida,
abríssemos o arquivo no Internet
Explorer para descobrirmos o que
aconteceria. Voilá! Tinha criado meu
primeiro site. A sensação era de um
orgulho indescritível. No mesmo
instante pensei: “uau, a partir de
agora não só acessarei outros sites
como criarei sites para as pessoas
acessarem”. Me senti com o mesmo
poder de quando jogava Mario.
Podia fazer algo que realmente
fosse nobre e realmente fizesse
sentido e era eu quem estava no
controle.
A partir daquela aula nunca
abandonei o HTML. Na minha linha
do tempo, recordo-me que, pouco
tempo depois daquela aula, conheci
o Microsoft Front-page, um
programa que criava sites de uma
maneira automatizada. Alguns anos
se passaram até que ingressei em
um curso de Web Design e conheci
o Macromedia Dreamweaver
criando sites digitando poucos
códigos. Com o passar do tempo,
entrei em contato com os padrões
mais modernos da Web e passei
aprender linguagens como o CSS e
Javascript.
23
TRANSFORMAÇÃO
Provavelmente você não tenha
ouvido falar nem de HTML. Podem
soar estranhas as demais palavras
estranhas do parágrafo anterior.
Porém, se você realmente está afim
de prosseguir, não permita que a
confusão mental o atrapalhe. Siga
em frente para conquistar seus
objetivos. Respire fundo e saiba
que, se sua vontade de vencer for
maior, nada vai impedi-lo de se
tornar um Web Designer profission-
al.
Gostaria de finalizar esse capítulo
falando sobre um ponto muito
importante que ignorei em algumas
fases da minha vida e tive muitos
fracassos por causa dele: falta de
planejamento. Sempre tive grandes
objetivos. Um grande objetivo é
realmente algo muito grande. Geral-
mente ele é tão grande que você
não pode suportar.
Pense comigo em alguém que
colocou na cabeça que quer se
tornar bilionário. Não estamos
falando de pouco dinheiro. Imagine
que hoje essa pessoa não tenha
nada na conta bancária. Passado
um ano ela consegue algum
dinheiro. Assim, ela passou a ter
24
agora mil reais na conta. Mesmo
que tenha tido algum avanço, ainda
está a quase um bilhão de reais do
seu objetivo. O tempo passa e
praticamente nada muda. Dois anos
depois ela tem mil e quinhentos
reais. O que costuma acontecer em
um momento como esse?
sensação de decepção domina.
Realmente o objetivo é grande e
poucas são as pessoas
alcançam. Dois anos de trabalho
duro e mil e quinhentos reais fazem
parecer que o progresso foi mínimo
e pode ser crucial para que ele
desista. E se fosse você, teria desisti-
do? Imagino que, se essa situação
acontecesse comigo, também
estaria “à beira do colapso” para
desistir.
Sonhar grande é muito válido e,
com toda a certeza, é o combustível
para alguém conquistar os desejos
mais profundos e intensos. Sonhar
grande é como jogar todas as fases
do Mario sabendo que, na última
fase, a princesa será resgatada e
será a recompensa de todo o
trabalho de ter jogado o Super
Mario World. Porém, sabe-se que
não se conquista um grande objeti-
objetivo sem trilhar um caminho. E
como é o caminho até o cumpri-
mento de um grande objetivo? É
árduo e com muitos obstáculos. O
sonho grande não é realizado do dia
para a noite. Por isso, tão impor-
tante quanto sonhar grande é
A planejar o percurso para chegar até
lá. E uma das melhores formas é
desmembrar o sonho grande em
objetivos menores e cumprir
que etapas.
O que preciso fazer hoje para me
tornar um Web Designer profission-
al daqui a dois anos? E o que preciso
fazer semana que vem? E no mês
que vem? E no ano que vem?
Imagine cada dia como uma nova
fase de um jogo.
Escolher se tornar um Web Designer
profissional parece ser um grande
objetivo. Mas, ele só será conquista-
do se, dia após dia, houver evolução
em direção a ele. Um grande sonho
é seguido de muito trabalho e
pequenos objetivos que, somados,
permitirão você alcançar resultados
incríveis.
Tenho uma pergunta: você tá decidi-
do em se tornar um Web Designer?
TRANSFORMAÇÃO
Se sua resposta for afirmativa, já
temos um grande avanço, mas
precisaremos de mais que apenas
disposição. Em duas semanas,
quando você se deparar com
códigos que você não entende nada,
o objetivo “se tornar o Web Design”
pode não ser grande o suficiente
para te ajudar a resistir os obstácu-
los. Por que se tornar um? É pelo
prazer de poder criar sites para que
outras pessoas acessem? É pela
realização de estar em íntimo conta-
to com a tecnologia de ponta?
Seu dever de casa, após a leitura
desse capítulo, é definir o grande
motivo pelo qual, pelo menos até
agora, você deseja se tornar um
Web Designer. Após escrevê-lo,
deixe-o em um local de fácil acesso
(pode ser nas notas do celular ou
impresso na carteira). Na hora da
hesitação, ou quando bater a vonta-
de de desistir, ele será seu grande
combustível para te reanimar. E
uma dica: volte duas vezes no mês
para revê-lo e lembrar do porquê
você está lutando diariamente para
conquistar seu objetivo.
25
 “NADA DE GRANDE NO MUNDO É FEITO SEM PAIXÃO.”

PAIXÃO:
SEU JOB
3
PAIXÃO: SEU JOB
Notei que já era mais de uma da
madrugada e ainda faltavam
algumas aulas para publicar meu
primeiro curso de HTML & CSS no
Youtube. Decidi que ia encarar a
madrugada para cumprir a meta.
Cada roteiro finalizado e vídeo
gravado me animavam mais ainda a
prosseguir. Vi o dia clarear na minha
frente e só parei quando finalizei
todas as aulas. Foi um dia diferente.
Costumo dizer que sua paixão é
aquilo que te faz perder o sono, é
aquela adrenalina tão forte que traz
uma felicidade que te faz sorrir à
toa. Enquanto via a hora passar e
balbuciava técnicas de Web Design
no vídeo que gravava, o pensamen-
to dominante era: “estou fazendo
algo realmente prazeroso. Que
oportunidade única! Não quero que
essa sensação passe nunca”.
Descobrir sua paixão parece algo
fantasioso inicialmente. De fato, é
uma fantasia. É uma fantasia que te
coloca num nível de êxtase que te
permite realizar muita coisa em
pouco tempo. E isso é possível
porque a paixão te faz viver com
intensidade. Alguém apaixonado e
equilibrado faz muito mais que dez,
28
cem ou mil pessoas desanimadas e
sem motivação.
Ressaltei “apaixonado e equilibra-
do” no parágrafo anterior porque a
paixão sem equilíbrio cega o ser
humano. Esse é o maior cuidado
que tem que se tomar ao se tornar
alguém apaixonado pelo que faz. A
intensidade sem equilíbrio tende ao
fracasso a médio e longo prazo. É
como um fogo de palha. Acende-se
rapidamente, faz uma baita chama e
logo em seguida se esvai. Tratare-
mos mais à frente sobre equilíbrio.
Como descobrir se estou apaixona-
do pelo faço? A resposta a essa
pergunta tende a ser intuitiva e
específica para cada um. Perceba
seu nível de motivação ao fazer uma
tarefa relacionada àquele assunto
que gosta e sinta suas emoções
enquanto pensa sobre aquilo.
Um exercício prático vai te ajudar a
ter uma melhor noção do que
provavelmente você é apaixonado
por fazer. Seguem as duas pergun-
tas-chave que a Paula Abreu,
escritora, blogueira e que faz um
belo trabalho na área de desenvolvi-
mento pessoal e profissional,
à disposição no seu blog para nos
ajudar quanto ao tema:
1. Você acabou de ganhar na
loteria e nunca mais vai ter que
trabalhar na vida. O que você vai
fazer pelos próximos dois anos?
2. Você acaba de descobrir que
sofre de uma doença incurável e
tem apenas dois anos de vida. O
que você vai fazer da sua vida
nesses dois anos finais?
Se as perguntas não foram suficien-
temente reveladoras, leia o artigo
dela na íntegra acessando o link
http://bit.ly/twdp-paixao.
A paixão é o primeiro passo em
busca de viver uma vida profissional
realizada. O segundo passo é desco-
brir se sua paixão vai de encontro
com as necessidades das pessoas e
se elas estarão dispostas a pagar
por isso.
Imagine então que você ame assistir
futebol. É uma paixão. Você ganhou
na loteria e decidiu passar os próxi-
mos anos assistindo partidas
emocionantes de futebol. Você
realmente encontrou uma paixão,
PAIXÃO: SEU JOB
porém não encontrou pessoas
dispostas a te pagar para que você
assista jogos de futebol. Então
chegamos a conclusão: ao se tratar
da área profissional, a sua paixão
precisa encontrar um mercado e,
em seguida, buscar um meio para
que você seja remunerado por isso.
O Web Design tem mercado? Nos
capítulos seguintes abordaremos
mais sobre as minúcias do Web
Design. Mas, em grossas palavras,
existe um mercado vasto para
quem tem sinergia com as áreas de
design, tecnologia, internet e suas
variantes.
Na madrugada em que criava o
curso estava me sentindo realizado.
Usufruía da minha paixão com
fervor. Simplesmente foi uma das
melhores sensações que pude viver.
Estava fazendo o que realmente
amava fazer. Publiquei o curso no
Youtube e pude ajudar milhares de
pessoas. Nunca recebi nenhuma
recompensa financeira por ele. Isso
é ruim? Claro que não.
Se eu pudesse voltar no tempo faria
novamente da mesma forma. Ali
estava vivendo a minha paixão e
29
PAIXÃO: SEU JOB PAIXÃO: SEU JOB

não há e nunca haverá nada de com um mercado que possa te

errado nisso. Meu objetivo com o remunerar é o que trataremos
curso foi ajudar pessoas que neste livro. Vamos entender como
estavam interessadas no Web chegar lá?
Design. Nesse caso eu fiz algo que
vai de encontro com a necessidade
de várias pessoas. Um baita público
alvo de milhares de pessoas. Se
quisesse ter sido remunerado por
aquilo teria que empacotar aquela
solução de forma que as pessoas
pagassem para utilizar o benefício
oferecido ou monetizar através de
patrocínios dentre outras possibili-
dades.

Um exemplo disso é a escola que

estou fundando, a Way School. Com
a missão inicialmente de formar
Web Designers, os alunos pagarão
para ter acesso aos cursos que
serão distribuídos por lá. Assim
também é com meu estúdio de
criação de sites, a Staleiro, onde
empresas pagam para que sejam
criados seus sites. Assim foi quando
prestei serviço para outras empre-
sas e também quando fui estagiário.
Essas são formas de ser remunera-
do enquanto fiz e faço algo pelo
qual sou apaixonado.

Alinhar a paixão do Web Designer

30 31
 4

O MERCADO
“O IMPORTANTE DA EDUCAÇÃO NÃO É APENAS FORMAR UM MERCADO DE TRABALHO,
MAS FORMAR UMA NAÇÃO COM GENTE CAPAZ DE PENSAR.”
O MERCADO
Conheço pessoas que não ganham
nada e trabalham horas a fio com
Web Design. Já ouvi falar de outras
que ganham milhares de reais por
um trabalho executado. Se fôsse-
mos criar um gráfico com as possibi-
lidades de ganho com Web Designer
é possível que esse gráfico comece
em zero e vá a uma escala de
milhões de reais.
Não há nada de absurdo nisso. Em
qualquer área encontraremos
alguns profissionais altamente bem
remunerados e outros, geralmente
a maioria, que lutam para sobreviv-
er.
Lembro quando recebi minha
primeira bolsa auxílio de estágio no
valor de quinhentos reais. Vibrava
com meu início de uma vida “inde-
pendente” financeiramente dos
meus pais. Pude comprar meu
primeiro notebook e outros mimos
tecnológicos. Foi uma fase fantásti-
ca. Era o início da minha trajetória
profissional.
Depois de um tempo como profis-
sional da área, abri minha própria
empresa. Já tive meses difíceis, nos
quais recebi menos que os quinhen-
34
tos reais da bolsa auxílio. Mas, tive
meses muito bons que me enchem
de esperança para construir uma
empresa de grande porte que cause
experiências incríveis em milhares
de pessoas e que me permita ser
um empreendedor de sucesso.
Passei por vários pontos da escala
de ganhos de um Web Designer.
Conheci amigos da área que
também estão em vários pontos da
escala de ganhos de um Web
Designer. Agora, quanto realmente
ganha um Web Designer?
Como em toda área profissional
existe a média. A pergunta então
seria: onde estão a maioria das
pessoas? Para aprofundar no tema
fui buscar dados mais concretos.
Dentre algumas fontes disponíveis,
tomarei como base a lista do SINE
(Site Nacional do Emprego) e o
Survey do Tableless (blog referência
na área). Com as pesquisas em
mãos temos uma amostragem
média interessante para tirarmos
algumas conclusões.
Vejamos a tabela do SINE:
O salário mínimo médio que encon-
tramos está em cerca de mil e
quinhentos reais e o máximo médio
está em cerca de seis mil e quinhen-
tos reais. A grande maioria dos
profissionais tende a estar na parte
inferior de ganhos da tabela,
orbitando entre a faixa salarial de
Trainee de Pequena Empresa e
Júnior de Média Empresa.
Apesar de concordar que essa
pesquisa representa bem a situação
média a nível Brasil, o Web Designer
tem evoluído e se ramificado em
áreas mais específicas. Áreas mais
novas como desenvolvedor
front-end, UI designer, desenvolve-
dor Javascript, entre outros, não
temos dados suficientes de fontes
O MERCADO
O web design tem mercado? Nos
capítulos seguintes abordaremos
mais sobre as minúcias do web
seguras sobre seus salários médios.
Trataremos um pouco mais a frente
sobre o assunto das novas áreas,
sobre as nomenclaturas e os salári-
os desses novos cargos.
O fator geográfico também gera
uma enorme variação salarial.
Profissionais de São Paulo encon-
tram um vasto campo de trabalho,
com diferentes remunerações e
níveis. As vagas na cidade tendem a
ser mais específicas e o piso salarial
mais alto.
Em cidades que possuem menos
demanda de profissionais, conse-
quentemente haverá menor neces-
sidade de um trabalho específico e a
profissão tende a ser desvalorizada
35
O MERCADO
e o salário tende a diminuir. A
famosa lei da oferta e da procura.
Uma busca rápida em um site de
empregos como a Catho trouxe 18
vagas com salário acima de três mil
reais na Grande São Paulo e nenhu-
ma em cidades como Rio de Janeiro,
36
Recife e Fortaleza. É uma realidade
que, fora de grandes polos como
São Paulo, Rio de Janeiro, Belo
Horizonte, Porto Alegre e Brasília, a
situação é um pouco delicada com
as profissões especializados da TI.
No Survey Tableless (gráfico página
O MERCADO
34) temos uma amostra de 1.031 participado da pesquisa. A porcent-
participantes que responderam agem tende a ser ainda maior.
sobre seus salários na área de Parece desanimador, né?
front-end. Selecionei front-end por
apresentar a maior similaridade Não desanime. Estamos vivendo na
com Web Designer quando Era da Informação. As barreiras
comparado com UX/Designer, geográficas estão sendo rompidas e
desenvolvedor back-end e Full a internet tem propiciado profis-
Stack. sionais do interior do país trabalha-
rem para empresas com sede em
Cerca de 63% dos participantes Nova York. Sites como 99freelas e o
ganham montantes inferiores a três Workana têm levado freelancers de
mil reais mensais. Por se tratar de norte a sul a terem oportunidade de
um blog de referência, em que o se especializarem em áreas
público que acessa é mais especial- extremamente técnicas e serem
izado, a probabilidade é que muitos bem remunerados por isso.
profissionais sem muito conheci-
mento aprofundado não tenham Sabemos os ganhos. Mais a frente
37
O MERCADO
ainda voltaremos a falar um pouco
sobre a remuneração de um Web
Designer. Agora olharemos com
mais atenção o grau de instrução
dos profissionais da área. Esse é um
ponto crítico e passível de um bom
debate.
Analisemos o que dizem os partici-
pantes do Survey do Tableless:
A vasta maioria, 81%, possui ensino
superior, sendo parte deles
pós-graduados. Visto que o Web
Designer em si não é ensinado em
profundidade nem em uma
faculdade de design nem em uma
faculdade de TI, será que se faz
necessário um diploma acadêmico?
Reflita.
Por ser uma área técnica, é uma
tendência natural que seja repleta
de profissionais mais jovens. A
pesquisa do Tableless revela que
cerca de 46% tem entre 19 e 26 anos
de idade. Geralmente com o tempo,
parte dos profissionais técnicos
partem para áreas mais gerenciais
dentro das empresas.
É essencial conhecer a realidade e a
média salarial da área e entender
38
O MERCADO
como ela funciona. Esse é o meio empresas. Recentemente conheci
que estamos inseridos. Ressalto alguns adeptos ao Home Office e
também a importância de buscar que trabalham para empresas de
novas possibilidades para não vários lugares do Brasil e do mundo.
ficarmos na média, que por sinal é E, claro, conheço e tenho amigos
bem diferente de uma área como a que trabalham para pequenas
medicina, em que a maioria ganha empresas, tanto por estarem
quatro vezes mais que os Web iniciando quanto por se
Designers. acomodarem na realidade que
vivem.
Se você leu até aqui e tem ambição
de se tornar um profissional medío- A carreira a qual seguir é uma escol-
cre, que vai buscar um emprego ha pessoal e quero te ajudar a
qualquer, recomendo repensar sua tomar essa decisão esclarecendo
carreira e sua mentalidade de um cada um dos principais caminhos
modo geral. Por que não trabalhar que um Web Designer escolhe.
para uma empresa em Nova York de Vamos lá?
dentro da sua casa? Que tal ser um
renomado profissional de uma
grande empresa? Ou que tal
construir sua empresa multimil-
ionária na área da tecnologia? Por
que não se tornar um freelancer
que trabalha online tranquilamente
de onde estiver e ainda é bem remu-
nerado?
Eu tomei a decisão de seguir a
opção de montar uma empresa e
parti para a criação do meu próprio
negócio. Tenho diversos amigos que
seguiram a opção de se tornarem
profissionais em médias e grandes
39
 DA MÉDIA
ACIMA

“A MELHOR MANEIRA DE PREVER O FUTURO É CRIÁ-LO”

O MERCADO O MERCADO

São imensas as oportunidades
dentro de qualquer área. Com o
Web Design não é diferente. Haverá
sempre uma maioria concentrada
em um ponto que representará a
média, entretanto, haverão
oportunidades incríveis para os que
buscarem ir além do que o que a
maioria está vendo.
Já ouviu alguém falar que ser artista
plástico não dá dinheiro? Se analis-
armos bem o mercado, a frase é
parcialmente correta. A maioria dos
pintores, que são verdadeiros
artistas, não ganha um tostão.
Muitos passam inclusive fome e
outros lutam para sobreviver em
feiras e artesanatos. Essa frase se
aplica bem a eles que são a média.
No meio dos artistas plásticos existe
um senhor chamado Romero Brito.
Olha o que a Wikipedia conta sobre
ele:
“Considerado um dos artistas mais
prestigiados pelas celebridades
americanas, já pintou quadros para
personalidades como Michael
Jackson, Madonna e Arnold
Schwarzenegger. Também produziu
telas para nomes como Dilma
Rousseff, Bill Clinton e o casal real
príncipe William e Kate Middleton, e,
a convite do príncipe Charles, jantou
no Palácio de Buckingham.”
Estamos falando de um artista
plástico milionário e realizado
profissionalmente que teve privilé-
gio de pintar quadros para gover-
nantes e celebridades. Se ele
ouvisse a frase “ser pintor não dá
dinheiro” ficaria no mínimo
constrangido com quem a falou.
Olhando de um modo macro e
generalista, realmente a arte plásti-
ca é uma área complicada para boa
parte dos profissionais ganharem a
vida. Existem as exceções que, por
um ou mais fatores, tiveram a
“sorte” de irem mais longe. Coloquei
a palavra sorte entre aspas porque
seria um insulto dizer para o
Romero Brito que ele teve sorte.
Claro que não.
A realidade do Web Designer médio
é menos dura que a de um artista
plástico, mas longe dos ganhos
financeiros de um médico.
Bati na tecla financeira no capítulo
anterior e no início deste porque
não é minha intenção criar uma
realidade paralela de que basta
escolher se tornar um Web Designer
que se está com a vida feita. Não
funciona assim. Pelo contrário. Se
fizer o que todo mundo faz terá os
resultados que a média tem. E, ao
menos para mim, os resultados que
a média dos Web Designers tem não
são tão animadores.
O que faz um profissional ser acima
da média? Algumas variáveis como
localização geográfica privilegiada,
nível socioeconômico alto, oportuni-
dade de estudo, formação acadêmi-
ca de qualidade e influências positi-
vas, de modo geral, são fatores que
naturalmente elevam a possibili-
dade de ascensão profissional. Não
podemos ser generalistas e afirmar
que quem não dispõe dessas
variáveis não terá oportunidades de
se tornar um grande profissional.
Talvez tenha que se dedicar um
pouco mais e focar em outras
variáveis. Vejamos algumas das
variáveis que dependem muito mais
do seu esforço do que de fatos que
você não tem controle.
Um profissional acima da média
geralmente é conhecido por sua
mentalidade, seu entusiasmo, sua
dedicação e sua paixão.
Trabalhamos a questão da mentali-
dade no início do livro. São apenas
alguns insights. A sua mentalidade
será desenvolvida à medida que sua
curiosidade e seu incômodo com
sua realidade atual aumentam.
Crescer dói. Ficar estagnado dói
também. À medida que as pessoas
trabalham para evoluir a mentali-
dade tendem a preferir a dor do
crescimento do que a da estag-
nação.
Já o entusiasmo, segundo o
dicionário, é:
1 Estado do espírito impelido a
manifestar a admiração que o
assoberba.
2 Força, veemência; transporte,
arrebatamento.
3 Paixão viva; inspiração.
Pessoalmente, gosto de definir
entusiasmo como a resultante da
paixão ambiciosa somada com força
e dedicação. Quanto mais apaixona-
do e focado em um objetivo específ-
ico haverá mais afinco no que faz e
mais dedicação. Quanto mais afinco
e mais dedicação, mais apaixonado

42 43
O MERCADO O MERCADO

e focado em um objetivo específico nado na média.

haverá mais afinco no que faz e
mais dedicação. Quanto mais afinco Antes de avançar para o processo
e mais dedicação, mais apaixonado da iniciação na carreira, é
e focado. Cria-se, assim, um ciclo necessário conhecer o que está
vicioso de um verdadeiro entusias- acontecendo com a indústria de
ta. tecnologia e design quando o assun-
to é Web Design. A tecnologia evolui
A dedicação é poderosa. Dedicar é o rapidamente e as áreas relaciona-
ato de concentrar suas energias das mais ainda. Os padrões e
durante um período de tempo em convenções têm ficado mais
determinado tema ou atividade. complexos. Preparado?
Dedicação tem relação com foco e
humildade de adquirir conhecimen-
to para se executar o que é propos-
to da melhor forma possível. É
sinônimo de esforço.

E, por último, a paixão. Dedicamos o

capítulo 2 inteiro com o foco nela.
Segue um trecho que me fascina
quando falo sobre o que é paixão:

“...paixão é aquilo que te faz perder

o sono, é aquela adrenalina tão
forte que traz uma felicidade que te
faz sorrir à toa.”

Busque diariamente desenvolver e

aprimorar sua mentalidade, seu
entusiasmo, sua dedicação e sua
paixão. Já terá os ingredientes
fundamentais para não ficar estag-

44 45
A INDÚSTRIA
6
“APRENDA AS REGRAS E JOGUE O JOGO”
A INDÚSTRIA
A melhor forma de tentar entender
como as indústrias de tecnologia e
design se relacionam com o Web
Design e as novas nomenclaturas
que estão surgindo é fazendo uma
simulação prática e real. Vamos
criar dois personagens fictícios que
buscarão por uma vaga de emprego
de Web Designer.
Ricardo, de 22 anos, é recém-forma-
do no curso de Design Gráfico e
passou parte do tempo
faculdade estudando conteúdos
relacionados a Web Design como
HTML, CSS, Javascript e design com
foco na criação de sites. Ricardo
também fez dois estágios
pequenas empresas e adquiriu um
pouco de experiência na área. Ele
48
mora em São Paulo e está procuran-
do um emprego que remunere
dentro da média inicial que ele
encontrou, cerca de mil e quinhen-
tos reais e tem o objetivo de futura-
mente ascender profissionalmente
em uma organização de grande
porte.
A primeira tentativa do Ricardo foi
acessar o Catho, um dos maiores
sites de emprego do Brasil. Digitou
da na busca Web Designer e, em segui-
da, filtrou por São Paulo e região.
Selecionei os três primeiros anúnci-
os que condizem com a expectativa
em dele. Vamos estudá-los?
Nesse primeiro (imagem da página
48), basicamente como competên-
cias necessárias, temos Wordpress,
PHP, CSS, HTML5 e técnicas de SEO,
Adwords, Facebook Ads e e-mail
marketing. Também é exigido
experiência em criação de e-com-
merce e websites, além de material
gráfico.
Essa é uma vaga perigosa para
quem quer se tornar um profission-
al acima da média. São muitos
conhecimentos exigidos e, se existir
um profissional que realmente é
fluente em todas essas diferentes
competências, seria muito bem
remunerado. São diversas
competências de designer, de web e
também de marketing digital por
A INDÚSTRIA
cerca de mil e quinhentos reais
mensais. Ou seja, estão procurando
um profissional mediano.
A realidade será essa na maioria das
vezes. Muitas empresas não têm
consciência ou capital financeiro
para investir em um profissional
para cada uma das importantes
competências sugeridas nessa vaga
e, então, buscam um profissional
tudo em um.
Um Web Designer que entende de
PHP, que é uma linguagem de
programação voltada para web
dificilmente terá também um sólido
know how em criação de anúncios
para revistas. São áreas completa-
mente distintas. Vamos analisar a
49
A INDÚSTRIA
próxima? (observe a imagem da
página 49)
Essa segunda vaga indica que o
candidato trabalhará com criação
de websites, portais e páginas de
captura e algumas outras atividades
pertinentes ao cargo. Exige conheci-
mento no pacote Adobe (!) e
também em HTML. Como habili-
dade, a vaga cita criação de layout.
Comparada à primeira, essa vaga é
muito mais específica. Pode ser um
bom início para o Ricardo.
descrição não detalha em profundi-
dade como serão as atividades
propostas e comete um pequeno
deslize ao solicitar conhecimento no
pacote Adobe que, pasmem, tem
50
mais de dez aplicações nas mais
diversas áreas. De edição de som,
vídeo e imagem até software para
programadores. Não existe um ser
humano que seja fluente em alto
nível em todos os programas do
pacote Adobe. Já é muito difícil
encontrar um profissional que saiba
citar, pelo menos, todos os
programas do pacote.
Os requisitos técnicos são voltados
para a criação de layout e, provavel-
mente, desenvolvimento e codifi-
A cação dos sites. Seriam, provavel-
mente, conhecimentos como design
com foco na web, HTML, CSS e
Javascript, porém também pelo
texto vemos margem para exigir
conhecimentos em linguagens de
A INDÚSTRIA
programação web como PHP, Java fatores que atrapalharão a busca do
ou outra. Separaria como uma boa Ricardo.
oportunidade para Ricardo, apesa
das ressalvas. Primeiro, as médias e grandes
empresas têm seus próprios
Na sequência temos a imagem da processos seletivos e, geralmente,
página 48. Apesar de parecer as vagas são preenchidas por
interessantíssima, faltam detalhes indicação. Uma forma eficiente de
para nos ajudar a entender as tentar uma vaga em empresas
atribuições da vaga. Provavelmente desse porte para profissionais
o Web Designer vai atuar com o iniciantes é buscar os cargos mais
layout e desenvolvimento do site, inferiores como a função júnior ou
porém a parte de desenvolvimento mesmo uma vaga de estágio que,
pode ser realizada por meio de vez ou outra, as empresas
ferramentas pré prontas, deixando disponibilizam.
o designer livre para criar.
Estar sempre conectado em eventos
Com essas informações em mãos, da área, como, por exemplo, o
não indicaria a vaga para o Ricardo. FrontInSampa, onde desenvolve-
O objetivo dele é ascender profis- dores de empresas de vários portes
sionalmente em uma empresa de (inclusive de grande porte) se
grande porte e, muito provavel- encontram e têm a possibilidade de
mente, estamos lidando com vaga conversar, pode ser uma grande
de uma micro empresa (ou empresa oportunidade. Seja sincero, não
de pequeno ou médio porte, mas tenha medo de transparecer que
que tem uma micro área de TI/De- pouco sabe. Pergunte: qual a
sign). melhor forma de eu entrar para
trabalhar na sua empresa? Para
Para alcançar o objetivo dele dificil- preencher vagas de indicação é
mente um site como o do Catho necessário ser indicado e ser indica-
pode ajudar, principalmente do implica em ter colegas nessas
utilizando a nomenclatura Web empresas.
Designer. Por quê? Vamos aos dois
51
A INDÚSTRIA
Outra dica importante é: conheça o
Linkedin. Ainda não é maduro no
Brasil como é nos Estados Unidos,
mas nem por isso deixa de ser uma
excelente ferramenta para fazer
contatos. Seja sempre transparente.
Busque novos contatos e interaja.
Saiba que essa é uma das
mensagens mais importantes deste
ebook: faça amigos. Sua rede de
contatos tem potencial de determi-
nar seu sucesso. Comece com
grupos no Facebook, fóruns,
eventos onlines e presenciais. Isso
terá um papel crucial na sua vida
profissional.
O segundo fator é o próprio nome
Web Designer. Essa nomenclatura é
52
muito genérica e isso acaba atrapal-
hando mais que ajudando. Hoje em
dia, o Web Design foi desmembrado
e temos novas áreas como UI
Designer, Front-end, entre outras.
Vamos mudar um pouco a pesquisa
para ajudar o Ricardo? É hora de
fazer uma nova pesquisa para
conhecer melhor o termo UI Design-
er.
A primeira vaga de emprego que
aparece é um combinado de UX/UI
Designer. O UI Designer, em grossas
palavras, é o profissional que cria o
design da interface de um produto
digital, ou seja, o responsável por
criar, por exemplo, no Photoshop, o
design do site.
Nessa vaga encontramos as habili-
dades de criação de produtos
digitais (apps e sites – desk e
mobile). Tem tudo para ser a vaga
ideal, mas, por exigir conhecimento
em UX, Ricardo acabaria desclassifi-
cado. Por que UX Designer e UI
Designer estão juntos? O que é UX?
Essa vaga é novamente a exigência
do profissional tudo em um?
O cenário é diferente nesse caso. UX
(acrônimo de User Experience ou
Experiência do Usuário) é como
você se sente ao usar algo. O UX
Designer é o responsável
pensar e criar estratégias para
projetar para que a experiência do
usuário seja bem-sucedida.
profissional de UI trabalha em uma
parte da UX que é o desenvolvimen-
to da solução visual que gera a
experiência do usuário, a criação do
layout.
Vamos exemplificar para facilitar o
entendimento. Imagine que somos
funcionários do Facebook
estamos criando a página inicial do
site. Se fôssemos os UX Designers
pensaríamos na expectativa
usuário que vai acessar aquela
página. Imaginaríamos que seria
A INDÚSTRIA
importante ter uma área de login e
uma área para cadastro, caso o
usuário seja novato. Já se fôssemos
os UI Designers, nós trabalharíamos
em um software, como o Photo-
shop, e criaríamos a interface.
Criaríamos um retângulo azul com
uma medida exata e colocaríamos
dentro dele, à direita, a marca do
Facebook. Do outro lado, desen-
haríamos os campos de login e
senha e o botão de entrar.
Geralmente, as pequenas e médias
empresas contratam uma pessoa
por para cuidar tanto da experiência do
usuário quanto da solução visual da
experiência. No caso das vagas da
O Catho, todas as vagas seguem esse
parâmetro. Apesar disso, como
estamos sendo específicos, o salário
é muito maior. Essa e outras vagas
pagam acima de cinco mil reais. Um
bom começo, não?
Para efeito de estudo, vamos contin-
uar procurando vagas de emprego,
e mas agora no site Ceviu, que é um
site especializado em empregos da
área de TI. Digitando na busca UI
do Designer, temos esse primeiro
resultado. (observe a imagem da
página 52)
53
A INDÚSTRIA
As habilidades para a vaga são
exclusivas de criação de interfaces e
layout. Também é exigido testes de
usabilidade que, dependendo do
nível de exigência da empresa, é
algo de fácil aprendizado. O salário
também é acima da média. Que tal
essa vaga, Ricardo?
Como o nome da empresa é oculto
não conseguimos saber exatamente
o porte dela, porém, pelo valor do
salário a pagar, a probabilidade é
que seja uma vaga de uma empresa
que fature mais de um milhão de
reais por ano. Indicaríamos essa
vaga para o Ricardo, que aplicaria
para ela e outras vagas que seguem
essa linha.
O Paulo também é apaixonado por
Web Design. É formado em
54
Sistemas de Informação em uma
faculdade particular da sua cidade e
trabalhou por quinze anos na área.
Passou por cinco pequenas empre-
sas no interior de São Paulo.
Trabalhou em três agências de
marketing, em uma escola e um
shopping.
Feliz com a profissão e com novos
desejos em mente, Paulo agora
quer trabalhar em uma empresa
maior, saindo do interior e indo
para alguma capital. Escolheu três
opções: São Paulo, Rio e Belo
Horizonte.
Um pouco diferente do Ricardo, o
Paulo prefere trabalhar com
front-end que com o design visual.
Em específico, ele ama as lingua-
gens HTML, CSS e Javascript, que
A INDÚSTRIA
são as bases do front-end. Essa vaga se encaixaria como uma
luva para o Paulo e a empresa
Sabemos que existe uma carência parece bastante interessante.
no mercado por profissionais que
sejam mais específicos. Além Será que, se Paulo enviasse o
disso, quanto mais específico, currículo, ele ganharia a vaga? E a
melhor se paga. Então, em vez de concorrência? Como vencer concor-
irmos atrás de uma vaga apenas rentes nessa vaga? Como é escolhi-
de Web Designer, buscaremos por do um candidato na área?
Desenvolvedor Front-end.
Existem basicamente duas formas
Com uma rápida busca na CATHO de escolha de um candidato. A
por Desenvolvedor Front-end primeira, e mais popular, é a soma
encontramos essa vaga. (observe da análise do currículo, portfolio e
na imagem abaixo) perfil do candidato e uma segunda,
que tem crescido na era pós digital
Os conhecimentos/habilidades (esta que estamos vivendo), que
técnicas necessárias são: HTML5, distribui um peso maior para o
CSS3 e Javascript,. Frameworks portfolio sobre análise do currículo.
front-end: AngularJS. Pede também Um peso maior ao portfolio seria
conhecimento em AJAX e Arquitetu- privilegiar o que o candidato já fez
ra Modular. em virtude de onde ele estudou ou
55
A INDÚSTRIA A INDÚSTRIA

trabalhou anteriormente. trabalhos. Falaremos mais sobre portfolio no

capítulo seguinte.
Exemplificaremos a seguir uma Por mais que um diploma no MIT
escolha que seleciona um candidato gere um grande valor na análise do
distribuindo um peso maior ao currículo, o portfolio do segundo
portfolio. Imagine um gestor de RH candidato está direcionado às
que está preenchendo uma vaga de necessidades da empresa, tem
front-end em uma grande empresa qualidade e, como dissemos, terá
e se depara com dois currículos. Um um peso maior na decisão.
dos candidatos foi graduado pelo Provavelmente o segundo candida-
MIT (Massachusetts Institute of to seria o escolhido para a vaga.
Technology), uma das mais respeita-
das universidades dos Estados Fica a grande lição deste livro: o
Unidos e do mundo e o outro em portfolio é elemento fundamental
uma pequena faculdade do interior na seleção de um candidato e é
do Goiás. essencial na concorrência entre
empresas para um projeto ou
Se a escolha dependesse apenas do mesmo para a contratação de um
currículo, não tenha dúvidas que o serviço como freelancer. Seu portfo-
candidato formado no MIT seria lio é fator decisivo para avançar na
selecionado. Porém, essa empresa sua carreira. Invista nele com muito
está em busca de experiência. O carinho.
candidato da faculdade do interior
do Goiás publicou inúmeros Aproveite os sites especializados e
trabalhos de alta qualidade, se grupos no Facebooks que ofertam
especializou e contribuiu com proje- vagas. Veja o que os contratantes
tos Open Source (projetos que não estão solicitando e se especialize.
possuem uma licença e que podem Leia muito sobre o assunto, encon-
ser utilizados para diversos fins) tre as tendências futuras que
para a comunidade construindo um possam te colocar na ponta e
baita portfolio. Já o candidato do comece a preparar um ótimo
MIT não levou a faculdade a sério e portfolio.
fez apenas alguns pequenos

56 57
 7 Ç ÃO
RU
”
DO.
N
MU

T
O
ERN
V
ER

S
QU
NTO
A
UET

N
ÇAQ
N
UDA
A M

O
OCÊ
V
EJA
“S
CONSTRUÇÃO
Já vimos os requisitos gerais de
vagas de Web Designer, UI Designer
e Front-end. Sabemos que são
necessárias habilidades de design
para construir a interface e de
HTML, CSS e Javascript para tornar a
interface navegável e realmente
termos um site em funcionamento.
Lembro-me de quando comecei a
construir minha empresa. Foi um
período de extrema empolgação
que durou 6 meses e lá estava eu
falido. Tive que voltar ao mercado
de trabalho. Para a vaga que estava
buscando, não havia necessidade
de eu possuir um diploma de
faculdade, mas meus conhecimen-
tos e meu portfolio foram funda-
mentais.
O rapaz que estava me contratando
procurava alguém que tecnica-
mente estivesse capacitado para
assumir a vaga que estava em
aberto. Eram as habilidades
técnicas e não a formação acadêmi-
ca que fariam a diferença para
aquela vaga.
Fui contratado em menos de vinte e
quatro horas de processo seletivo.
O portfolio já estava pronto muito
60
antes da vaga aparecer e foi essen-
cial para a contratação.
Quer dizer que basta ter um bom
portfolio que serei contratado por
uma empresa? Não. Dependendo
da empresa contratante, só com o
portfolio você não passa nem da
triagem de currículos. Algumas
empresas exigem a formação
acadêmica.
Esse capítulo nasceu por eu continu-
amente notar um embaraço que
alguns profissionais têm passado
por não saberem se precisam de
faculdade ou não e também por não
entenderem a importância do
portfolio para se tornarem Web
Designers.
Direto ao ponto: um Web Designer
precisa de faculdade? Depende dos
seus objetivos. Existem alguns
caminhos a seguir. Não posso te dar
um mapa da mina porque simples-
mente não existe. Minha missão
será gerar reflexões para você criar
seu próprio caminho.
Para que serve a faculdade? A
faculdade é um meio de capacitação
profissional que tem forte ligação
CONSTRUÇÃO
com o mercado de trabalho. É altamente recomendado investir
Algumas profissões, como a medici- no curso superior.
na, exigem o diploma para que se
exerça a profissão. Nesse aspecto, Um segundo cenário é um profis-
para ser Web Designer não é exigido sional que deseja ser freelancer e
obrigatoriamente um diploma, mas seguir a carreira de autônomo em
existem algumas vantagens aos que Web Design. Esse profissional
optarem por cursar uma faculdade. geralmente lidará com pequenas
empresas e terá contato com
O primeiro passo para determinar a pessoas não técnicas. Com estudo
importância da faculdade na sua teórico e muita prática é possível
vida é decidir o que você quer. vislumbrar um futuro promissor.
Traçarei alguns perfis de profission- Não faz parte da rotina de seleção
ais típicos de Web Design. Os exem- de projetos/freelancers observar o
plos te ajudarão a entender melhor curso superior. Como é possível que
as necessidades do curso superior. boa parte do aprendizado do
designer seja adquirido na própria
Imagine um profissional que tem o internet ou em cursos livres, o curso
objetivo de trabalhar como UI superior se torna uma fonte a mais
Designer em uma multinacional de aprendizado. Não se faz
como o Facebook, o Google ou necessário o curso superior para
empresas grandes do Brasil como a esse objetivo.
UOL e a Globo.com. São empresas
grandes e a disputa por uma vaga Um terceiro cenário é o profissional
geralmente é alta. que queira abrir o próprio negócio.
Dentro desse cenário podemos
Principalmente para a vaga de UI desmembrar dois possíveis camin-
Designer onde os conceitos e funda- hos. O primeiro caminho é abrir um
mentos de design são bastante negócio para atender o grande
apreciados, a capacitação por um público, que, em geral, são
curso superior e uma posterior pequenas empresas. Segue-se a
especialização fazem muito sentido. mesma linha do freelancer. Não se
61
CONSTRUÇÃO
faz necessário o curso superior.
Agora existe o profissional interes-
sado em criar um estúdio de UI
Design ou de Front-end para
atender empresas especializadas. O
profissional precisará de conheci-
mento aprofundado na área,
contará muito as experiências
profissionais anteriores e contatos
de colegas em empresas do ramo. É
bastante recomendada a experiên-
cia acadêmica nesse caso.
Um último cenário é o profissional
mediano. Tanto faz para ele estar
em uma empresa pequena ou
grande. Esse profissional procura
um salário de mercado e O curso superior tecnológico de
geralmente tem outras atividades
mais importantes na vida. Nesse
caso, também tanto faz o nível
superior.
Entende que é algo relativo e
depende das suas ambições? Na
dúvida, recomendaria sim fazer o
curso superior, mas, caso tenha em
mente qual caminho seguir, vá em
frente e tome a melhor decisão, a
decisão que te colocará no caminho
do seu sucesso.
62
dUma pergunta dos recém-chega-
dos ao observar a necessidade da
faculdade é: qual curso devo fazer?
A maioria os Web Designers vem
dos cursos superiores de Design
Gráfico, Desenho Industrial,
Sistemas da Informação, Ciência da
Computação e Comunicação Social
(principalmente Publicidade
Propaganda).
Então, qual curso escolher? Se tem a
pretensão em focar nas habilidades
de design muito mais que nos
códigos, ou seja, um UI Designer, os
cursos de design são mais recomen-
dados.
Design Gráfico é ofertado
muitas universidades, porém,
muitas delas têm um programa
curricular mediano tanto na teoria
quanto na prática. Pesquise bem.
Já os cursos de Desenho Industrial
são ofertados geralmente pelas
universidades públicas e dão uma
ótima base teórica em design. Esses
cursos, antigamente, eram focados
em design de produtos físicos, mas
a maioria já permite
especiaiização em design digital
dentro da graduação.
Para ambos os cursos, é interes-
sante procurar uma especialização
em Design de Interação ou UX
Design posteriormente.
Para decidir qual curso de design
e escolher recomendo pesquisar e
conversar com profissionais da
área. Adianto que as universidades
federais estão melhor preparadas,
no geral, mas existem algumas
faculdades particulares que são de
excelência como ESPM, INFNET e
Mackenzie.
Já se o foco é front-end, os cursos
que envolvem programação têm
por tomado força e são os mais próxi-
mos da realidade de um desenvol-
vedor front-end já que não existe no
mercado um curso específico para
quem quer se tornar um front-end.
As opções de curso são diversas.
Nas universidades federais o princi-
pal curso que forma desenvolve-
dores front-end é o curso de Ciência
da Computação. É um curso amplo
da área de computação e vai exigir
a do profissional um nível de interes-
se por front-end pois muitas vezes o
CONSTRUÇÃO
HTML, CSS e Javascript não são nem
citados durante o curso.
As faculdades particulares têm
cursos mais específicos para a área
da internet como Sistemas para
Internet que possuem uma matriz
curricular interessante além de
possuírem também o curso de
Ciência da Computação.
Também é indicada uma especial-
ização em assuntos correlatos ao
front-end.
As mesmas dicas do design valem
para cá. Geralmente as federais tem
uma melhor base de conhecimento
e um melhor currículo, porém, vale
pesquisar e conversar com profis-
sionais da área para decidir o
melhor curso e a melhor faculdade
para seu perfil.
E o portfolio? É essencial para
qualquer perfil. O portfolio funciona
como um expositor do seu trabalho.
Com o portfolio em mãos, as empre-
sas e pessoas podem atingir uma
avaliação criteriosa sobre sua
capacidade profissional. É a forma
mais rápida de fazer uma análise
dos seus resultados. O portfolio
63
CONSTRUÇÃO
também é visto como o registro da
sua trajetória profissional.
Como profissional, é preciso
entender que o portfolio é uma
forma clara e objetiva de expor suas
competências técnicas. No caso do
UI Designer, vários conceitos
estarão implícitos no seu trabalho.
Por exemplo, a utilização da combi-
nação de cores, os espaçamentos, o
uso de grids entre outras técnicas. Já
o Front-end apresentará a semânti-
ca e organização do código, a forma
de estilizar o layout entre outras
competências.
Criar um portfolio com designs
tende a ser uma tarefa mais simples
que publicar com os códigos
front-ends porque as imagens são
estáticas e já possui os arquivos
delas. Então, é só apresentá-las. Já
com o front-end, é preciso apresen-
tar a página que criou, mas ela pode
não estar mais no ar ou ser uma
página privada, como parte de um
sistema que precisa de autenticação
(login e senha) e talvez não seja
permitido duplicar o código para
publicar no seu próprio site.
Por isso, dentro do front-end é
64
CONSTRUÇÃO
muito comum os usuários criarem
projetos Open Source que ajudam a
comunidade. É uma forma de
treinar as habilidades, criar um
portfolio e ainda ajudar outras
pessoas. Invista nisso porque o o
retorno é muito satisfatório.
Para ter uma ideia de como estão os
bons portfolios, coloque no Google:
“UI Designer portfolio” e “Front-end
Developer portfolio”. Além disso,
para portfolios de design visite o site
do Behance e, para códigos, o
Github. Esses dois repositórios têm
excelentes portfolios de profission-
ais de alto nível.
Principalmente quando se está
começando, qualquer projeto bem
feito vale como portfolio. Não se
preocupe com seu nível se ainda
não está o ideal. Mesmo sabendo
pouco, você já saberá mais que
muita gente. Uma trajetória nunca
começa perfeita e, à medida que
crescer, poderá adicionar novos
trabalhos ainda melhor produzidos.
O que não pode é deixar de constru-
ir seu portfolio.
65
O LEGADO
8
“VOCÊ É O RESPONSÁVEL POR CRIAR O SEU PRÓPRIO DESTINO.”
CONSTRUÇÃO
Como vimos nos capítulos anteri-
ores, um Web Designer trabalha na
interseção entre tecnologia e design
com um foco na interação com o
usuário.
O Web Design tem tomado
proporções gigantescas e houve a
necessidade de mais especificidade.
Com novas funções (e, por conse-
quência, nomenclaturas), temos
conhecido profissionais especializa-
dos chamados de UI Designers e os
Front-enders. Isso sem contar com
os novos profissionais de áreas
correlatas que têm surgido como UX
Designer e Full Stack Developer.
São muitos conhecimentos envolvi-
dos. Desde a base em conceitos de
design, linguagens que atuam no
desenvolvimento de sites como
HTML, CSS e Javascript e as novas
tecnologias que vêm surgindo a
cada instante.
O que você deve fazer com toda
essa carga de informação adquirida
no decorrer dessas páginas e duran-
te suas pesquisas? Primeiro decidir
se, agora conhecendo os pós e
contras e os benefícios da área,
realmente quer se aprofundar no
66
Web Design e se tornar um profis-
sional. Em seguida, fazer um plane-
jamento.
O planejamento é essencial. É o
norte que você criará para chegar
ao seu objetivo. Por exemplo,
digamos que você decidiu se tornar
um UI Designer para trabalhar em
uma multinacional.
Como montar o plano? Primeiro
passo é escrever todas as ações
necessárias para se tornar um bom
UI Designer preparado para uma
multinacional. Isso envolve fazer um
vestibular ou ENEM, conhecer e
aprender ferramentas que o UI
Designer usa como Sketch e Photo-
shop, conversar com profissionais
da área, fazer cursos, ler livros e
tutoriais na internet, ser partici-
pante ativo em grupos da área no
Facebook entre dezenas de
atividades que te prepararão para
chegar lá. Em seguida, coloque
prazos para completar cada ação.
Lembre-se de ,que conforme
conversamos anteriormente, se o
objetivo for grande demais, será
necessário criar pequenos objetivos
em cima dele para não se perder no
CONSTRUÇÃO
meio dele. em um nível profissional jamais
imaginado. Dependendo do cami-
Por exemplo, formar-se em Desen- nho escolhido, será uma longa
ho Industrial é um grande objetivo. jornada de alguns anos até chegar a
Então, precisamos desmembrá-lo se tornar um Web Design profis-
em objetivos menores, como sional, porém, pode ser uma jorna-
estudar para o ENEM (que pode ser da intensa e prazerosa. Desde cedo
desmembrado em atividades ainda você já pode criar um portfolio e, até
menores, como fazer cinco simula- mesmo, fazer alguns trabalhos
dos por mês e fazer um cursinho), esporádicos. Também não se
terminar o primeiro semestre com esqueça de frequentar os eventos e
notas acima de oito, fazer estágios fazer amigos que trabalham na
etc. área.
Não se esqueça de medir seu Encontro você no universo do Web
progresso toda semana, todo mês e Design pelos eventos, nos grupos de
todo ano. Verificar sua evolução é discussão e o receberei com o maior
importante pois permitirá saber o prazer em minha escola, a Way.
quão mais próximo do seu objetivo
você está.
Qualquer dúvida sobre algum
assunto tratado no livro ou que
envolva Web Design e empreende-
dorismo me coloco à disposição
para ouvir você. É só enviar um
e-mail para kevin@way-
school.com.br, que responderei
com o maior prazer.
Fico feliz por, de alguma forma,
contribuir com seu avanço e cresci-
mento. A persistência colocará você
67