E-mail marketing e newsletter são duas ações que necessitam de uma atenção muito especial. Ambos tem como objetivo transmitir informações, promover qualidades de empresas ou até mesmo atribuir mais valor para venda de um produto. Entretanto não é tão simples quanto parece e não se resume a fazer um “panfleto” digital, vai bem além disso.

Antes de começar a explanar o assunto, que tal um pouco de conhecimento básico? É comum escrevermos “email” sem o hífen. O correto é “e-mail” (e: eletronic / mail: correspondência).

E-mail marketing

Antes de qualquer coisa é preciso saber o real objetivo de fazer uma campanha de e-mail marketing. Exemplos de objetivo: vender um produto; anunciar uma promoção; parabenizar por uma data especial (dia dos pais, natal, etc). Com o objetivo traçado podemos iniciar todo o processo da campanha.

Usuários opt-in e opção opt-out

Usuários opt-in: são aqueles que aceitaram fazer parte do seu banco de dados.
Usuários opt-out: permitir ao usuário o cancelamento de recebimento dos emails.

A propaganda eficiente é aquela que consegue atingir seu público-alvo e conquistá-lo. Pense: “eu conseguiria vender uma bola de futebol para uma senhora que seu único hobby é cuidar da sua bela casinha?”. Uma das alternativas para adquirir os e-mails do seu público-alvo é através de formulários de cadastro, onde o usuário aceita receber e-mails de uma determinada empresa. Mas cuidado, mesmo com a existência do formulário, é importante que o mesmo esteja vinculado a um produto na mesma categoria. Continuando com o exemplo da bola de futebol, um bom lugar para esse formulário seria em um bolão.

Tudo pronto, e-mails enviados? Lembre-se que esses cadastros tem prazo de validade. O mesmo usuário que permitia o recebimento de e-mails pode ter perdido o interesse, portanto não esqueça da opção opt-out*.

Newsletter

Ao contrário do que algumas pessoas pensam, newsletter e e-mail marketing não são a mesma coisa. Como o próprio nome já sugere (newsletter: boletim informativo) o propósito é diferente, mesmo que muitas estratégias necessárias para que uma campanha se torne eficiente sejam similares as estratégias de e-mail marketing.

Pense no Newsletter como uma ação para deixar seu cliente mais próximo das suas realizações. O conteúdo de newsletter e e-mail marketing podem até ser o mesmo, mas a abordagem e impacto são diferentes. O newsletter não deve parecer um anúncio e sim um e-mail no qual o usuário conhecerá mais sobre um determinado assunto, atitude ou produto de uma empresa.

Outras boas práticas de e-mail marketing e newsletter

Spam é crime

Crime? Sim, crime! Se quiser mais detalhes sobre o assunto, conheçam o projeto de lei. Existe algo mais incômodo que receber algo que você não quer? Para evitar spam siga os passos abaixo:

• Não envie e-mail para qualquer pessoa só porque sabe da existência daquele e-mail;
• Envie moderadamente, quantidade está longe de ser proporcional a qualidade; e
• Sempre disponibilize a opção de descadastramento (opção opt-out).

Política de Privacidade

Embora pareça exagero criar uma política de privacidade para um e-mail, através dela a empresa transmite mais segurança ao usuário informando por exemplo que seus dados pessoais estão guardados e não serão repassados a terceiros. Elabore uma política de privacidade informando como os dados do usuário serão utilizados, quais métodos foram utilizados para coleta dos e-mails e como fazer descadastramento.

Conteúdo é tudo

Não estamos esquecendo de nada? Independente da qualidade de todo o processo que tivemos até agora, de nada adianta se o usuário não abrir o e-mail. Escolha um assunto relevante, evite títulos em caixa alta para chamar atenção do usuário e não faça nada exageradamente grande (títulos, textos, imagens).

Acessibilidade

Já decidiu qual será o formato da sua campanha? A IAB – Interactive Advertising Bureau recomenda que o e-mail deve possuir o tamanho máximo de 12kb. Essa regra não é “lei”. Por que? Sabemos que a redução no tamanho dos e-mails deve-se ao fato de nem todos possuirem ainda uma conexão banda larga, porém o “tamanho mínimo” pode ser revisto de acordo com cada público alvo.

