curso web faveni aula 27

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

Curso Web FAVENICurso Web FAVENIAula 27Aula 27

Teoria e prática do WebdesignTeoria e prática do Webdesign

11/12/201011/12/2010

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

O que é Design?O que é Design?

Denomina-se design qualquer processo técnico e criativo relacionado à

configuração, concepção, elaboração e especificação de um artefato. Esse

processo normalmente é orientado por uma intenção ou objetivo, ou para a solução de

um problema.

fonte

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

Qual a diferença entre Design e Arte?Qual a diferença entre Design e Arte?

•A arte inspira. O Design motiva.

•A arte existe para ser interpretada. O design existe para ser entendido.

•A arte evoca uma mensagem diferente para cada pessoa. O design transmite a mesma mensagem para todas as pessoas.

•A arte é um talento nato. O design é uma habilidade adquirida.fonte

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

O que é Webdesign?O que é Webdesign?

“O webdesign é um fragmento do design. Não existe webdesigner. Existe o designer que faz web, e este profissional tem que aprender tudo, tipografia, fotografia, semiótica, gestalt, matemática, ótica, percepção, comportamento humano, etc. Senão, ele não consegue fazer web.” (Alexandre Wollner).

fonte

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

Quais as habilidades de um Quais as habilidades de um webdesigner?webdesigner?

Habilidades pessoais:

•Criatividade

•Atenção ao detalhe

•Memória visual

•Pensamento lógico

•Habilidade em lidar com pessoas

•...

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

Quais as habilidades de um Quais as habilidades de um webdesigner?webdesigner?

Habilidades pessoais:

•Senso estético

•Determinação

•Organização

•Empreendedorismo – Capacidade de identificar e gerar oportunidades.

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

Quais as habilidades de um Quais as habilidades de um webdesigner?webdesigner?

Habilidades técnicas:•Tipografia – link

•Cores – link1 – link2

•Fotografia – link

•Redação – link

•E as tecnologias da web: HTML, CSS ...

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

Quais as habilidades de um Quais as habilidades de um webdesigner?webdesigner?

Conceitos relacionados ao design:•Gestalt – link1 – link2 – link3

•Semiótica – link1 – link2

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

Mas, o que é preciso para fazer um site? Mas, o que é preciso para fazer um site?

•Registro de um domínio

registro.br

•Hospedagem gratuita:

http://000webhost.com saiba mais

•Hospedagens pagas: UOL, Localweb, ...

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

Recursos úteisRecursos úteis

•Bancos de imagens - link

•Ícones - link

•Scripts - link

•Tutoriais, CMS, sites de referência...

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

Para fazer o seu site...Para fazer o seu site...

•Uma descrição sobre você e o seu trabalho

•Um portfólio de trabalhos realizados

•Formulário de contato

Transforme seu nome

em uma marca.

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

Para fazer um site para um cliente...Para fazer um site para um cliente...

O que é um cliente?•Em economia, cliente é toda

pessoa física ou jurídica que adquire algum produto ou serviço.

•Parte compradora de um contrato de fornecimento. Geralmente é quem determina as especificações do produto.

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

Quem pode ser seu cliente?Quem pode ser seu cliente?

•Você mesmo, a empresa em que você trabalha, a sua própria empresa, seu colega, um parente, um amigo, um contato, um conhecido...

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

Escolha seus clientesEscolha seus clientes

Se você tentar agradar a todo mundo, não vai agradar ninguém.

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

Cuidado com clientes que:Cuidado com clientes que:

•tentam de forma insistente negociar valor. Ele vai querer determinar quanto vale o seu trabalho;

•tem um site muito mal feito. A culpa pode ter sido deles;

•eles mesmos ou um funcionário fizeram o site atual;

•...

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

Cuidado com clientes que:Cuidado com clientes que:

•querem fazer reuniões e discussões demais para tomar uma decisão. Provavelmente ele não sabe o que quer e não confia em você;

•não comunicam o que querem do site. Só depois de tudo pronto eles vão dizer que não era isso que eles queriam;fonte

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

O cliente é o segredo do O cliente é o segredo do sucesso de um site sucesso de um site

•Se você não define o papel do cliente, ele define o seu.

•O cliente define os problemas, o webdesigner acha as soluções.

•O cliente é o gerador de conteúdo, o webdesigner organiza a comunicação.

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

O cliente é o segredo do O cliente é o segredo do sucesso de um sitesucesso de um site

•O cliente define o que é prioritário para o seu negócio, o webdesigner escolhe a forma de apresentação.

•O cliente define qual é o objetivo do site. O webdesigner busca atingir este objetivo e mede os resultados.

fonte

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

Como cobrar por um site?Como cobrar por um site?

Imaginado a situação de criar um site usando um CMS, como o XOOPS:

•Estabeleça um valor de instalação mínima, de instalação dos módulos e de criação de páginas de conteúdo;

•Defina os tipos de site que você irá atender e crie tabelas de preço para cada perfil de site;

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

Como cobrar por um site?Como cobrar por um site?

•Defina um valor ideal para a criação de um site completo e distribua este valor entre os componentes do site;

•Complemente com outros serviços

•Documente cada etapa com contratos e recibos fonte

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

Como planejar um site?Como planejar um site?

•BriefingLevantamento dos requisitos, objetivos,

conteúdo, prioridades.

•Arquitetura da InformaçãoEstratégias de organização do conteúdo

de forma a otimizar a comunicação.

•LayoutDefinições técnicas de apresentação

usando as tecnologias da webfonte

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

O que não fazer em um site?O que não fazer em um site?

O que você já sabe que não deve usar em um site:

•Musiquinha

•Muita coisa se mexendo e piscando

•Fontes diferentes em excesso

•Etc...

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

O que é importante lembrar:O que é importante lembrar:

•Um site deve ser encarado como um desafio de comunicação, não como um desafio tecnológico;

•Um site é projetado para comunicar a mensagem do seu cliente para o público-alvo dele, não tem nada a ver com o seu gosto pessoal;

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

O que é importante lembrar:O que é importante lembrar:

•Um elemento no site sem objetivo é poluição visual. Pergunte a si mesmo “e se eu tirar isso?”;

•Inovação visual não compensa falta de relevância do conteúdo e usabilidade ruim.

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

O que mais fazer além de sites?O que mais fazer além de sites?

•Email marketing

•Vídeos institucionais

•Páginas do Facebook

•Aplicativos para celular

•Atualização de conteúdo

•Monitoramento de redes sociais

Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – lmzanlucki@gmail.com

Mãos à obra!