GUIA DE CONTEÚDO

COMPLEMENTAR

Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 SUMÁRIO:

Introdução 3

Leis do Design Gráfico 5

Briefing e Contratos 17

Domínio e Hospedagem 26

Photoshop Essencial 31

Como se vender 40

Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
1 INTRO

Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 Neste e-book irei apresentar algumas

informações essenciais para você, que está

assistindo ao curso. São informações

relacionadas e complementares do curso.

Então já desative as notificações do

celular, fique longe de qualquer

distração e bons estudos.

Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
2 Leis do
Design
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 Aula 01 - Introdução 

As leis do Design são fundamentais na construção de um site. Essas leis

permitem que os usuários consigam navegar no site de maneira simples, sem
sobrecarregá-los de informações. Um site não gira apenas em torno da estética,
mas sim da funcionalidade. É super importante sempre buscar melhorar a
experiência do usuário através dele. Acompanhe cada princípio importante logo
a seguir:

Aula 02 - Tipografia

Tipografia é o estudo, criação e aplicação dos caracteres, estilos, formatos e

arranjos visuais e harmônicos das palavras. Os tipos, mais conhecidos como
fontes e letras, indicam a composição visual de um texto.

No entanto, a tipografia é um princípio essencial no design. Ao desenvolver

projetos, seja impresso ou digital, uma boa tipografia ajuda a equilibrar a
estrutura visual entre o conteúdo e os recursos visuais.

De acordo com o grande dicionário Houaiss da Língua Portuguesa, a tipografia

é o “conjunto de procedimentos artísticos e técnicos que da produção gráfica,
espelhados no sistema de impressão direta com o uso de matriz em relevo
impressa". A função da tipografia no design é apresentar uma ótima legibilidade
e a construção de um visual harmônico e atrativo, que apresente o conteúdo de
uma forma dinâmica. No caso do design, a tipografia vai além de fatores
textuais e abrangem também a parte estética.

Esse princípio exerce uma importante função. A sua aplicação deve ser feita
com muito cuidado e atenção, pois os erros cometidos podem parecer simples,
mas são eles que podem causar ineficiência no seu trabalho. Mas antes de
aprofundar nesse contexto, é ideal conhecer os princípios da tipografia, ou seja,

6
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 o que ela rege. Existem quatro (4) classificações primárias do seu estilo em que
a maioria das fontes se encaixam: serif, script, sem serifa e dingbat. E cada uma
dessas classificações são adequadas para determinados projetos.

E as medidas? Você conhece? Se não, já irei falar sobre isso também. Quando
estamos tratando sobre tipografia costumamos nos referir como pt (pontos) e p
(paicas). Na tipografia existem duas importantes medidas que são: o ponto
paica e o ponto didot. Em ambos pontos, é o resultado da divisão de unidades
de 12 partes. Há uma pequena diferença entre elas.

Existem alguns conceitos que acompanham isso, os caracteres possuem linhas

invisíveis onde são delimitadas até onde elas podem alcançar. E essas linhas
são popularmente conhecidas como:

Ascendente é a linha que acompanha a altura dos caracteres b, d, f, h, k, l e t.

Esse é o limite de altura do corpo das fontes.

Descendente essa linha delimita até onde a linha de centro as letras g, j, p e q

podem ir.

Linha de caixa alta altura que correspondente às letras em caixa alta (A, B, C
entre muitas outras) Essa linha é a que a maioria dos tipos de fontes (com
exceção das partes descendentes) tem como base.

Mas não paramos por aqui, existem uma infinidade de regrinhas básicas sobre
o distanciamento de cada elemento na sua arte. Vou apresentar cada uma logo
a seguir:

Kerning é um espaçamento entre os pares de letras, ou seja, seus caracteres.

Não deixe o software estimular o espaçamento adequado, faça você mesmo
pois cada caractere é específico e diferente.

7
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 Leading é a distância entre as letras, se esse conceito não é aplicado da

maneira correta ele gera uma enorme confusão na nossa mente, e pode fazer

com que o leitor desista de prosseguir com a sua leitura.

Tracking nada mais é que aumentar ou diminuir de maneira uniforme e

coerente o espaçamento horizontal entre os caracteres. O recomendado é que

você defina o valor padrão de cada fonte escolhida, é preciso avaliar o que

funciona.

Contraste Outro ponto importante é o contraste. Esse é um dos princípios mais

importantes que compõem o design. Esse princípio pode ser trabalhado através

de cores, fontes, layouts, temas claros e escuros entre outros.

O contraste pode se apresentar em diferentes oposições entre os elementos,

vou esclarecer isso logo adiante

O contraste de tons é denominado assim quando há uma presença de

cores opostas. Neste caso, a cor mais escura terá mais peso, destacando

então o elemento mais claro

O contraste de cores é quando dois elementos complementares se

reforçam, ou seja, uma cor quente e uma cor fria. Quanto mais afastadas

essas cores estiverem no círculo monocromático, mais impacto terá

O Contraste de Contornos é ideal para direcionar a atenção do leitor a

determinados elementos da composição. Esse tipo de contraste cria muita

tensão na interface

O Contraste de Escala é utilizado quando há elementos de diferentes

escalas ou de proporções irreais, obtendo com isso um contraste de

negação da percepção percebida.

Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 Quando falamos em contraste logo imaginamos sobreposições claras e
escuras, não estou dizendo que contraste não é isso. Porém esse princípio é
bem mais abrangente e não se limita a apenas isso, o que eu apresentei aqui
sobre esse princípio é apenas uma pontinha do iceberg.

Além disso, esse princípio possui um papel super importante de atrair os

olhares dos leitores, é um princípio fundamental na criação de sites.

Aula 03 - Psicologia das Cores

O termo psicologia das cores é um termo muito usado na área digital, mas me
diz uma coisa. Você sabe mesmo como a psicologia das cores é usada no
Design? Tem certeza? Para te ajudar a entender sobre esse conceito, vou
apresentar um pouco sobre esse princípio tão importante.

Psicologia das Cores é um termo muito fácil de ser compreendido, nada mais é
do que um estudo que compreende como as cores influenciam no
comportamento humano. As cores são capazes de transmitir sentimentos e
gerar emoções. Uma única cor possui a capacidade de influenciar 85% na
tomada de decisão de uma compra. Cerca de 90% dos consumidores
consideram a aparência visual antes de adquirir um produto. Cada detalhe é
pensado e repensado mil vezes, para transmitir e influenciar um consumidor na
hora da compra.