Exemplo: se o e-mail marketing ou newsletter forem enviados para empresas e pessoas que trabalhem diretamente com internet, a probabilidade de todos terem conexão banda larga é de quase 100% (ao menos pela lógica).

Não esqueça de que são inúmeros os serviços de e-mails, cada um com suas regras, gerando bloqueio em vários tipos de mensagens eletrônicas. Para evitar o bloqueio pelos servidores de e-mails, veja algumas dicas:

• Não utilizar arquivos executáveis
• Links ocultos
• Palavras como “promoção” costumam ser alvo fácil de spam

Design

Não podia esquecer do design, palavra mais importante deste blog. Independente de que tipo de formato enviará em suas campanhas, um bom design ajudará sim a atrair o receptor do e-mail. Quer inspirações? É pra já:

Totally Rad

Eroi

Icon Inc

Fitness 5022

Dekalb

Para concluir sugiro a leitura: “Boas maneiras” nas ações de e-mail marketing, criado pela Associação Brasileira de Marketing Direto (ABEMD).

A web cresce, fica mais rápida, mais fácil, se renova, INOVA e sugere. Já parou para analisar o que tem mudado durante os últimos tempos? Hoje pela manhã li uma notícia no iMasters: “Google Images ganha reformulação no design”. Esta notícia me lembrou de várias coisas boas para serem analisadas e discutidas.

Google Images com novas funcionalidades

O novo Google Images elimina a paginação, carregando novas imagens apenas ao descer a barra de rolagem. Essa é uma das tendências que mais tem ganhado espaço no meu ponto de vista, e como usuário tenho adorado. Nada mais prático do que não recarregar informações desnecessárias como marca do site, menus, etc. Sabemos da tecnologia de cache que armazena informações no navegador, porém mesmo assim gera alguns segundos de lentidão a mais.

Google Images

As informações das imagens como largura e altura serão exibidas quando o usuário passar o mouse sobre elas. Confira mais detalhes sober o novo Google Images na matéria do Imasters.

Lembrei muito do Add-On do Firefox Cooliris, que é antigo e já permitia a visualiação dos resultados de imagens do Google e de outros sites apenas prosseguindo com a rolagem, agora essas funcionalidades estão sendo aplicadas diretamente nos sites. O add-on também tem alguns efeitos visuais bem bacanas. Download do Cooliris (eu recomendo).

Cooliris

Essa tecnologia de carregamento de conteúdo permite melhor agilidade para carregar e facilita ao usuário rever conteúdos anteriores. Já aconteceu com você de após chegar em uma 5 página de resultado de busca ou de blog você querer voltar algumas páginas? Carregar tudo de novo?

Tendência

O Google já adotou há alguns meses essa forma de carregamento através do Orkut, no bloco de comunidades e amigos não é necessário passar páginas, os usuários carregam a medida que baixar a barra de rolagem.

Um exemplo similar? Twitter, para ver mais posts no microblog basta clicar em um único botão: “more”.

Futuro

A minha pergunta é: Será que o Google também vai adotar o carregamento de mais conteúdo a partir da barra de rolagem nos resultados da web? Eu espero que sim, vai causar uma grande mudança para os profissionais que trabalham com SEO além de fazer um bom movimento no mercado de marketing de busca.

Se você faz trabalhos como Free Lancer provavelmente já ouviu a expressão “Site Simples” inúmeras vezes. Mas afinal de contas, o que é um “Site Simples”? Já parou para perguntar a si mesmo? Para falar sobre o assunto eu cito dois termos: opinião e conceito. Ambos os termos são completamente individuais, ou seja, seu conceito e opinião referente a determinado assunto pode ser diferente do meu conceito e opinião em relação ao mesmo.

O que é um site simples?

Seria um site com poucos elementos de design? Quem sabe poucos links…poderia ser também um site sem imagens… Resumindo, o que para um cliente é um “site simples” para o web designer pode não ser e vice-versa. Como distinguir se o cliente está utilizando o termo site simples para tentar reduzir o valor do orçamento ou dizer que é o modelo de site (design + apresentação de conteúdo) que deseja? Cuidado! O termo existe mas não deve ser banalizado.

