como criar o teu próprio website sem esbanjar
TRANSCRIPT
Como criaro seu próprio website sem esbanjar dinheirouma introduçãoao web development
Rúben Quadros Ramoswww.rubenquadrosramos.com
Antes de começar…
Rúben Quadros Ramos, designer de comunicação
Licenciatura em Novas Tecnologias da Comunicação, UAMestrado em Comunicação Multimédia, Universidade de AveiroFreelancerEstagiar L na Câmara Municipal de Angra do Heroísmo
wwww.rubenquadrosramos.com
Para que serve um website?
Função institucional:Enquanto centro de informação e ponto de contato entre o indivíduo/organização/marca/projeto e os seus consumidores/destinatários.
Função demonstrativa:Disponibiliza informação sobre os produtos/serviços que um indivíduo/organização/marca/projeto oferece (ocasionalmente, permitindo a realização de orçamentos).
Função comercial (e-commerce):Além de disponibilizar informação sobre os produtos/serviços, permite realizar a compra/aquisição destes.
Outras funções exemplificadas:Revistas, jornais, blogues, gestão interna de informação, análise de dados, etc.
Vantagens e desvantagens de investir num website...
Vantagens
Dar a conhecer (o que é e o que faz?).
Construir reputação (estabelecer-se ou reforçar a posição no mercado).
Captar clientes.
Receber feedback de clientes/fornecedores.
Nutrir vendas.
Desvantagens
Pode ser um investimento avultado.
A manutenção é geralmente cara e/ou especializada.
Exige monitorização constante.
Q: Página no Facebook ou website?
Apesar do uso crescente do Facebook, o seu modelo económico exige/permite uma abordagem diferenciada, face a um website.
A preferência por informação nova faz com que seja difícil (senão mesmo impossível?) disponibilizar informações detalhadas e organizadas sobre produtos/serviços no Facebook.
Assim, é importante ter um website, não só porque maximiza a sua visibilidade, mas porque dá a possibilidade de demonstrar o seu projeto/produto/serviço da melhor forma possível.
Então… Deve-se usar um ou outro? Ambos, pois são complementares.
É imprescindível estar presente nas redes sociais, pois são a ponte entre os seus produtos/serviços e os seus clientes/consumidores.
O que distingue um bom de um mau website?FuncionalidadeO website cumpre a função para o qual foi concebido de forma eficiente?
Design (última tendência: material.google.com)O website apresenta uma organização, tipografia, cor, etc. favoráveis à demonstração da informação?
UsabilidadeO website é intuitivo e está feito na ótica do utilizador?
Responsividade O website está preparado para ser acedido através de dispositivos móveis?
Exemplode um bomwebsitecarv.ai
cartoonnetworkstudios.com
Exemplode um mauwebsite
mimarch.net
amc.com/shows/better-call-saul/saul-goodman-esq
Referênciaspara umbom website
• awwwards.com
• pttrns.com
Antes de começar a construiro seu website...
1) Definir quais são as funções e objetivos do website.Exemplo: Apresentar produtos ou serviços.
2) Realizar um estado da arte (state of the art).Ou seja, procurar e analisar websites com funções e objetivos semelhantes às pretendidas.
3) Executar uma análise SWOT (strengths, weaknesses, opportunities, threats).Identificar as forças, fraquezas, oportunidades e ameaças dos websites vistos no estado da arte, para recriar as melhores funcionalidades e evitar os aspetos negativos.
4) Escolher um nome, conceito e estilo gráfico para o websiteEste processo pode ser paralelo ao desenvolvimento da marca/produto/serviço.
Para verificar a disponibilidade dos domínios (i.e. URL): dominios.pt
Ferramentas gratuitaspara construir um website
weebly.comwix.comwordpress.combootstrap.com (extra)
Weebly
weebly.com
Indicado para quem procura uma forma de criar websites simples intuitivamente e sem [possíveis] custos.
VantagensNão exige conhecimentos técnicos (utiliza ferramentas drag & drop).
Disponibiliza templates simples e atualizados.
Tem um sistema de newsletter integrado e gratuito.
Permite monitorizar o tráfego gratuitamente.
Disponibiliza imagens de qualidade gratuitamente.
DesvantagensPor vezes a responsividade falha.
Não permite carregar áudio nem vídeo gratuitamente (embora permita embeber o Youtube).
A estrutura é básica e pouco dinâmica.
As ferramentas de e-commerce não são gratuitas.
Não disponibiliza soluções multilíngue gratuitas.
Weebly
Wix
wix.com
Indicado para quem procura uma forma de criar websites dinâmicos sem [possíveis] custos.
VantagensDisponibiliza uma gama variada de templates (destinada a vários tipos de negócios/projetos).
Os templates são bonitos e dinâmicos (i.e. mais animados e interativos).
Não exige conhecimentos técnicos aprofundados.
Disponibiliza plugins funcionais e gratuitos.
DesvantagensA responsividade é bastante falível.
Por ser mais dinâmico, torna-se pesado e tem uma performance menor (sobretudo em dispositivos móveis).
O backoffice é complexo e lento.
O URL gratuito é muito extenso.
Wix
Wordpress
wordpress.com
Indicado para quem procura uma forma de criar websites expansíveis, robustos e sem [possíveis] custos.
VantagensDisponibiliza uma gama variada de templates (destinada a vários tipos de negócios/projetos).
Os templates são bonitos, dinâmicos (i.e. mais animados e interativos) e robustos.
Disponibiliza plugins diversificados, funcionais e gratuitos.
Conta com uma comunidade de apoio bastante expressiva.
DesvantagensO setup é moroso.
Exige alguma dedicação para compreender como funciona.
Por vezes é necessário ter algumas noções de código.
Wordpress
Bootstrap*
getbootstrap.com
Indicado para quem tem noções de código e pretende uma solução à medida.
*Trata-se de uma Framework Open Source.
Bootstrap
Esta Framework é bastante utilizada e conta com uma grande comunidade de apoio.
Se pretende fazer todo o seu website com as próprias mãos, poderá aprender a programar em codecademy.com.
Onde adquirirum domínio e servidor?
Opção internacional recomendada:godaddy.com
Opção nacional recomendada:amen.pt
Nota: em média, um domínio (i.e. URL) custa 12€/ano e, um servidor, 30€/ano.
E depois do website estar pronto?Dê a conhecer o seu website: use as redes sociais para captar tráfego.
Faça testes de usabilidade (saber mais em: uxdesign.cc): colocar amigos e familiares a experimentar e comentar o website.
Analisar o fluxo/tráfego de utilizadores para melhorar o website: usar o Google Analytics (google.com/analytics).
Aplique técnicas de SEO (curso grátis: udemy.com/whiteboard-seo).