Uma única cor possui a capacidade de influenciar 85% na tomada de decisão

de uma compra. Cerca de 90% dos consumidores consideram a aparência
visual antes de adquirir um produto. Cada detalhe é pensado e repensado mil
vezes, para transmitir e influenciar um consumidor na hora da compra.

9
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 Azul; limpeza, fé, calma, tranquilidade, confiança, segurança.

Verde; calma, sustentabilidade, natureza, saúde, perseverança, sorte,

renovação, orgulho.

Amarelo; sabedoria, otimismo, alegria, esperança, verão.

Laranja; energia, humor, vibração, verão, entusiasmo.

Vermelho; amor, paixão, raiva, calor, desejo, energia, fogo, perigo.

Roxo; luxúria, sabedoria, sensibilidade, crueldade, erotismo, poder, luto.

Rosa; romantismo, saúde, felicidade, inocência, charme.

Branco; pureza, paz, respeito, inocência, humildade.

Cinza; neutralidade, solidez, segurança.

Preto; luto, poder, elegância, maldade, tristeza, poder.

Marrom; terra, simplicidade, materialismo, conforto.

Como você pode observar, cada cor está relacionada com uma emoção. Estude

cada cor antes de aplicá-la em seu layout. Observe se as cores possuem

alguma relação com o intuito do site. É importante esclarecer que não existe

uma cor errada, e nem uma cor certa. Tudo depende do contexto em que a cor

está inserida.

10

Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 Aula 04 - Alinhamento 

O alinhamento é um princípio essencial, por isso, se você pretende elaborar um

layout harmonioso é recomendado que você utilize esse princípio. Os iniciantes
nessa área, muitas vezes costumam jogar elementos de forma aleatória no
layout de um site, sem utilizar nenhum princípio ou regra. Isso gera uma grande
confusão visual, o princípio do alinhamento é o grande responsável por unificar
a estética do site.

Não devem ser adicionados textos e imagens de forma aleatória, tudo precisa
ser planejado e estar visualmente organizado. Nem sempre é possível alinhar
todos os elementos para ficarem próximos. O alinhamento interfere na nossa
percepção visual e faz com que observamos um conjunto, mesmo que os
elementos estejam distantes, visualizamos os mesmos como se estivessem
agrupados. É importante esclarecer que esse elemento não está presente
apenas em textos, mas em todos os elementos que estão presentes no site.
Existem diferentes tipos de alinhamento, acompanha cada um logo a seguir:

Alinhamento à esquerda; esse tipo de alinhamento é o mais comum

atualmente, sendo utilizado da esquerda para direita ou de cima para baixo.
Muito popular, é um doa preferidos, pois ele facilita a leitura e compreensão.

Alinhamento à direita; já este alinhamento não é tanto utilizado como o outro.

Existe uma certa dificuldade na leitura da direita para esquerda. Porém, ele é
bem chamativo e atrativo, mas nem sempre é bem visto.

Centralizado; esse modelo é muito utilizado quando se deseja transmitir

formalidade, mas a sua recomendação é ser utilizado apenas em textos curtos
para que não haja uma confusão visual.

11
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 Justificado; é quando os elementos não estão nem para direita e nem para

esquerda, então centralizados ao meio, mas de forma proporcional como um

bloco.

Mas e então? É regra ou não é? Você não é obrigado a usar esse princípio na

sua arte, porém, se você deseja criar um layout perfeito você irá precisar utilizar

o alinhamento. Nenhum elemento deve ser utilizado de forma aleatória. Cada

elemento presente precisa conter uma conexão visual com outro elemento

presente na página.

Como você já deve saber, a unidade é um fator muito importante no design. Por

isso, para que todos os elementos presentes em um design possuam harmonia

e estejam conectados entre si, é necessário utilizar esse princípio.

De forma resumida, esse princípio serve para agrupar elementos que estejam

distantes. Alguns alinhamentos são mais perceptíveis do que os outros, por

exemplo, os de textos que são bem mais claros do que os outros. Esse princípio

pode criar uma conexão visual com o leitor para que o mesmo se sinta atraído

pelo layout, que tenha interesse.

Aula 05 - Repetição

E a repetição por sua vez também possui um papel essencial no design gráfico,

esse princípio estabelece uma ordem na disposição dos elementos, repassando

de forma clara o objetivo do layout do site. A repetição pode ser obtida através

de diferentes maneiras, vamos apresentar essas maneiras logo em seguida:

O ritmo se encontra presente dentro do princípio da repetição, vamos falar

sobre as peças que o compõem.

12

Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 A Repetição Aleatória repete um ou mais elementos que possuem intervalos
irregulares. Sua função é criar um certo movimento, descontração e
aleatoriedade. É importante ressaltar que apesar do nome não há nada
aleatório, tudo se rege a partir de regras.

Repetição Alternada é quase a mesma coisa que a repetição aleatória, porém

apresenta dois ou mais elementos, mas com intervalos regulares.

A Repetição Regular nada mais é que a repetição de elementos com intervalos

regulares. O objetivo é criar um padrão e unificar o conteúdo.

E a Repetição de Fluxo repete elementos em formas curvadas com o intuito de

criar movimento, seus intervalos são progressivos.

Sempre é possível utilizar esse princípio no design, a repetição pode ser uma
grande aliada para você gerar consistência na arte, e isso é uma bela tática.
Apenas é importante não exagerar na utilização desse princípio, isso pode gerar
uma grande confusão visual e distorcer o propósito do design.

Aula 06 - Direção Visual

Sempre que qualquer elemento de comunicação visual é criado eles

basicamente formam uma harmonia básica a qual observamos. Uma maneira
de observar cada projeto é ir decompondo os elementos em sua mente para
que você consiga compreender o projeto como um todo.

Os elementos citados anteriormente podem ser classificados em relacionais,

conceituais e visuais. Vamos explicar em seguida sobre os elementos básicos
de uma comunicação visual.

13
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 O ponto, essa é a unidade mais básica e simples da comunicação visual, porém

mesmo sendo a mais básica essa unidade exerce um importante poder de

atração relacionado aos outros elementos presentes na arte. Os pontos tem

uma capacidade incrível de direcionar os nossos olhos a pontos específicos na

arte, e além disso os nossos olhos criam uma grande conexão ao observar