Reunião com o cliente

Em determinado momento você ouve de seu cliente: “é um site simples”; e agora, o que fazer? Antes de falar sobre qualquer “peça” integrante do website é importante ouvir o que o cliente tem a dizer. Se possível tenha todo o “briefing” anotado ou salvo em seu computador. A partir daí peça modelos de outros sites da mesma categoria e de categorias diferentes ao pedido. Tente analisar onde está tal simplicidade, no design, exposição de conteúdo, quantidade de links, etc.

Caso os exemplos mostrem maior complexidade seja franco e explique características relevantes que fazem do desenvolvimento uma tarefa trabalhosa e que deve ser realizada com cuidados. Mostre sites que você conhece e considera realmente simples e compare com a proposta feita pelo cliente, desta forma ele entenderá melhor.

Alguns exemplos de sites simples

• Sites institucionais: Poucos links (Empresa – Soluções – Contatos), informações resumidas, conteúdo direto.
• Hotsites: Sites de pequeno porte feitos para eventos e promoções.
• Blogs: duas colunas, conteúdo e sidebar para seleção de categorias.

Veja

Restaurante Tigris

Eduardo de La Rocque

Design se encaixa em simplicidade?

Não! Pode até parecer frase pronta maaas… “fazer o simples pode ser complexo“. Lembre-se que independente do tamanho, objetivo e público alvo do projeto o web designer deve fazer o melhor trabalho com total dedicação. Faça um trabalho ruim e seu nome estará na assinatura, ou seja, o sucesso de sua carreira também precisa daquele trabalho “simples”. Por estes motivos o design não pode ser utilizado dentro do termo “simples”, design gera conceito, inova, organiza, surpreende!

Por mais que existam poucos elementos gráficos em um layout, o design para web também envolve hierarquia de informação, disposição de conteúdo para o usuário, tipografia, organização e facilidade na navegação.

E para você caro leitor, o que é um site simples? Comente!

Quem trabalha com arte e design de modo geral todo dia busca novas inspirações para poder inovar e melhorar seus trabalhos. Para quem curte design, não há nada melhor que se inspirar em excelentes profissionais da área. Selecionei uma lista de 10 portfolios de web designers e agências que valem a pena conferir.

Nine Lion

Giblette

Radiiate

Mediocore

Digitalmash

Agence 84

Wevio

Hambo Development

Mike Mattner

Alex Coleman

A partir desta segunda-feira (15) o RGB Magazine traz o 1º Especial Photoshop. Tutoriais, arquivos para downloads e dicas. Todo o material aqui postado tem como público alvo iniciantes e profissionais. Confira o conteúdo.

• Apresentação da interface e de suas ferramentas (nível básico);
• Ferramentas (nível básico) – move tool, marquee tool, lasso tool, magic wand tool, crop tool.
• Trabalhando com camadas;
• Tutorial: Tratamento de imagens – melhorando brilho e contraste (nível básico);
• Tutorial: Recortes profissionais de imagem utilizando a Pen Tool (nível médio);
• Tutorial: montagem utilizando recorte de imagens e gradientes (nível básico);
• Como criar seus próprios gradientes e patterns;
• Sites para download de patterns, gradientes e brushes grátis;
• Photoshop voltado para Web (nível médio); e
• Tutorial: Criando o layout de um site no Photoshop passo-a-passo (nível médio).

Não perca o 1º Especial Photoshop do RGB Magazine. Caso tenha dúvidas sobre os tópicos ou tutoriais envie um comentário.

Este é um tema que já foi e continua sendo motivo de polêmica, gerando debates e a publicação de muitos artigos sobre o assunto. É normal que toda e qualquer empresa que publique seu site queira um site de aparência bonita, atraente e que cause impacto aos visitantes, porém dependendo do público alvo do site, um bom design pode não significar tudo.

Cada negócio sugere um tipo de produto ou serviço, consequentemente a abordagem para os mais variados tipo de negócios será diferente. Quanto mais os anos se passam melhores ficam as ferramentas de desenvolvimento, desta forma, a melhoria visual na internet é surpreendente. Anos atrás você não encontrava por exemplo um site todo em flash, não era tão fácil o acesso via banda larga e os sites costumavam ser mais pesados.

