Jeffo Granetto - Semana do Designer de Sites (aula 1) - © Todos os direitos reservados

1. 1.

1.1. Antes de começar a criar

1.1.1. 1.1

1.1.1.1. Proposta

1.1.1.1.1. Evernote

1.1.1.1.2. Hubspot

1.1.2. 1.2

1.1.2.1. Briefing

1.1.2.1.1. Word

1.1.2.1.2. Google Sheets

1.1.3. 1.3

1.1.3.1. Contrato

2. Ferramentas

2.1. Trello

2.1.1. Para organizar as etapas do projeto

2.2. Hubspot

2.2.1. Para você organizar o fluxo das propostas, valores e principalmente "rastrear" a mensagem.

2.3. Evernote

2.3.1. Para você criar a proposta

2.3.2. Anotações sobre o projeto

2.3.3. Referências de outros sites

2.4. Photoshop ou Illustrator Para a criação visual do projeto.

2.4.1. Eu particularmente uso 90% o photoshop. Uso o illustrator pra abrir alguns vetores e copiar lá pro photoshop.

3. Dicas de Ouro

3.1. Seja atencioso

3.1.1. Não fique nunca mais de uma semana sem mandar pelo menos 1 email ou uma mensagem para o cliente

3.1.1.1. Cliente é carente. Sério!

3.2. Faça comparativos do site que você está criando com sites de empresas grandes e glamurosas. Se possível coloque algo no seu layout que lembre disso.

3.2.1. Ficará muito mais fácil de o seu trabalho ser aprovado e admirado. Dificilmente seu trabalho será questionado. A "Apple" está fazendo assim. A "Coca-Cola" está fazendo assado. Lembre-se da frase: Pegar carona no ombro do gigante.

3.2.1.1. O cliente vai ter a tranquilidade de que tomou a decisão certa ao contratar você e não as outras 500 possibilidades.

3.3. Sério, na nossa área tem muito picareta, mal caráter, gente descompromissada e mal educada. Não seja esse tipo de pessoa.

3.4. Cliente satisfeito é o layout mais bonito do mundo.

3.4.1. Desapega. Use o seu bom gosto, talento e conhecimento. Mas o site não é TEU, é do cliente. Se ele não tiver a sensação de que aquele é o site que representa a empresa dele de fato, ele poderá até aprovar e tudo mais... mas se ele tiver a sensação de que o site realmente é a cara da empresa dele... ele ficará nas nuvens... vai te indicar para os amigos e tudo mais (empresários tem a tendência de terem amigos empresários, uma indicação é a melhor propaganda que você terá.... e já é meia negociação ganha.

3.4.1.1. 90% dos meus clientes vieram por indicação... ou porque o cara viu o trabalho que eu fiz para uma empresa que ele conhece. A nossa melhor propaganda é o trabalho que fazemos para os nossos clientes.

3.5. Se você trabalha em uma equipe ou uma agência:

3.5.1. Seja o líder do projeto. O designer é o artista... o criador. Lidere esse job do início ao fim, usando ferramentas que te ajudam a controlar. Se você tiver tudo organizado, fica bem simples

3.5.1.1. Mesmo que você tenha algum chefe ou um superior, dificilmente ele verá problemas em você liderar esse job. Pró-atividade é a chave para o sucesso em todos os sentidos.

3.6. Não dê um clique no photoshop se não tiver pelo menos um e-mail do cliente solicitando o job. Você tem que se impor (com edução sempre, claro). Os clientes gostam de lidar com profissionais sérios e você é um deles.

3.7. Registre TUDO por e-mail. Os clientes tem a tendência de achar que você vai resolver tudo pra eles e que eles não precisam participar quase nada (tendência a esquecer de coisas que foram ditas em reuniões ou ligações telefônicas).

4. 3.

4.1. Depois que o site foi ao ar

4.1.1. 3.1

4.1.1.1. Fazer pesquisa de satisfação

4.1.1.1.1. Surveymonkey

4.1.2. 3.2

4.1.2.1. Cliente satisfeito? Então peça um depoimento dele. Clichê e batido? Sim, mas funciona pra caralho e sempre irá funcionar.

4.1.2.1.1. Rápido e direto, pode ser por escrito mesmo

4.1.2.1.2. Peça autorização para o seu cliente se você pode divulgar o depoimento dele. Melhor ainda se você usar a foto dele (a foto que ele escolheu pro perfil do face, naturalmente é a foto que ele julga a melhor).

4.1.2.1.3. Divulgue isso em uma mídia social mais informal (eu uso o stories pra isso)

4.1.2.1.4. Divulgue o depoimento no teu site (se você não tem seu próprio site então comece a fazer agora mesmo)

4.1.3. 3.3

4.1.3.1. Criar uma imagem de divulgação para mídias sociais. Tipo "Site novo no ar"

4.1.3.1.1. Uma pra você divulgar nas suas mídias sociais... com a sua identidade

4.1.3.1.2. Crie uma imagem com padrão visual do SEU cliente. Uma arte pra ELE divulgar nas mídias sociais DELE. Use a sua logo na arte como a empresa que criou

5. Regras

5.1. 1920px de largura total do seu layout

5.1.1. Cuidado com o tamanho das coisas

5.1.1.1. Tendência a criar objetos muito grandes, principalmente que tem monitor grande na hora que tá criando

5.2. Tenha em mente que esse layout será mais visualizado em um celular do que em um computador

6. 2.

6.1. Criando o Site (etapas)

6.1.1. 2.1

6.1.1.1. Criação do Layout

6.1.1.1.1. Tipos de menu

6.1.1.1.2. Guia de colunas

6.1.1.1.3. Maneira de aprovar um site

6.1.2. 2.2

6.1.2.1. Aprovação do layout

6.1.2.1.1. Criar link com o jpg do layout

6.1.2.1.2. Gravar a tela do seu computador explicando o layout

6.1.2.1.3. Apresentar Pessoalmente

6.1.3. 2.3

6.1.3.1. Desenvolvimento (programação)

6.1.3.1.1. Hipótese 1: Usar um programador

6.1.3.1.2. Hipótese 2:

6.1.4. 2.4

6.1.4.1. Finalização (Quando o site vai oficialmente pro ar)

6.1.4.1.1. Registrar por e-mail agradecendo a oportunidade

7. Formas de pagamento:

7.1. Sugestão 1).

7.1.1. Início. Após contrato assinado

7.1.1.1. 20%

7.1.2. Aprovação do layout

7.1.2.1. 30%

7.1.3. Projeto entregue e no ar

7.1.3.1. 50%

7.2. Sugestão 2).

7.2.1. 100% á vista antes de você começar a criar. Em contrapartida você oferece um desconto no valor