esses elementos mais próximos.

A linha, quando os pontos estão muito próximos entre si, identificar cada um se

torna uma tarefa muito complicada, e isso faz com que a sensação de direção

aumente gradativamente, e isso, no entanto, se torna outro fator de

comunicação visual. Nos designs em geral a linha tem a sua “própria natureza”.

Mas ela não está na arte de forma aleatória, e sim possui o seu propósito de

forma bem rígida e consistente, a linha é essencial para tornar visível o que não

pode ser visto, por existir apenas na imaginação. Com isso, ela é capaz de

aguçar os nossos sentidos. Dessa forma, ela contribui e muito com o processo

visual.

A forma de modo geral a linha descreve uma forma e existem três formas

básicas: o círculo, o quadrado e triângulo equilátero. Cada uma possui suas

características, possui significados distintos e transmitem sensações diferentes.

O quadrado está associado a honestidade, integridade também retratam

sensação de estabilidade, a sua base sólida transmite a ideia de segurança.

Esse formato é perfeito para transmitir sensação de resistência.

Já o círculo sugere uma ideia de comunidade, integridade e perfeição. Seu

movimento sugere energia, poder. A sua complexidade diz a respeito da

infinidade e harmonia. O círculo de modo geral possui um significado muito

amplo.

14

Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 E o triângulo pode ser considerada a forma mais dinâmica em relação às

outras apresentadas aqui. O seu significado depende muito de como ele irá

aparecer em cada design. Mas independente disso fornecem uma ideia de

atitude.

A direção apresenta que as formas básicas de comunicação expressam três

direções visuais elementares que são: o quadrado, a horizontal e a vertical; o

triângulo, a diagonal; o círculo, a curva. Cada direção possui as suas

características e os seus significados, e além disso são utilizadas como uma

excelente ferramenta para a criação de projetos visuais.

O tom atualmente vivemos em um mundo totalmente dimensional, e o tom é um

dos melhores mecanismos para esclarecer cada ponto. A claridade e a

escuridão são elementos muito importantes que auxiliam a nossa percepção.

Ou seja, quando analisamos elementos podemos perceber que só há uma luz

verdadeira e que nos projetos de design gráfico podemos notar uma simulação

da luz. Porém no mundo do design, essas tonalidades sofrem diversas

limitações.

A cor é um elemento de grande importância na comunicação visual. Cada cor

tem a sua característica e transmite as suas sensações, o que permite diversas

experiências. Mas no geral, cada cor possui as suas dimensões, ou seja, o

matiz e a cor em si.

Existem três matizes primários ou elementares: amarelo, vermelho e azul.

Cada um representa qualidades fundamentais. O amarelo é a cor que se

considera mais próxima da luz e do calor; o vermelho é a mais ativa e

emocional; o azul é passivo e suave. O amarelo e o vermelho tendem a

expandir-se; o azul, a contrair-se.

15

Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 A textura nem sempre irá se apresentar de forma tácteis, mas as vezes podem
aparecer como uma ilusão de ótica. Onde a textura, onde há uma textura real,
as qualidades táteis e óticas se relacionam, mas de uma forma única e
específica, que permite à mão e ao olho uma sensação individual.

A escala dos elementos presentes em cada design podem se modificar e se

redefinir através de um processo conhecido como escala. Em termos de escala,
os resultados visuais são superficiais, pois podem se modificar. Um elemento
que era considerado pequeno pode se tornar grande e assim vice versa.

O movimento a ilusão de movimento na comunicação visual acontece graças

ao uso de perspectiva, luz e sombras intensificadas. O movimento como
elemento é bem dinâmico.

Cada componente citado anteriormente é essencial no desenvolvimento de um

site, todos os elementos presentes em um layout precisam estar conectados
entre si.

16
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
3 brie
fing
& con

tra

tos
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 Aula 01 - Como pedir um briefing

para o seu cliente

Você já se sentiu perdido ao se deparar com um briefing de um cliente? Já

começou a elaborar um projeto sem entendê-lo de fato? Aposto que sim, e por
isso eu vou te apresentar uma maneira mais fácil de desenvolver um projeto
através de um briefing confuso.

Mas antes de entrarmos neste assunto, preciso esclarecer o que é briefing.

Briefing nada mais é do que um documento que registra todas as informações

necessárias para a elaboração de um projeto. Esse documento precisa conter
informações como o objetivo do projeto, orçamento, prazos, público, ou seja, vai
conter muitas informações super relevantes e que precisam ser levadas em
consideração.

De forma mais resumida, este documento pode ser considerado como um

“manual de instruções” para o desenvolvimento de projetos, seja ele sites,
designs, websites, etc. O briefing é indispensável para que o projeto alcance os
objetivos esperados. Esse documento é um emaranhado de ideias, dicas, etc. É
ideal que tudo seja repassado da forma mais simples e clara possível. Mas e se
ele não for claro e objetivo?

Neste caso, precisamos buscar formas para entendê-lo antes de começar a

elaboração do projeto. Entender um briefing é identificar as informações
explícitas e implícitas (as informações claras e as escondidas). É encontrar as
zonas de criatividade e traçar ideais a partir delas. Por isso é importante
analisar cada informação com cuidado, destacando as que necessitam de mais
atenção, as que não podem faltar, etc. Entenda a ideia proposta antes de
começar a rascunhar.

18
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 O briefing é uma ótima ferramenta de otimização de tempo, tanto para o cliente

quanto para o designer, ele apresenta um diagnóstico completo do que precisa

ser entregue. Quanto menor o tempo de execução de um projeto, mas chances

de determinado cliente voltar ao seu negócio. Vamos deixar claro que é preciso

entregar um projeto de qualidade, não faça rápido e mal feito. Se for preciso

leve mais tempo, mas entregue seu trabalho com qualidade.

Se houver alguma dúvida em relação ao projeto, alinhe isso imediatamente com

o seu cliente, pode ser através de reuniões presenciais ou online. Não

desenvolve nenhum projeto com falta de informação. Um briefing precisa conter

todos os questionamentos possíveis sobre a empresa, quanto mais

questionamento melhor será. Um resultado certeiro e alinhado só é possível

quando todas as ideias do cliente foram devidamente entendidas. Entenda que

um briefing poderá te auxiliar na elaboração de vários projetos, então se atente

a cada detalhe.