O Confronto

Responda a seguinte pergunta: É melhor um site bonito com conteúdo fraco ou um site de conteúdo relevante e design horrível? Certamente em ambos os casos existem os lados positivos negativos.

Os sites bonitos são capazes de gerar acessos, causar impacto a visitantes e ser admirado, porém caso não haja conteúdo relevante o visitante dificilmente retornará ao site, pois provavelmente irá em busca de conteúdo que tenha maior importância. Ao priorizar o conteúdo de qualidade provavelmente o site terá um
feedback melhor dos visitantes, conseguindo adquirir acessos constantes, entretanto dependendo do baixo nível de design do site pode perder alguns visitantes principalmente se o layout não permitir uma fácil navegação.

O Desafio

Não é necessário pensar muito para concluir que se o seu site consegue manter um alto padrão de design e conteúdo ele terá grande destaque. A partir desta afirmação é importante fazer um planejamento sobre a facilidade e disponibilidade para gerenciar o site. Caso tenha um bom design, bom conteúdo, mas não apresente atualizações, aos poucos os visitantes abandonem as visitas considerando que não encontrarão nada de novo.

Veja abaixo alguns exemplos de quando deve priorizar cada área.

Quando priorizar o Design

• Buffets;
• Lojas de Roupas;
• Festas Infantis;
• Restaurantes; e
• Espaços de Eventos.

Quando priorizar o Conteúdo

• Empresas de marketing;
• Blogs;
• Portais de Notícias;
• Sites Jornalísticos; e
• Sites de Tutoriais.

Dicas

Lembre-se que um dos fatores importantes para estar nas primeiras posições no resultados de buscas é extremamente importante um bom conteúdo. Cuidado para não exagerar em um bom design e o mesmo tornar a funcionalidade do site baixa. Se é capaz de gerar um bom conteúdo aproveite os bons serviços disponíveis na propria internet como Blogs e sistesmas de gerenciamento de conteúdo como Wordpress, Joomla, entre outros.

Passado, presente e futuro, nas três épocas haverá uma discussão interminável sobre a chamada “prostituição na web”. Seja participando de comunidades sobre Design em redes sociais ou conversando com colegas da mesma área de trabalho, um assunto que nunca deixa de estar em pauta é a “prostituição” cometida por alguns designers. É muito comum encontrar designers que cobram até R$ 100 reais no layout de uma página (acredite, é verdade).

Os Iniciantes

O início costuma ser difícil, principalmente para entrar em um mercado competitivo com padrões de qualidade. Assim que uma pessoa se lança no mercado utilizando a nomeação de que é um Designer, ela precisa de um Portfolio para apresentar a qualidade de seu trabalho. Então vem a pergunta, como conseguir os primeiros trabalhos para gerar um portfolio cobrando caro? Alguns designers costumam fazer trabalhos próprios para utilizar como referência, outros vão em busca de cobrar barato até que tenha um portfolio realmente apresentável e que por consequência possa cobrar valores mais altos.

O problema é até onde os valores baratos para criar portfolio podem chegar. O profissional tem que saber que quando seu trabalho evolui está na hora de reaver os valores cobrados. Infelizmente muitos se submetem a cobrar durante anos sites por R$ 100, R$ 200, R$ 300, não peçam explicações pois eu não saberei como responder.

Os Plagiadores

Pessoas que dominam as ferramentas (photoshop, dreamweaver, flash, etc) mas não tem criatividade ou capacidade de desenvolver um projeto do início. A solução para elas é a utilização de templates prontos ou fazer cópias fiéis de layout.

Já ouviu falar que na internet você encontra tudo?

Download grátis tem um potencial imenso na internet. Essa é uma fonte que nunca vai acabar para pessoas que copiam diariamente templates para clientes alegando ter desenvolvido. O RGB Magazine também oferece download grátis de ícones, templates e outros. A culpa pela “prostituição na web” não ocorre devido a estes downloads, continue lendo para saber que tal “prostituição” traz benefícios para bons designers.

