PerfilProfissional do Webdesigner<br />Heberson Barbosa | Huxley Dias<br />
<ul><li>Quemsomos?
O quefazemos?
Aondetrabalhamos?</li></li></ul><li>QuemSomos?<br />Heberson Barbosa<br />hebersonbarbosa.com<br />@hebersonbarbosa<br />c...
Objetivo<br />Ensinar a criar um Layout de site?<br />Codificar HTML/CSS/Javascript?<br />Oferecercontatos de clientes?<br />
Objetivo<br />O dia-a-dia do webdesigner<br />O queelefaz<br />Como faz<br />O queétrabalharemequipe<br />Relacionamento c...
O Perfil do Web designer?<br />Carinhaesquisito de óculosquenão tem namorada, “manja da computador”e passahorasnafrente vi...
Web designer<br />Profissionalcompetentepara a elaboração do projetoestético e funcional de um web site.<br />Para ser um ...
O quefaz?<br />Levantamento de requisitos<br />Elabora a navegação e disposição dos elementos<br />Criação de Layout<br />...
Levantamento de requisitos<br />
Elaborar a navegação e disposição dos elementos<br />
Criaro layout...<br />imagens<br />Ícones<br />Texturas<br />Espaçamento<br />Cores<br />Texturas<br />Fontes<br />Espaçam...
Estruturação das paginas (XHTML/CSS)<br />Estruturação das páginas(XHTML/CSS)Criação de interaçõese Animações (Flash/jQuer...
TrabalhoemEquipe<br />Hierarquia<br />
TrabalhoemEquipe/Hierarquia<br />
Trabalhoemequipe<br />Trabalharcom time<br />Hierarquia<br />Crítica/Elogios<br />Designer X Programador<br />
Vocêestásujeito a isso:<br />
Relacionamento com o cliente<br />
Relacionamento com o cliente<br />Contatodireto com o cliente<br /><ul><li>Formalizarpedidos e registrar solicitações
Freelancer tem trabalhoe compromissomultiplicadopor X
Faça um contrato.
Formalize-se, emita Nota Fiscal</li></li></ul><li>Relacionamento com o cliente<br />Fecharnegócio. <br />Assuntosfinanceir...
Ferramenta e linguagens<br />Photoshop, Fireworks, Illustrator, Corel<br />HTML, CSS, jQuery<br />Adobe Flash, Blend (Silv...
Tendências<br />Mobile (Web/App)<br />Núvem<br />Simplicidade + Funcionalidade<br />Códigoaberto e compartilhamento<br />S...
Upcoming SlideShare
Loading in …5
×

Perfil profissional do webdesigner

5,216 views

Published on

Palestra ministrada por Heberson Barbosa e Huxley Dias sobre operfil profissional do webdesigner.

Published in: Design
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total views
5,216
On SlideShare
0
From Embeds
0
Number of Embeds
20
Actions
Shares
0
Downloads
54
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide
  • Juntoaogerente de Projetosou do cliente, fazer um levantamento das necessidas, o que se espera do site/sistema.
  • Essaé a hora de pensar for a dacaixa, listarváriaspossibilidades de solucionarumaquestão, éissoque o clienteespera de você.
  • Na hora da criaçãoéprecisolevaremconsideraçãotodososrequisitosdefinidos no escopo, naescolha de cores respeitar a comunicação visual da empresa se jáexistir, não use imagensnasquaisnãopossuidireitosobreelas, use ícones simples e intuitivos, planos de fundosdevemcontrastar com o comteúdoqueserásispostosobreeles.
  • Atépouquissomo tempo, era essa a arvoreierárquicaque se encontravanasempresas, hojeissojáestábemdiferente, as empresascomeçam a perceber o valor do designer.
  • Atépouquissomo tempo, era essa a arvoreierárquicaque se encontravanasempresas, hojeissojáestábemdiferente, as empresascomeçam a perceber o valor do designer.
  • Trabalho com time émuitodelicado, deve-se tercuidadoparanãocometergavesquecomprometam o relacionamento entre membros do time, issopodeafetardiretamento o projeto,As empresasestãoadotandomodelo de trabalhoäutogerenciável”, cada um sabe da suatarefa, membrosajundan-se entre si. Éprecisoestarpreparadopararecebercríticas e tambémelogiosE a velhahistória da “rincha” entre designers e progrmadores, naprática nada disso existe, mas éprecisoterbomsensoparamanter a boa convivência.
  • As vezesdentro da empresatemosquemanter um contatodireto com o clienteAofechar um negocio, a exigencia do clienteemrelaçãoao designer freelaé a mesmaexigidaparaumaagencia.
  • As vezesdentro da empresatemosquemanter um contatodireto com o clienteAofechar um negocio, a exigencia do clienteemrelaçãoao designer freelaé a mesmaexigidaparaumaagencia.
  • Sempreficaratendo as novidades do mercado e apostosemtecnologiasfuturas. Estejaaberto a aprenderalgumametodologia e/oulinguagem nova.
  • As empresasestão a procura de profissionaiscapacitadosquetenhamumavisão de mercado e quetragasoluçõespara a empresa.Participe de Eventos (Workshops/Palestras), Grupos de usuários e comunidades, além do compartilhamento de informações, aumenta o network (oportunidades de fecharnegóciosouconseguir um bomemprego)A web tem potencialparaalavancarqualquertipo de empreendimenti, desqueque se trabalhecorretamente,Acesso a internet n obrasilestábemmaisemcontaatedendo a umacamada da sociedadequeatépouco tempo nãotihaessepotencialasMais de
  • Primeiro tem queterinteressepeloquefaz, ter a capacidade de se manteratualizado, possuiruma boa bagagem cultural. Definaemqualsetor voce julgapoderser o melhor, participe de palestrar e workshops. Faça um curso. Nãoesperecair do céu, a informaçãoestádisponívelnarede, de diversasformas; basta saber selecionar o conteúdo.W3SCHOOLS (aprenda as principaislinguagens no learn oficial do W3C)- Semestralmente do Centro de Inovação da Microsoft emVitória (MIC Vitória) Oferecegratuitamente o curso &quot;Criação de Websites&quot; Data Point tambéméuma boa escola Participe de Eventos (Workshops/Palestras), Grupos de usuários e comunidades, além do compartilhamento de informações, aumenta o network (oportunidades de fecharnegóciosouconseguir um bomemprego)
  • Perfil profissional do webdesigner

    1. 1. PerfilProfissional do Webdesigner<br />Heberson Barbosa | Huxley Dias<br />
    2. 2. <ul><li>Quemsomos?
    3. 3. O quefazemos?
    4. 4. Aondetrabalhamos?</li></li></ul><li>QuemSomos?<br />Heberson Barbosa<br />hebersonbarbosa.com<br />@hebersonbarbosa<br />contato@hebersonbarbosa.com<br />Huxley Dias<br />huxleydias.com<br />@huxleydias<br />falecom@huxleydias.com<br />
    5. 5. Objetivo<br />Ensinar a criar um Layout de site?<br />Codificar HTML/CSS/Javascript?<br />Oferecercontatos de clientes?<br />
    6. 6. Objetivo<br />O dia-a-dia do webdesigner<br />O queelefaz<br />Como faz<br />O queétrabalharemequipe<br />Relacionamento com o cliente<br />Ferramentas e Linguagens<br />Tendências do Mercado<br />Oportunidades<br />
    7. 7.
    8. 8. O Perfil do Web designer?<br />Carinhaesquisito de óculosquenão tem namorada, “manja da computador”e passahorasnafrente videogame.<br />
    9. 9. Web designer<br />Profissionalcompetentepara a elaboração do projetoestético e funcional de um web site.<br />Para ser um Webdesigneréprecisoter o domíniodas técnicasde design e equilíbrioentre bomsenso e criatividade.<br />Definição do Wikpediaparawebdesigner: http://bit.ly/ck90QG<br />
    10. 10.
    11. 11. O quefaz?<br />Levantamento de requisitos<br />Elabora a navegação e disposição dos elementos<br />Criação de Layout<br />Estruturação das páginas<br />Interaçõese Animações<br />
    12. 12.
    13. 13. Levantamento de requisitos<br />
    14. 14. Elaborar a navegação e disposição dos elementos<br />
    15. 15. Criaro layout...<br />imagens<br />Ícones<br />Texturas<br />Espaçamento<br />Cores<br />Texturas<br />Fontes<br />Espaçamento<br />Backgrounds<br />Fontes<br />Cores<br />Ícones<br />Espaçamento<br />Texturas<br />dimensões<br />Ícones<br />Fontes<br />Alinhamento<br />imagens<br />Texturas<br />Backgrounds<br />dimensões<br />
    16. 16.
    17. 17. Estruturação das paginas (XHTML/CSS)<br />Estruturação das páginas(XHTML/CSS)Criação de interaçõese Animações (Flash/jQuery/Silverlight)<br />
    18. 18. TrabalhoemEquipe<br />Hierarquia<br />
    19. 19. TrabalhoemEquipe/Hierarquia<br />
    20. 20. Trabalhoemequipe<br />Trabalharcom time<br />Hierarquia<br />Crítica/Elogios<br />Designer X Programador<br />
    21. 21. Vocêestásujeito a isso:<br />
    22. 22. Relacionamento com o cliente<br />
    23. 23. Relacionamento com o cliente<br />Contatodireto com o cliente<br /><ul><li>Formalizarpedidos e registrar solicitações
    24. 24. Freelancer tem trabalhoe compromissomultiplicadopor X
    25. 25. Faça um contrato.
    26. 26. Formalize-se, emita Nota Fiscal</li></li></ul><li>Relacionamento com o cliente<br />Fecharnegócio. <br />Assuntosfinanceiros.<br />Como comprovarsuacapacidade?<br />
    27. 27. Ferramenta e linguagens<br />Photoshop, Fireworks, Illustrator, Corel<br />HTML, CSS, jQuery<br />Adobe Flash, Blend (Silverlight)<br />Wordpress, Jooala, Drupal, SharePoint<br />Git, TFS<br />
    28. 28. Tendências<br />Mobile (Web/App)<br />Núvem<br />Simplicidade + Funcionalidade<br />Códigoaberto e compartilhamento<br />Subdivisões da Profissão (AI/UX/UI/SEO/Web Writer/Social Mídia) <br />
    29. 29. Mercado e oportunidades<br />Empresasestãoàprocurade profissionaiscapacitados<br />A web tem potencial…<br />Super "Acessível”<br />Emconstantecrescimento<br />Copa de 2014, quetalcriar o serviço on-line?<br />FortaleçaseuNetWork<br />
    30. 30. Porondecomeçar<br />Terafinide e gostar de web<br />Mater-se atualizado<br />Participarde eventos Workshops e grupos de relacionamentos<br />Estude, nãoesperecair do céu<br />Façacursosespecíficos<br />
    31. 31. Obrigado!<br />Heberson Barbosa<br />hebersonbarbosa.com<br />@hebersonbarbosa<br />contato@hebersonbarbosa.com<br />Huxley Dias<br />huxleydias.com<br />@huxleydias<br />falecom@huxleydias.com<br />

    ×