Elaborar um briefing para o desenvolvimento de um site não é nada complicado,

pelo contrário. Antes de começar a elaboração de um projeto, faça uma reunião

com o determinado cliente e absorva todas as informações que você precisa,

anote tudo com cautela e não deixe nenhuma informação passar despercebida.

Mas para que você não se sinta perdido na hora de elaborar um briefing,

irei apresentar logo em seguida alguns pontos para serem considerados

Procure entender sobre os valores da empresa, o que ela prega. Ou seja, as

informações mais básicas

Entenda sobre o posicionamento da mesma no mercado, e como o cliente a

enxerga.

19

Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 Esses questionamentos são o seu ponto de partida, a sua base. Você precisa
conhecer a empresa, seus ideais entre outras coisas, antes de elaborar um
briefing. Caso tenha outras ideias sobre informações básicas, acrescente.
Informações sobre uma empresa, nunca são demais.

Agora a segunda parte, as estratégias

Tenha definido o propósito do projeto que será criad
Defina os objetivos do site, e o que ele deve conter para alcançar esse
objetivo
Saiba qual o público que ele deve alcançar.

A cada parte o seu briefing irá ganhando vida. É importante não pular etapas,
porque uma complementa a outra.

Chegou a hora de orçamentar o projeto

Defina os custos do projeto, todo o orçamento gasto precisa ser repassado

de forma clara

Elabore um cronograma contendo os prazos previstos para a entrega do

projeto

Se outros profissionais estiverem envolvidos com o projeto, defina qual a

função de cada um, e com isso, o prazo de cada um elaborar a sua tarefa

Identifique possíveis problemas e deixe tudo claro, por exemplo. Se o

problema X acontecer o projeto só poderá ser entregue a partir do dia X.
Identifique e tente prevenir esses problemas.

É muito importante alinhar cada ponto abordado até aqui, não pule nenhuma
etapa porque cada uma é fundamental em algum aspecto. Por exemplo, em
relação a orçamento, a empresa irá estipular um determinado valor e com isso,
o designer irá elaborar um projeto conforme o valor proposto.

20
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 Porém, saiba que não é o valor que irá definir a qualidade de um site,
independente se o preço for mais em conta, ou mais elevado. A qualidade deve
prevalecer.

Um bom site deve ser muito bem planejado, por isso a elaboração de um
briefing é essencial. Além disso, um projeto bem elaborado otimiza seu tempo,
com isso, você elabora de forma rápida e assim consegue cumprir todos os
prazos.

As informações contidas em cada briefing podem variar muito, há alguns que

não irão necessitar de tantas informações como outros mais complexos. Para
facilitar o desenvolvimento do seu briefing, eu criei um modelo básico que eu irei
apresentar em seguida. Você poderá acrescentar ou retirar informações caso
ache necessário.

MODELO DE BRIEFING PARA

CONSTRUÇÃO DE UM SITE:

ESTRATÉGIA:

1) Quais são os principais objetivos do site? Informar? Vender? Dar suporte?

2) Qual o tipo de site? Promocional? Coletor de Informações? Publicação?

3) Quais são as mensagens mais importantes que o site deve passar aos
visitantes?

4) Quais são os planos para promover o site?

5) Há uma data aproximada para o site ter que estar pronto?

21
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 PÚBLICO-ALVO:

10) Foi apontado na última reunião que o público-alvo é [colocar público-alvo].

Para complementar, qual é o público-alvo secundário e terciário? Descreva
interesses, necessidades, informações relevantes sobre o público.

11) O que o site irá oferecer ao seu público-alvo?

12) O que os visitantes devem fazer no site?

13) Qual o conhecimento que os visitantes do site têm de internet/web? E o

conhecimento técnico?

14) Qual a "capacidade técnica" de acesso de seus usuários (navegador,

velocidade de acesso, tempo de acesso diário, etc)?

CONTEÚDO:

15) Qual informação do site irá mudar? Com que frequência e com que
abrangência?

16) Quem se beneficia com as atualizações?

17) Quais são as seções e funcionalidades que precisam existir no site?

18) Qual é o "aceite" do site (o que precisa existir para "aceitar" que ele está
pronto)?

APARÊNCIA (DESIGN):

19) Tem em mente alguma aparência para o web site?

20) Existem padrões existentes, como logotipos e cores, que devem estar
presentes?

21) O site faz parte de um site maior ou grupo de sites com padrões de design
que precisam ser correspondidos?

22) Quais são alguns outros sites da web que você gosta? O que você gosta a
respeito deles? Se possível, envie links de referência.

22
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 OUTROS:

23) Quem será o responsável pelo contato com para eventuais esclarecimentos
sobre o projeto e envio de materiais?

24) No Briefing Preliminar, foram apontados como concorrentes [colocar nome

dos concorrentes informados no 1.º briefing]. O que é mais preocupante em
relação a eles? Teria algumas informações mais detalhadas a respeito?

25) O que não pode haver no web site, em função dos concorrentes?

Aula 02 - Como fazer um contrato

de serviço de Design

O contrato de prestação de serviço é um fator muito importante que gera

credibilidade para o seu negócio, ele é um diferencial que você pode oferecer. O
contrato transmite muita segurança e profissionalismo, além de garantir de
forma clara o direito de cada um, apresentando um contrato você poderá evitar
possíveis dores de cabeça, como problemas a hora do pagamento ou até
mesmo a falta de pagamento. Nas próximas linhas eu vou te ensinar como
montar um contrato de prestação de serviços. Antes de mais nada, vamos
ressaltar a importância de consultar um advogado, a intenção deste conteúdo é
que você tenha condição de realizar o seu trabalho com segurança dentro da
lei.

A identificação das partes é um processo primordial, no direito é conhecido

como qualificação das partes, ou seja, determinar quem é o contratante(cliente)
e quem é o contratado (designer/ freelancer), é a identificação de dados.
Quando estamos nos referindo a uma pessoa física (PF) é importante informar o
nome completo, CPF (Cadastro de Pessoa Física), RG (Registro Geral) e o seu
endereço residencial completo e atualizado. Mas se estamos nos referindo a
uma pessoa jurídica (PJ) é importante informar o CNPJ, nome fantasia e a
identificação do responsável pela empresa.