As Empresas que contratam serviços de Web Designers

Assim como designers que cobram barato existem as empresas que correm atrás desse preço sem preocupação com a qualidade. Provavelmente não se deram conta da importância da internet na atualidade. Toda empresa que se preze busca ter seu site publicado, por mais simples que seja (simplicidade não é igual a um site de baixa qualidade). Uma empresa que escolhe um serviço mais caro e bom ao invés de um barato e ruim com certeza tem maior respaldo no mercado.

É possível competir com orçamentos baratos?

Não existe competição para isso. Estas pessoas que se denominam profissionais e cobram valores fora da realidade sempre serão opção por aqueles que preferem preço ao invés de qualidade. A qualidade do profissional que poderá fazê-lo estar a frente dos outros.

O Benefício e Valorização

Se você é designer pare de se preocupar com aqueles que se “prostituem”. Quanto maior o número de pessoas que copiam ao invés de criar, maior será a sua valorização e mais evidente se tornará a qualidade do seu trabalho. As empresas que optarem pagar um valor considerável por um site serão aquelas quem lhe tornaram referênciam, sendo assim, o mercado de trabalho lhe dará mais valor.

Participe

Envie sua opinião, sugestões, experiências ou críticas. Deixe seu comentário.

Seja um iniciante ou um profissional, os estudos contínuos na área de desenvolvimento web são fundamentais para manter-se atualizado das novas tendências além de melhorar a qualidade do trabalho desempenhado.

No início de uma carreira de Web Designer as primeiras preocupações serão evidentes, principalmente em relação a desenvolver um layout bonito e que agrade os clientes. Após o layout a segunda parte do processo é transformar o arquivo de imagem do layout para a linguagem web, ou seja, o bom e velho html. Por último, dependendo da necessidade, tornar o site dinâmico, neste caso apenas alguns web designers se arriscam em programar, pois é uma área distinta e que não é obrigatória para indicar a qualidade de um designer. Geralmente os designers trabalham em parcerias com programadores e vice-versa.

Com um certo período de experiência o web designer começa a ser mais visto no mercado de trabalho e seu nome ganha mais espaço. Eis que surgem novos desafios. Criar um layout, fazer o html e deixá-lo dinâmico pode não ser tudo.

Etapas básicas:

1. Criar o layout em um programa gráfico (photoshop, fireworks ou outro de acordo com a preferência);
2. Fazer o html do layout desenvolvido;
3. Programar o site (geralmente terceirizado com um profissional da área).

Durante o desenvolvimento destas etapas, principalmente das duas últimas (html e programação) existem diversos pontos importantes a serem aplicados, veja a seguir.

Estudos e Técnicas importantes:

1. Desenvolvimento do html através de CSS (forma de desenvolvimento conhecida como tableless)

Por muitos anos foi utilizado na internet o padrão de html feito em tabelas, uma linguagem que já está fora dos padrões atuais. O html que utiliza a técnica Tableless torna o site mais acessível e leve.

2. Validação do site pelos padrões W3C

Embora ainda exista uma resistência de alguns desenvolvedores, ter um site validado pelos padrões W3C é importante para manter um padrão de alta qualidade. Um grande desafio para o desenvolvimento de alguns sites é a utilização de hacks para o Internet Explorer 6, pois muitos destes hacks não são aceitos pelo W3C.

3. Técnicas de Otimização para motores de busca (SEO – um dos pontos chaves de estudo web)

Este é um dos pontos mais importantes a serem considerados caso o site desenvolvido tenha como principal público alvo visitantes via motores de busca (Google, Yahoo, Msn, entre outros).

Veja abaixo alguns links úteis.

Desenvolvimento em Tableless (CSS)

• Site sobre CSS e Web Standards: www.maujor.com

Validação do seu site pelo W3C

• Xhtml: http://validator.w3.org/
• CSS: http://jigsaw.w3.org/css-validator/

SEO – Search Engine Optimization

• O que é SEO (estudos iniciais): http://www.rgbmagazine.com.br/desenvolvimento-web/iniciando-estudos-sobre-otimizacao-para-motores-de-busca-seo/
• Analise o SEO Score do seu site: http://whois.domaintools.com/
• Dicas e explicações sobre SEO: www.mestreseo.com.br

