webdesigner Toes 0 eos reserva a Carls Webcesiner Conch! © 2012 | wwv.cortoshos.combr ‘Cokias Novas Gots Bros4h propesito 6 conteado BZ pesaisa 7 treinamento Beconceito & otimizacso i webdesignerPrefacio Sera que este é e-book certo para vocé? © proceso de criac&o de um site requer dedicagGo, tempo e investimento, Apesar de as profiss6es ligadas & internet estarem, cada vez mais, sendo reconhecidas e valorizadas, ainda existe aqueles que acham que fazer um site é simples e que qualquer “sobrinho", com poucos cliques, cria um. Sim, sabemos das varias feramentas ¢ platatormas que faciitam essa criacdo, mas o fato é que ndo basta fazer a esmo, mas também, € preciso se preocupar com o puiblico a ser atingido, as fecnologias a serem empregadas, a otimizagGo do contevido, a gestdio de redes socials, 0 reiomo a. ser obtido, por ai vai Hy Pensando nisso @ associando com incalculaveis de horas de trabalho como webdesigner freelancer, FY Gisinibuidas desde 1999 alé a presente data, estoy lancando este guia 10 passos para criar um site a de sucesso. ‘Agora, ndo espere encontrar aq tutorials detalhados, receltas magicas de sucesso ou algo similar. Este e-book despertard em vocé algumas idelas e conceitos da atuolidade que serviréo de base para iniciar ou rectiar seu site para que ele seja realmente eficaz. © que implicara, posierioimente, ‘em basiante esiudo e trabalho. Portnio, eletue um bom uso dos 10 pasos para criar um site de sucesso e faca dele, seu guia basico para a criagdo de um belo ¢ eficiente trabalho na web. Boa leitura) CarlosPs Webdesigner 8) Toes 0 eos reserva a Carls Webcesiner Conch! © 2012 | wwv.cortoshos.combr ‘Cokias Novas Gots Brosproposito Qual a razio de exist de se ter um projeto desenvolvido para Intemet, neste caso, um site? Existe lgum propésito para ele? (4:4 Ppa Ninguém cria um site sem ter em mente algum objetivo, alguma finalidade, uma intengdo. Um site & cricdo née somente para seu autor, mas para um puiblico especitice, com contetido ditecionado ¢, plevendo no minimo, que o mesmo tenha alguma auaiéncia que dé sustentagéo e mantenha o estimulo daqueles que os puseram no ar. Nese perfil, encaixam-se os sites pessoas, blogs, curriculos vittuais, entre outros, Para empresas ou pessoas que desejam ter algum retomo financeiro com seu site, além do objetivo, do pibiico alvo, do contedo e da audiéncia, é preciso despertar os visitantes para reclizarem lguma ago, come por exemplo, efeivar uma compra de um produto ou servico. Portanto, um site comercial deve ser construido para 0 usudtio € com os objetivos em mente bem. definidos, Assim, bot0es, links, imagens, banners deverdo levor o visitante o efetuar deierminada €G40, ou seja, 0 famoso CTA - Call fo Action [chamada a uma agao). Para mais informagées, acesse 0 link: hitp://www.carloshps.com.br/blog/criando-um-site-passo-c-passo-parte. Toes 0 eos reserva a Carls Webcesiner Conch! © 2012 | wwv.cortoshos.combr ‘Cokias Novas Gots BrosDefinidos seus objetivos, agora € a hora de pesquisar mais profundamente sobre os desejos do seu pUblico. Iré busca de mais informacdes sobre a concoréncia (que sempre existe, mesmo que indiretamente); de como eles atraem e mantém seu publico; verificando seus erras (e aprendendo com eles) e acertos para melhord-los e criar alguns diferenciais para se destacar entre eles Pyaaycasg E necessétlo fazer um estudo sobre as palavas-chaves mals usados para seu tipo de site e realizar ume andiise competliva enlie elas, observando sempre as que es180 classiicadas como modismo & Gs que so uma verdadeira e sdlida tendéncia de nicho de mercado. E tudo isso (e muito mais) definira 0 conceito principal do site e interferird diretamente no proceso de rquitetura de Informagao e do design em geral. Toes 0 eos reserva a Carls Webcesiner Conch! © 2012 | wwv.cortoshos.combr ‘Cokias Novas Gots Brosconceito ‘Como saberemos quantas e quais paginas serGo criadas em um site ou quais funcionalidades terd? Sem ci definicdo clara do conceito geral, fica dificil prever. (4:4 Ppa Por isso que villizamos os Wireframes para ilustiatmos a pagina inicial do site, as paginas interes, as paginas de conversGo das acées experadas pelos usudros, as chamadas que aticiam a atencdio do. Visitante, como: botdes, banners, animacées, etc. Enesse momento que também s60 Gefinidos os locals dos elementos on-site SEO (Search Engine Qptmizations - Otimizacdo de sites), isto ¢, a distbuigco de tags HIM principais aistiiouidas estrategicamente no layout e conietido como um todo, melhorando assim, a visiblidace nos navegadores Nessa fase, sdio discutidas as fertamentas interativas e funcionalidades que compordo 0 projeto. Se existird clgum slideshow ou um sistema de gerenciamento de contetido; um cadastro de e-mails; um sistema de busca interna; um publicador automatizado para redes socials, ¢ etc Tocios e3:@s itens € elementos devem ser lustrados no wireframe, Toes 0 eos reserva a Carls Webcesiner Conch! © 2012 | wwv.cortoshos.combr ‘Cokias Novas Gots Bros‘© ser humano € muito visual. © cérebro memoriza muito mais imagens ditecionadas do que longas linhas de texto. E porisso que os elementos de design como: cores, tipogratia, iconogratic, alinhamentos, etc., sso aplicades no site com intuito de facliitar ¢ fortalecendo o proceso de memorizacao dos visitantes Pyaaycasg Fazer um site bonito de se ver, que agrade aos olhos e ao mesmo tempo, que tenha uma boa navegablidade e acessiblidade, |4 ¢ um grande indicio de que o projeto tera éxito em seu propésito @ sera Um sucesso. E importante, para empresas e profissionais que jG possyam uma marca, um logotipo, que o design siga:o € incorpore-o no site, mantendo assim um padido entre o presencial ¢ o virtual Mas 6 imporiante frisar que nem sé de desfan vive uma marca, mas é precio projelar uma interface web eficaz, com uma boa aparéncia € que seja convincente aos conceltos propostos pelo site. Pense sempre na usablidade. © site precisa demonsirar uilidade aos usudrios, com boa: ‘apresentaicdo visual, contetido coerente e direcionado para o pubblico alvo. Toes 0 eos reserva a Carls Webcesiner Conch! © 2012 | wwv.cortoshos.combr ‘Cokias Novas Gots Brosvimento Este 6 0 momento de “dar vida" ao site que até o momento esi desenhado no papel. Converter 0 layout em XHTML, CSS (Tableless) ¢ Javascript baseados nas diretrizes dos padrdes web [WSC] ¢ um passo importante a ser dado. (4:4 Ppa Conhecendo e aplicando Web Standards (padides wel) faz com que as melhores escolhas sejam feltas, onde é possivel definir a exibic6o do site em diferentes plataformas, como em: PC, Windows, linux, Mac, Smartiones, Ipads, phones, celulares e aispositivos méveis em geral, A patti dai, independente da linguagem dinéimica a ser ufiizada (PHP, ASP, JSP,.NET, ete.) ¢ aval banco de dados (MySQL, Postaree, etc) c frabathar; ou se optou-se por alguma plataforma de gefenciamento de contetido (WordPress, Joomla, Drupal, Magento, etc.) ¢ aqui que o site se tora interativo ¢ funcional. Nao esquecendo em manter o foco, sempre, nos conceitos e objetives anteriormente tracados, crientando o visitante a concretizar ages de converséo, Toes 0 eos reserva a Carls Webcesiner Conch! © 2012 | wwv.cortoshos.combr ‘Cokias Novas Gots Brosconteudo Diaiamente, milhoes de paginas com contetdos variados sao publicades na interne!, Como competi com tamanha conconéncia disputar a atencao do seu publica? Pyaaycasg Em primeiro lugar é preciso que o contetido do site iransmita informag6es que valham o pena ser lidas. Isso ndo significa que o mesmo deva conler textos enormes € cansativos, mas que tragam ‘auaiéncia e sejam diteclonados aos que lem: ‘Além de ser atraente, 0 conteliclo deve oferecer algum valor ao leitor e apresentar uma mensagem consistente. iss0 porque, o tempo a ser dedicado & leitura & navegacae implica diretamente no sucesso das estratégias e métodos comentados até aqui E importante que se encontie € se defina um estilo de escrita €, sendo critico de nés mesmos, pergunia-se se 6 facil, legivel e se faz todo sentido a suc publicagGo no site, Enfim, para se ter um contetido de sucesso, deve-se escrever pora seu puiblico e dizer-Ihes 0 que eles querem e precisam saber, de forma clara, objetiva e numa linguagem adequada, Toes 0 eos reserva a Carls Webcesiner Conch! © 2012 | wwv.cortoshos.combr ‘Cokias Novas Gots Brostreinamento Osite esta pronto, mas e agora? (4:4 Ppa Se for um site estdtico, onde o contetido nao é inserido ou mantido dinarnicamente, é preciso dejerminar um profissional para efetuar as fuiuras alleragdes e acompanhar as esiatisticas de onversdio, fiUxo de visitantes, contetidos mais ¢ menos acessacios, ete Agora, se for um sife dindmico, no qual esta implantado algum gerenciador de contetdo ov ferramenta dinémica que seja administrdvel via sistema administrative intemo, essa é a hora de oferecer treinamento deste(s) instrumento|s) de gestao implantada no projeto, aqueles que terso a fungdo de gerencid-lo constantemente. Toes 0 eos reserva a Carls Webcesiner Conch! © 2012 | wwv.cortoshos.combr ‘Cokias Novas Gots BrosSEO - Search Engine Optmization jé nao é mais um conceit obscuro e inacessivel. Para deixar um site mais visivel cos mecanismos de busca, criar um contevido direcionado ao publico ja ¢ um grande comego. Além disso, é preciso ciluir palavras-chaves relevantes a este contetido gerado e que sirvam de atrativo aqueles que buscam informagées nos sistemas de busca, f FEEDBAC! Ages on-site, representam a estruluracdo do SEO ditetamente nas paginas do site. No entanto, ‘existem também as agdes off-site que sao ag6es externas, como: link building (links que direcionam G0 site), participagdo em férum e redees sociais, etc Existe muilo trabalho a ser feito aqui, pols os motores de busca estdio em constante atualizagao e SEO 6 apenas uma parte do process. € precio pensor também em SEM = Search Engine Markeling. em matkeling para os sstemas de busca e no marketing onine em geral Para atrair mals audiéncia, agSes como campanhas de links patrocinados, e-mails marketing, contetidos vias, etc. contribuem ainda mais parc 0 sucesso do site Toes 0 eos reserva a Carls Webcesiner Conch! © 2012 | wwv.cortoshos.combr ‘Cokias Novas Gots Broslancamento Depois de tudo pronto, testes necessitam ser realizados a exausiGo no intuito de simular a navegagao pelo site; simulando ages ¢ 0 Uso dos aplicatives parc que, enfim, o site seja langado. (4:4 Ppa E precko veiificar desde a velocidade de aberiura das paginas & exibi¢Go de imagens, animacoese _/ sistema de gerenciamento de conteudo (se aplicével) oine Observar 0 comportamento do site nos csposilivos mévels, nos navegadores principais (internet Explorer, Fretox, Google Chrome, Opera e Satori] revelaré 0 quéo eficiente © pacronizado foi ealizado o fase de desenvoWimento. E, ao langar, criar uma a¢do viral em redies socials, divuigar em diversos meios de comunicagao online ou nao €, principalmente, realizar 0 gratuito ¢ eficaz, boca-a-boca, poderd ajudar nos primeiros dias de surgimento e fortalecimento do site. Toes 0 eos reserva a Carls Webcesiner Conch! © 2012 | wwv.cortoshos.combr ‘Cokias Novas Gots Brosmonitoramento ‘Como saber se o site esta tendo 0 sucesso esperado? Como medi 0 seu desempenho? Como mensurar o RO! - Relorno sobre o Inyestimento? Pyaaycasg Aqui @ que mora o perigo. E um erro imenso langar um site sem co menos conhecer ou entender lgumas ferramentas que megam o sucesso 0U 0 fracasso do projeto. fo que chamamos de Web: Analytics Algumas varidveis para serem medidas © analisaidas sco: Tralego - Quantas pessoas esto visiiando o site? De onde elas esiGo vindo? Quais sites esiGo. trazendo tréfego? Quais palavras-chaves que os visitantes usaram nos buscadores para chegarem ao site? Quanto tempo eles permanecem navegando no site? Converstio ~Se o site é de compras, € possivel meait c quanticade reclizada com a estimada: qual © fluxo didlo, semanal e mensal de vendas? Se o site esta sendo Um melo de ditecionor o vistlante a uma légica fisica, Qual a taxa de conversdo e retorno sobre 0 investimento? Toes 0 eos reserva a Carls Webcesiner Conch! © 2012 | wwv.cortoshos.combr ‘Cokias Novas Gots BrosO que achou do Ebook? Sua opinio é de muita importar @ meihoria € aperteicoamento deste material, de servir de estimulo para a criagdo de novos ebooks gratuitos com temas aiversos. pora Para opinar, acesse a paging abaixo: arloshps. Pyaaycasg Obrigado! CarlosHPS Webdesigner 8) webdesigner Toces or dhtor eer a Cats Webdesirer Copwig1 ©2012 | woicoreatps.combr Cokie: Novas Goids- BrestCréditos CarlosHPS 6 0 nome profissional para o autor e webdesigner freelancer profissional, Carlos Henrique Pites de Souza. Graducndo em Sistemas para Intemet pelo Instituto Federal Goiano e especialista em: Criagao de Sites e Blogs Criagdo de Temas para WordPress Conversdio de Arquivos PSD/PNG em XHTML/CSS Conversaio de Layouts PSD/FNG em Temas WordPress Cringéo de Logotipes ¢ Manuals de identidade Visual Implantagdo de SEO e WebAnalytics SS 455 Portfélio: ww.carloshps.com for Blog! wenw.carloshps.com.br/blog ‘Cursos Online: www catloshps.com for/cursos Projeto Pessoal: www.minhamenogratia.com.lor OoGdadgsa . facebook linked in flickr Pyaaycasg Toes 0 eos reserva a Carls Webcesiner Conch! © 2012 | wwv.cortoshos.combr ‘Cokias Novas Gots Bros