23
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 A descrição dos serviços, essa etapa determina os objetivos gerais do contrato.
Tudo precisa estar detalhadamente esclarecido a ponto de não gerar nenhuma
dúvida. Qual o tipo de serviço que está sendo prestado? Seja criação de ID
visual, elaboração de materiais impressos entre outros. Pois cada tipo de
trabalho determina um orçamento diferente. Para que fique mais claro é
interessante destacar que todos os itens que serão entregues também devem
ser especificados neste requisito.

Obrigações de ambas as partes é quando o contratante e o contratado assinam

o contrato, com isso assumindo um compromisso simultâneo que define
deveres, direitos e obrigações. Para quem contrata o serviço, é de sua
responsabilidade fazer os pagamentos em dia, sem atraso e repassar as
informações necessárias para que o contratado consiga realizar o seu trabalho
até o prazo previsto. E para o contratado é fundamental que ele descreva
detalhadamente todas as etapas que o seu processo de desenvolvimento do
projeto envolve, para não ser cobrado o que não está incluso.

Orçamentos e prazos, essa parte é muito simples. O contratado irá definir o

valor do serviço prestado, se o pagamento será feito por parcelas, se será a
vista quando o projeto for entregue entre outras formas. É ideal especificar.
Informe a data do pagamento, o prazo de entrega e a porcentagem da multa em
caso de atraso. Seja claro, sem enrolação!

O preço precisa estar definido entre o designer e o cliente. Projetos muito

grandes exigem uma taxa de pagamento inicial, já no ato do contrato, e o resto
quando o projeto for entregue. O prazo de entrega é um item muito importante e
que chama muita atenção. É o prazo que determina a responsabilidade do
profissional, é de grande valia que esses prazos sejam cumpridos.

24
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 E em caso de descumprimento? Há algumas razões para uma quebra de
contrato, entre elas podem ser atrasos na entrega do serviço e atraso para
efetuar o pagamento. Mas e se não tiver motivo? Neste caso, uma multa será
calculada de forma gradual.

Se determinado cliente não desejar dar continuidade ao projeto, pelo menos o

designer será recompensado pela criação entregue em rascunhos ou em
algumas de suas etapas que, certamente, levaram tempo para serem realizadas
e fazem parte do exercício da sua função.

O contrato te ajuda de certa forma a não levar calotes, é um meio de prevenção.

O contrato pode ser o seu melhor amigo, essa questão ainda é muito debatida
atualmente, mas essa ainda continua sendo uma ótima opção.

Quando não há contrato o cliente simplesmente pode não cumprir o combinado,

e quem iria arcar com isso? Exato, você mesmo. Desse modo a utilização dos
mesmos também pode evitar problemas futuros como confusões sobre os
prazos, valores cobrados ou qualquer outra coisa.

Busque sempre deixar tudo o mais claro possível, para que não haja
desentendimentos perante o contrato, seja claro com o prazo, forma de
pagamento, tudo que poderá gerar uma certa confusão. Busque sempre ser o
mais profissional possível!

25
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
4 HOS
PEDA
GEM
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
domí
nio
 Aula 01 - Comprando domínio e hospedagem

O melhor site que eu indico para que essa ação seja tomada é o hostgator. Ele
oferece um suporte brasileiro, e é bem fácil entrar em contato com o suporte
nessa plataforma.

Além disso, essa é a maior hospedagem do Brasil, a melhor e a maior. Ao

acessar o site clique em “ver planos” e assim você vai visualizar alguns pacotes
e vai identificar o que mais lhe agrada, de acordo com o seu trabalho. É
interessante optar pelo plano M ou pelo Plano Turbo, o plano P acaba sendo
bastante limitado em alguns aspectos. Mas de acordo com o que você irá
oferecer em um site, o plano P talvez seja o mais recomendado.

Com o plano escolhido clique em “começar agora”, e escolha um pacote em

seguida. Escolha o melhor que irá te servir. Feito isso, continue nesse processo
e preencha os dados solicitados.

1 – Registre seu domínio

O domínio é o nome do seu site, preencha a linha com o nome da empresa/

negócio.

2 – Adicione itens para aumentar a segurança do seu site

Se você deseja adicionar uma proteção extra no seu site, essa parte é muito
recomendada. Proteção nunca é demais.

3 – Crie sua conta

Nessa etapa, informe o seu e-mail e a sua senha. Logo em seguida o CPF/
CNPJ, o nome completo da pessoa física ou jurídica, o CEP, endereço, etc.
Preencha todas as informações solicitadas nesta etapa.

27
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 4 – Escolha a forma de pagamento

Nessa etapa você irá escolher a forma de pagamento, preencher as

informações e logo em seguida clique em concordar com os termos e condições
dessa plataforma e depois basta clicar em “finalizar compra”. Feito isso, seu
domínio estará comprado.

Aula 02 - Como configurar o site e instalar o

WordPress

Para configurar o seu site e instalar o WordPress basta entrar no site e

HostGator e fazer login com o seu e-mail e com a sua senha. Feito isso, basta
clicar em entrar. Ao acessar o site, você vai visualizar todas as listas de sites
que você já possui ou se for a sua primeira compra, vai aparecer a lista do seu
primeiro site.

Abaixo do nome do seu domínio, você vai visualizar se o seu site está ativo.
Logo em seguida clique em “Certificado SSL”, nessa página você irá clicar em
“Solicitar um novo certificado SSL”. Feito isso, você será redirecionado para
outra página. Onde irá aparecer a opção de SSL Gratuito, basta clicar em
“solicitar”. Em seguida, selecione o domínio que você deseja colocar e continue.

Após solicitar um novo certificado, volte na página inicial e clique em “cPanel”, é

aqui onde você instala o PHP e o Wordpress. Em seguida, busque na barra de
pesquisa o PHP e clique em “alterar versão de PHP” e atualize para a versão
7.4, que é a versão mais recente do PHP. Basta selecionar o domínio que você
deseja aplicar, selecionar a versão escolhida e clicar em “aplicar”. Depois de
instalar a versão correta de PHP, volte para o painel de pesquisa na barra de
pesquisas pelo Wordpress e clique. Entrando na página basta clicar em “Install”
e selecionar a versão 5.7. Abaixo selecione o nome da sua URL de instalação.

28
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 Nessa etapa, você irá precisar preencher algumas informações como o nome
do seu site, a descrição, feito isso você irá preencher os dados do admin do
site. Algumas informações e dados serão solicitados a seguir, basta ir
selecionando e preenchendo. O último passo é o tema, basta selecionar e logo
em seguida clique em “Instalar”. Após isso, será instalado a ferramenta.