Todos os tópicos citados nesse post receberão atenção especial. Vale lembrar que os estudos devem ser feitos sem pressa, pois toda informação é importante, por menor que seja. Fique atento as novas postagens, se quiser um tutorial específico basta enviar uma mensagem através do link http://www.rgbmagazine.com.br/pedidos/

Existem inúmeros fatores que devem ser levados em consideração no desenvolvimento de um site, dentre eles a organização e legibilidade do conteúdo. É necessário estar sempre atento a Tipografia, espaçamentos, alinhamentos e organização entre os elementos.

A legibilidade é uma qualidade que determina a facilidade de leitura de alguma coisa. A partir desta definição devemos fazer uma série de análises para que a leitura de nossos textos sejam mais legíveis, consequentemente mais eficazes.

Tipos e Tamanhos de fontes

É natural que quanto menor seja uma fonte, menor será sua legibilidade. Por isso uma das primeiras regras no desenvolvimento do seu site é evitar ao máximo a utilização de fontes pequenas.

Até onde uma fonte é pequena para web? Para textos corridos, recomenda-se o tamanho mínimo de 12px. Além disso é importante lembrar das duas fontes mais utilizadas na internet, que são Arial e Verdana. Ambas não possuem serifa, o que facilita na leitura. Ainda é muito utilizado o tamanho 11px em rodapés ou em locais que o conteúdo apresente menor relevância para o site.

Contraste entre cores

Na web o constraste entre cores é fundamental para legibilidade de um texto. Utilizar plano de fundo claro com fontes claros prejudicará a leitura, o mesmo ocorre quando utilizamos plano de fundo escuro com fontes escuras.

Com base nisso é utilizado o contraste entre cores. Contrastar exageradamente também não é aconselhável, por exemplo, caso esteja utilizando plano de fundo branco (#FFF) não recomenda-se a utilização de uma fonte com 100% de preto (#000), pois este contraste tornará a leitura cansativa. Neste exemplo com o plano de fundo branco (#FFF) é recomendável a utilização de um tom de cinza (#444), mantendo um constrate visível porém menos irritante aos olhos.

Alinhamento

O alinhamento do texto em um layout é fundamental para definir o nível de legibilidade do mesmo. Embora o padrão de alinhamento justificado possa ser o mais fácil de ser trabalhado e fique mais bonito, ele poderá reduzir a facilidade de leitura do texto. Na web, quando um texto está utilizando o alinhamento justificado, os navegadores tentam compensar os espaços entre as palavras, desta forma, a medida que estes espaços aumentam o cérebro precisa se adaptar a nova formatação causando um atraso na leitura.

Espaçamento entre linhas

Quanto maior o espaço entre as linhas maior será a definição, o agrupamento e a diferenciação das mesmas. É preciso ter cuidado com o excesso de espaçamento , pois este poderá tornar a leitura cansativa. No caso do layout RGB Magazine foi escolhido a fonte Verdana, tamanho 12px e espaçamento entre linhas de 20px.

Organização de elementos

Além dos textos é importante ficar atento a separação de todo e qualquer elemento presente no layout da página. É através dos espaçamentos que o usuário poderá distinguir facilmente as áreas do conteúdo exibido. Procure definir espaçamentos padrões de largura e altura, isto poderá tornar o layout mais agradável e ainda melhorar a legibilidade.

Quando é feita uma leitura de um site e se chega ao fim de um determinado elemento, o usuário procura imediatamente o próxima linha de texto ou o próximo elemento, por isso, é importantíssimo organizar as informações de acordo com a relevância que queira passar para o visitante do site.

Estes são alguns critérios básicos para que consiga desenvolver um site legível e de fácil navegação.

Confira o primeiro Template Grátis desenvolvido pelo site RGB  Magazine.

• Template: 1
• Tema: Agência Web
• Desenvolvimento: Rafael Marques
• Tipo de Arquivo: .psd (Photoshop)
• Largura do layout: 940px
• Resolução Indicada: 1024 x 768

Fazer download do Template 1

Conheça os Termos de Uso.