Aula 03 - Como criar e-mails personalizados

Para criar sites personalizados acesse a página da Hostgator e clique

novamente em “cPanel”, a seguir basta pesquisar no buscador ‘Contas de e-
mail". Irá abrir uma nova página e você irá preencher os dados de acordo com o
e-mail que você escolher.

Aula 04 - Porque usamos Wordpress?

O wordpress é um sistema de CMS, ou seja, de gerenciamento de conteúdo.

Essa ferramenta permite a criação e gerenciamento de sites, websites, logas
online, etc. O interessante é que você não precisa fazer o download de nenhum
software, você poderá utilizá-la de forma online.

Mas afinal, por que utilizar essa ferramenta? Veja bem, vou te apresentar
algumas vantagens de utilizar essa ferramenta
Segurança: Essa é uma das ferramentas mais confiáveis para criar sites.
Muitas plataformas de criação de sites atualmente não oferecem uma
segurança adequada, oferecendo uma estabilidade para o site
SEO: O SEO (Search Engine Optimization), ou seja, otimização para
mecanismos de busca é uma técnica que pode sacrificar ou alavancar o seu
site. A vantagem do Wordpress é que ele oferece um SEO amigável.

29
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 Layout simples: Essa plataforma oferece um layout simples, com isso, a
criação de conteúdos nesta plataforma se torna algo bem fácil

Conteúdos na internet: Além disso, existem uma imensidão de conteúdos

na internet que podem te auxiliar na utilização da ferramenta

Otimização de velocidade: Sites lentos são deixados de lado pelos seus

usuários, e por isso, o Wordpress oferece funções para melhorar a
velocidade e o desempenho do seu site.

Essas foram apenas algumas vantagens dessa plataforma, existem muitas

outras. Além disso, essa é uma das ferramentas mais utilizadas para criação de
sites.

30
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 Photoshop
Essencial

Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 Aula 01 - Introdução 

Se você tem dificuldade para trabalhar com o Adobe Photoshop, não se

preocupe. Se liga nas próximas linhas. Preparei esse conteúdo para te ajudar!

Aula 02 - Introdução ao Photoshop 

O Photoshop é um dos softwares mais utilizados pelos designers gráficos. Ele

oferece diversas funções incríveis que irão deixar o seu trabalho
sensacional. Ele é uma ferramenta bem simples de utilizar, e conforme você for
o utilizando, você irá pegar a prática e ficará cada vez mais fácil utilizar essa
ferramenta.

Aula 03 - Entendendo o Photoshop

Criar um design utilizando o Photoshop é mais fácil do que você imagina, mas
para isso é interessante que você utilize ao máximo cada função. Por exemplo,
na lateral direita da ferramenta você encontra as janelas, para facilitar o seu
trabalho você poderá criar atalhos com as funções que você mais utiliza. Uma
dica é colocar como atalho as fontes, cores, etc. Os elementos que você mais
irá utilizar no seu trabalho.

Aula 04 - Entendendo as

ferramentas de seleção

Noções básicas sobre ferramentas de edição.

Como fazer uma seleção e ajustar apenas a área selecionada: Uma seleção
isola parte de uma imagem para que você possa trabalhar nela sem afetar o
restante da imagem
No painel Ferramentas, selecione a ferramenta Letreiro retangular. Arraste
para criar uma seleção retangular na imagem. A área dentro da borda
animada representa sua seleção.

32
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 Para selecionar uma porção maior, clique no ícone Adicionar à seleção, na
barra de opções, ou pressione Shift e arraste. Para selecionar uma porção
menor, clique no ícone Subtrair da seleção, na barra de opções, ou
pressione Alt (Windows) ou Option (MacOS) e arraste

Selecione a camada que você deseja ajustar. Em seguida, aplique somente

os ajustes (Imagem > Ajustes). Com uma seleção ativa, os ajustes afetam
somente a área selecionada daquela camada. O mesmo acontecerá se você
aplicar um filtro, pintar, preencher, copiar ou fizer outras edições

Quando concluir os ajustes, retire a seleção em Selecionar > Cancelar

seleção ou pressionando Control+D (Windows) ou Command+D (macOS). 

Como usar ferramentas de seleção rápida

No painel Ferramentas, selecione a ferramenta Seleção rápida

Arraste sobre a área que você deseja selecionar. Essa ferramenta tenta
encontrar automaticamente as bordas da imagem e para a seleção nesse
ponto

Após a seleção inicial, a ferramenta alterna automaticamente para a opção

Adicionar à seleção. Para selecionar uma área maior, arraste a seleção
sobre ela

Para selecionar uma porção menor, pressione Alt (Windows) ou Option

(MacOS) e arraste pelas áreas que deseja remover da seleção.

Experimente ajustar o tamanho e a dureza da ferramenta Seleção rápida na

barra de opções.

33
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 Ferramenta Laço
No painel Ferramentas, selecione a ferramenta Laço. Ela é útil para limpar
uma seleção iniciada com outra ferramenta

Para adicionar uma seleção feita com qualquer ferramenta, pressione Shift e
arraste ao redor da área que você deseja adicionar

Para remover uma parte de uma seleção, selecione a opção Subtrair da

seleção na barra de opções ou pressione Alt (Windows) ou Option (macOS)
e arraste sobre a área que você deseja remover

Pressione Control+D (Windows) ou Command+D (macOS) para cancelar a

seleção

No painel Ferramentas, selecione a ferramenta Laço. Ela é útil para limpar

uma seleção iniciada com outra ferramenta

Para adicionar uma seleção feita com qualquer ferramenta, pressione Shift e
arraste ao redor da área que você deseja adicionar

Para remover uma parte de uma seleção, selecione a opção Subtrair da

seleção na barra de opções ou pressione Alt (Windows) ou Option (macOS)
e arraste sobre a área que você deseja remover

Pressione Control+D (Windows) ou Command+D (macOS) para cancelar a

seleção.

34
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 Como ajustar uma seleção
Faça uma seleção com a ferramenta Seleção rápida

Na barra de opções, clique em Selecionar e mascarar para abrir o espaço de

trabalho Selecionar e mascarar

No menu Visualizar, à direita do espaço de trabalho, selecione uma das

opções de exibição, como Sobreposição, para ver sua seleção de maneira
mais precisa. Na exibição Sobreposição, a área selecionada fica clara, e a
área não selecionada fica translúcida, na cor vermelha, por padrão

No painel Ferramentas, selecione a ferramenta Pincel. Pinte, na imagem, as

porções dela que você quer adicionar à área selecionada. Se quiser subtrair
uma parte da área selecionada, pressione Alt (Windows) ou Option (macOS)
e pinte a área que deseja remover

Na parte inferior direita do espaço de trabalho, no menu Configurações de

saída > Saída para, selecione Seleção como tipo de saída

Clique em OK para fechar o espaço de trabalho Selecionar e mascarar.

Aula 05 - Entendendo as

ferramentas de texto 

Como adicionar ou inserir texto

Abra uma foto ou um documento do Photoshop (PSD).

35
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 Na barra de ferramentas, selecione a ferramenta Texto T ou simplesmente

pressione "T" para selecioná-la rapidamente. A Ferramenta Texto horizontal,

com a qual é possível adicionar texto horizontalmente, é selecionada por

padrão. Se você deseja adicionar o texto verticalmente, clique novamente na

ferramenta Texto e selecione a Ferramenta Texto vertical no menu de

contexto

Deseja adicionar algumas palavras, como um cabeçalho ou um título? Clique

em qualquer lugar na tela para digitar. No Photoshop, isso é chamado de

texto de ponto.

O outro tipo de texto no Photoshop é chamado de texto de parágrafo. Como o

nome sugere, ele é usado quando se deseja digitar um parágrafo. Clique e

arraste o cursor na tela para criar uma caixa delimitadora, onde é possível

digitar o parágrafo. Isso ajuda a editar com eficiência e, mais tarde, alinhar o

parágrafo

Digite o texto. Para salvar as alterações, clique no canto superior direito e na

barra de opções ou pressione Esc e pronto!

Observação: Uma camada de texto é criada automaticamente quando se cria

um texto de ponto ou de parágrafo, e ela pode ser identificada no painel

Camadas pelo ícone T.

Aula 06 - Entendendo a ferramenta borracha 

A ferramenta Borracha altera os pixels para a cor do plano de fundo ou para

transparente. Ao trabalhar no plano de fundo ou em uma camada com

transparência bloqueada, os pixels são alterados para a cor do plano de fundo;

caso contrário, eles são apagados até a transparência.

36

Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 Aula 07 - Entendendo a

ferramenta das formas 

Criar formas no Photoshop não é uma tarefa complicada, ao contrário do que

muitos pensam. Veja como é mais simples do que você pensa, no passo a
passo logo a seguir:

1 - Selecione a ferramenta Forma

Na barra de ferramentas, clique e mantenha pressionado o grupo de

ferramentas da ferramenta Forma para exibir as várias opções: Retângulo,
Elipse, Triângulo, Polígono, Linha e Forma personalizada. Selecione uma
ferramenta para a forma que deseja desenhar.

2 - Definir opções da ferramenta Forma

Na barra de opções da ferramenta Forma, você pode definir

Modo: define um modo para a ferramenta Forma, por exemplo, Forma,
Caminho e Pixels
Preenchimento: escolha uma cor para preencher sua forma
Traçado: escolha a cor, a largura e o tipo do traçado da forma
L&A: defina manualmente a largura e a altura da forma
Operações de caminho: define a maneira como as formas interagem entre
si
Alinhamento de caminho: use para alinhar e distribuir os componentes da
forma
Disposição de caminho: use para definir a ordem de empilhamento das
formas que você criar
Formas adicionais e opções de caminho: clique no ícone de engrenagem
para acessar as formas adicionais e as opções de caminho, definir atributos
como largura e cor da exibição na tela do caminho e restringir as opções ao
desenhar formas.

37
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 3 - Desenhar uma forma:

Clique e arraste na tela com a ferramenta Forma selecionada para desenhar

uma forma. Isso cria automaticamente uma nova camada para a forma no
painel Camadas
Mantenha a tecla Shift pressionada ao desenhar para deixar as formas
proporcionais
Com a camada selecionada, use a ferramenta Mover para reposicionar a
forma na tela
Para dimensionar, transformar ou girar facilmente sua forma, selecione
Editar > Transformação livre ou pressione Ctrl + T (Windows)/Command + T
(Mac OS).

4 - Editar as propriedades da forma

Você pode editar com facilidade as propriedades da forma diretamente usando

os controles na tela ou acessando Propriedades da forma no painel
Propriedades. Os controles na tela tornam a interação com formas mais
intuitiva.

Você pode usar a transformação na tela e os controles de arredondamento

para ajustar a aparência de sua forma. Os modificadores de teclado funcionam
da mesma maneira para os controles de transformação na tela à medida que
trabalham na ferramenta transformar no Photoshop. Você pode modificar o raio
de todos os cantos da forma de uma só vez ou mantenha pressionada a tecla
Alt (Windows) ou Option (Mac OS) enquanto arrasta para alterar o raio de um
único canto. Em relação aos triângulos, todos os cantos serão modificados
mesmo se você arrastar apenas um deles. Gire uma forma facilmente usando a
alça de rotação na tela que aparece ao passar o mouse sobre a forma na tela.
Clique no ícone Redefinir no painel Propriedades para redefinir todas as
modificações a qualquer momento.

38
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 Aula 08 - Usando as

ferramentas de imagens 

Na ferramenta de imagem no Photoshop iremos trabalhar com Ajustes

(Correção de cor, brilho, contraste, níveis, curvas, exposição, etc). É bem fácil

utilizá-las, basta arrastar para direita e esquerda para alterar os níveis de brilho,

exposição, etc. E assim, sucessivamente com todas as funções. O Photoshop

apresenta uma timeline bem intuitiva, o que proporciona uma edição simples.

Aula 09 - Trabalhando e inserindo as janelas 

Afinal, como trabalhar com as janelas de atalho do Photoshop? No menu

superior do Photoshop clique em Janelas e para ativar essa configuração basta

clicar em Demarcadores. Feito isso, a configuração estará ativa

39

Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
6 Como se
Vender
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 Aula 01 - Introdução

Para se destacar no mercado, você precisa aprender como vender o seu peixe
no mercado, ou seja, a vender o seu trabalho para o seu público ideal. Se você
ainda não sabe, não se preocupe. Preparei esse módulo para te ajudar!

Aula 02 - Marketing Pessoal 

Marketing pessoal é uma técnica que você precisa aprender como Designer
Gráfico. Mas afinal, o que é marketing pessoal? Marketing Pessoal são
estratégias e técnicas que visam melhorar a sua imagem como profissional. 

Aula 03 - Autenticidade

Para se destacar é preciso ser autêntico. Mas afinal, como ser autêntico?

Listei alguns pontos a serem trabalhados na sua carreira se você deseja ser um
designer autêntico. Confira cada um deles logo a seguir:
Tenha um diferencial. Busque se diferenciar da maioria, seja ÚNICO
O mercado está cheio de designers iguais
Ponto de paz e equilíbrio
Seja autêntico em um mundo de cópias
Por que ser autêntico?

É essencial oferecer um diferencial como designer para se destacar no

mercado!

Aula 04 - Como atrair clientes

Essa é uma dificuldade que a maioria dos designers enfrentam, atrair clientes
não é difícil. É uma tarefa simples, porém, você precisa saber o que está
fazendo. Não é sair “atirando para todos os lados”. Seus clientes são
específicos, e você precisa saber encontrá-los.

41
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 Listei dois tópicos importantes para prospecção de clientes. Confira cada um
deles logo a seguir
Escolha um nicho específico e seja o melhor no que você faz. Esse será o
seu diferencial.
Crie conteúdo exclusivo para o seu público. Ou seja, onde o seu público
está mais presente? Em quais redes sociais? Aposte nisso!

Porém, existem alguns erros mais cometidos na hora de atrair clientes. Que são
eles

Não saber diferenciar PREÇO de VALOR

Preço: é o que você paga.
Valor: é o que você entrega (benefícios)

Seja sincero!

Seja sincero com o seu cliente em relação aos prazos com os seus clientes,
quando fechar Jobs e contratos. Sempre entregue os trabalhos na data
combinada, por isso, se necessário peça mais tempo para a execução do
projeto na hora de fechar o contrato, mas nunca atrase e envie trabalhos depois
da data combinada, isso afeta a sua credibilidade.

Promessas!

Não prometa o que você não pode cumprir

Descontos!

Descubra como contornar essa situação, você precisa mostrar para a pessoa
que o valor do seu trabalho é aquele. Mostre os benefícios que ele terá através
do seu trabalho. Não tente acelerar uma venda através de descontos!

42
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 Esses foram alguns erros que você não deve cometer. Agora, confira algumas
dicas para que você consiga atrair mais clientes para o seu negócio
Tenha um portfólio
Tenha uma conta bancária de pessoa jurídica, assim o seu negócio ficará
mais profissional
Estude além de Design, ou seja, busque entender mais sobre os seus
clientes
Faça divulgações nas redes sociais, faça anúncios e trabalhe com SEO!

Espero que essas dicas tenham te ajudado, bora colocar em prática?!

Aula 05 - Como convencer em clientes 

Não basta apenas atrair clientes, é preciso convencer esses clientes para fechar
contratos. Confira algumas dicas logo a seguir:

1 - Comunicação!

Você precisa desenvolver uma ótima comunicação com o cliente, ou seja, o seu
posicionamento tanto pessoal quanto digital irá influenciar!

2 - Confiança!

Transmite confiança no seu negócio e serviço. Seja confiança e transmita

profissionalismo. 

3 - Argumentos verdadeiros!

Não minta e faça falsas promessas, o cliente saberá quando é mentira. 

4 - Saiba até onde insistir

Não faça uma venda forçada, saiba a hora de parar. Não insista muito e não
force. 

43
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 5 - Crie uma conexão com o seu cliente

Isso pode ser feito através de conversas, conteúdos, dê atenção e saiba

escutar. 

6 - Entenda o mercado

Estude o mercado em que o seu cliente está inserido.

SEJA SEMPRE O MELHOR!

7 - Cliente indeciso!

Quando o cliente estiver indeciso você precisa transmitir domínio e autoridade.

8 - Abordagem!

O cliente precisa ir atrás de você, não aborde clientes.

9 - Processo de venda

Por trás de cada venda existe um processo, um funil. Saiba trabalhar com os

clientes que fecharam e não fecharam contratos!

10 - Mostre suas experiências!

Mostre suas experiências no mercado. 

Aula 06 - Como precificar o seu trabalho

Afinal, como precificar o meu trabalho? Leve em consideração os pontos que

irei apresentar a seguir:

1 - Determinação de tempo

Determine o tempo que você gastou para reunir as informações necessárias

para a execução do projeto. 

44

Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 2 - Determinação de custo

Após a etapa anterior, é a hora de colocar na ponta do lápis todos os valores

das informações anteriores para definir o valor para o projeto.

3 - Determine o seu público alvo 

Defina especificamente qual o seu público.

DIVISÃO POR HORA
Valor bruto X carga horária X custos do projeto = PREÇO
DIVISÃO POR JOB
Empresa contratante X tipo de trabalho = PREÇO!

Faça Upsell e Downsell!

E comece a aplicar esse conteúdo agora no meu trabalho!

Aula 07 - Se destaque dos concorrentes 

Ultimamente encontramos designers que fazem a mesma coisa, por isso é

essencial se destacar. E por isso, separei alguns tópicos para te auxiliar nisso:

1 - Identifique os seus concorrentes.

2 - Quem é o seu público? Onde está? Saiba onde procurá-los!

3 - Domine seu nicho, se especialize!

4 - Tenha um bom portfólio, de ótima qualidade!

5 - Ofereça um ótimo atendimento, saiba se comunicar com o seu cliente!

6 - Sempre inove, esteja por dentro das atualizações do mercado!

7 - Se posicione profissionalmente!

Aqui estão algumas dicas para se destacar como designer gráfico, curtiu?

Então já comece a aplicar tudo no seu negócio!

45
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]
 Elaborei este breve e-book para te auxiliar na
sua jornada ao longo do curso Design Web.
Espero que tenha curtido e também que tenha
te ajudado nesse processo!

Quer Saber Mais sobre

nossos conteúdos?
Siga o nosso Instagram @designerdequalidadee,
atualizamos nossos conteúdos semanalmente com inúmeras
dicas úteis. Vem aprender com quem sabe ensinar!

Licenciado para - André Lobato Borba | andrelobatoborba85@[Link] | 08619472666 - 08619472666 - Protegido por [Link]