26 de outubro de 2010

30 Topos de Sites realmente incríveis!


O Topo ou cabeçalho é uma das partes mais importantes de um site e que provoca uma excelente primeira impressão nos visitantes. O desenho do cabeçalho é frequentemente notado primeiro do que o conteúdo do site ou blog e é por isso que é muito significativo para a maioria dos designers criar um cabeçalho atraente e artístico. Se o design do seu topo não é atraente, os visitantes podem deixar seu site, sem sequer olhar para o conteúdo. Um site que apresenta um cabeçalho criativo e artístico se destaca na multidão.
Você tem um site ou blog mas o cabeçalho 'não está lá essas coisas'? Então fale comigo e vamos criar um topo show para o seu site marcar presença na rede! E-mail me: crisdesignweb@gmail.com :D
Neste post, você vai encontrar 30 Modelos de Topo que encontrei nas minhas navegadas pela web. Esses sites foram criados em Wordpress (lógico neam... rs) 
Curta aí!

Meomi

Cosmive


ReservoirBuzz


BLOG.spoongraphics


Kitaro10

Cute Little Factory

Blog

Jackson Jan Kent

Pixelcool

Webdesigner Depot

WebDesignerWall

Ascendance Rádio

Cad Web Design

Tut Candy

Jason Bradbury

That Indie Dude

Juan Diego Velasco

Garamiz

N. Design Studio

Duirwaigh Studios

MplusZ

Corvus Arte

blog Webstaze

Monster Delicious

Dreamten Studios

Button Post

Toucouleur

By Marina

Extend

FeedStitch


25 de outubro de 2010

O que você precisa saber para criar um excelente E-mail Marketing



Mecanismos de Renderização ou Rendering Engines


Assim como os navegadores, todas as aplicações de email são diferentes entre si, e essa diferença se deve, em grande parte, ao mecanismo de renderização de HTML que elas utilizam. Um mecanismo de renderização (ou rendering engine) é, muito resumidamente, um sistema que interpreta informações de formatação (CSS, XSL) e de marcação ( HTML, XML, imagens etc) e as transforma em conteúdo visual na tela. Não há um padrão estabelecido entre eles e, infelizmente, temos que adaptar nosso trabalho em função desta diversidade.


Os navegadores utilizam os rendering engines para exibir páginas da web e as aplicações de email os utilizam para exibir mensagens com formatação HTML. Alguns clientes de email desktop utilizam o mesmo mecanismo de renderização de navegadores. O Thunderbird, por exemplo, utiliza o mesmo rendering engine do Firefox. Basicamente, o que funcionar no Firefox também vai funcionar no Thunderbird. O mesmo acontece entre os Outlooks Express, 2002 e 2003 e o Internet Explorer.


Se todos funcionassem assim, menos mal. Porém, em email marketing, ainda temos que considerar o acesso dos webmails através dos diferentes navegadores. Uma mensagem visualizada no Hotmail pelo IE é diferente desta mesma mensagem visualizada no Hotmail pelo Firefox. Podemos dizer, então, que os render engines de cada aplicação são grandes causadores de problemas para o email marketing. O que podemos fazer é adaptar o código HTML das mensagens em função dos problemas encontrados em cada uma.


Por isso, neste post, vamos abordar as principais características de webmails e clientes desktop que influenciam na renderização do template. Identificando os problemas, podemos encontrar as melhores soluções.


Clientes Desktop


Existem duas característica comuns entre os clientes desktop. 
A primeira, é o suporte a CSS inline, incorporado e até mesmo externo. Porém, devido à limitação dos webmails, recomenda-se utilizar somente CSS inline. A segunda é o bloqueio de imagens. Todos eles bloqueiam as imagens de mensagens enviadas por remetentes desconhecidos. Uma vez que o endereço do remetente é adicionado como contato, as próximas mensagens não sofrerão o bloqueio de imagens.


Thunderbird
Bloqueia as imagens de mensagens enviadas por remetentes desconhecidos. Uma vez que o endereço do remetente é adicionado como contato, as próximas mensagens não sofrerão o bloqueio de imagens.


Outlook 2002, 2003 e Express
Não suportam imagens em PNG com transparência


Outlook 2007
Não suporta GIF animado
Distorce a aparência de elementos de formulários
Não suporta colspan ou rowspan em células de tabela
Não suporta o atributo alt em imagens
Não suporta as propriedades width e height de CSS
Não suporta posicionamento de elementos via CSS (propriedades position, top, bottom, left, right, clear, float e z-index, entre outras)
As imagens precisam ter suas larguras definidas na tag. Caso contrário, elas serão expandidas para a largura de uma linha inteira na visualização com as imagens bloqueadas.
Não suporta imagens de fundo, independente de serem inseridas através de CSS ou de atributos do HTML.


OBS: A versão 2007 do Microsoft Outlook apresenta muito mais problemas do que as versões anteriores porque, nesta, a Microsoft trocou o mecanismo de renderização. Ao invés de usar o mesmo do Internet Explorer, assim como as versões até 2003, o Outlook 2007 utiliza o rendering engine do MS Word. Na prática, é quase o mesmo que dizer que se algo não funcionar no Word, então também não funcionará no Outlook 2007. Sem dúvida, esta alteração representou um grande retrocesso no suporte a mensagens em HTML, visto a quantidade (e gravidade) de problemas encontrados.


Outlook 2010
A Microsoft afirmou que pretende manter o Word como rendering engine do Outlook 2010, assim como já acontece no Outlook 2007. Isso significa que os problemas mencionado neste post para o Outllook 2007 não serão  resolvidos.


Windows Mail e Windows Live Mail
Bloqueia as imagens de mensagens enviadas por remetentes desconhecidos. Uma vez que o endereço do remetente é adicionado como contato, as próximas mensagens não sofrerão o bloqueio de imagens.
Suporta CSS inline, externo e incorporado
O Windows Mail não suporta a propriedade margin de CSS


Webmails


TerraMail (versão com painéis)
O espaço para a exibição das mensagens tem fundo cinza no tom #f9f9f9. Mensagens que precisam de fundo branco devem ter esta cor especificada como cor de fundo da tag apropriada (td, table, body).
Modifica a aparência dos textos inseridos dentro da tag strong. Apesar de não ser semanticamente correto, recomenda-se utilizar o antigo b para produzir o efeito de negrito.
Suporta apenas CSS inline
Não suporta a propriedade margin de CSS
Elementos de formulário devem ter atributos de largura e altura declarados na tag para que não tenham suas dimensões alteradas pelo webmail
Não insere o espaçamento característico entre parágrafos


TerraMail (versão clássica)
Não suporta as tags strong e em do HTML. Utilizar b e i, respectivamente, como alternativa para produzir os efeitos de negrito e itálico.
Não suporta cellpadding ou cellspacing em células de tabela


IG / iBest / Gmail antigo
Não suporta imagem mapeada (os links serão desabilitados).
Bloqueia as imagens de mensagens enviadas por remetentes desconhecidos. Uma vez que o endereço do remetente é adicionado como contato, as próximas mensagens não sofrerão o bloqueio de imagens.
Suporta apenas CSS inline.


Gmail
Suporta apenas CSS inline.
Não suporta imagens de fundo e nem a propriedade bgcolor. Para exibir cor de fundo no corpo da mensagem, utilizar a propriedade background-color de CSS. A tag body só aceita a propriedade background-color de CSS. As demais propriedades devem ser inseridas nas tags de conteúdo.
Não suporta imagem mapeada (os links serão desabilitados).
Bloqueia as imagens de mensagens enviadas por remetentes desconhecidos. Uma vez que o endereço do remetente é adicionado como contato, as próximas mensagens não sofrerão o bloqueio de imagens.


UOL (antigo)
Suporta vídeos e objetos SWF.
Não suporta CSS de nenhuma maneira (incorporado, externo ou inline).


BOL/UOL/Zipmail
Suporta vídeos e objetos SWF.
Não permite o correto preenchimento de formulários por acionar atalhos de funções (Responder, Encaminhar, etc) ao digitar determinadas letras.
Não suporta links do tipo âncora.
Suporta apenas CSS inline.


Windows Live Hotmail
Acessando a partir do Firefox, acrescenta um espaçamento ao redor das imagens, prejudicando a visualização de templates cujo design depende do alinhamento exato entre duas ou mais imagens. Para corrigir, acrescentar style=“display: block;” em todas as tags de imagem.
Suporta apenas CSS inline
Não suporta imagens ou cor de fundo no body, independente de serem inseridas através de CSS ou de atributos do HTML.
Não envia o conteúdo preenchido em formulários
Bloqueia as imagens de mensagens enviadas por remetentes desconhecidos. Uma vez que o endereço do remetente é adicionado como contato, as próximas mensagens não sofrerão o bloqueio de imagens.
Não suporta a propriedade margin de CSS


Yahoo! Mail
Não suporta imagem mapeada (os links serão desabilitados).
Suporta apenas CSS inline.
É o único cliente de email que suporta a propriedade list-style-image de CSS.


Como estas aplicações podem se modificar a qualquer momento, algumas das observações verificadas neste post já podem ter sofrido alterações. Pesquise sempre antes de criar um template de e-mail marketing e principalmente codificá-lo!


Gostou deste post? Faça uma blogueira feliz! Comente :P

23 de outubro de 2010

A importância da frequência no envio de E-mail Marketing



Veja um exemplo de e-mail marketing aqui.


email marketing é uma fantástica ferramenta de comunicação. É a forma mais eficaz de manter seus clientes cativos, entrando em seu site, lembrando de sua marca e consumindo seus produtos. Em um negócio tradicional, numa loja de shopping, por exemplo, a simples presença de um letreiro já faz, em parte, essa função. Num negócio virtual, ou, na parte virtual de um negócio, o email marketing assume essa tarefa.
cada venda realizada pelo seu site de ecommerce, você não apenas efetua a venda, mas também cria uma relação com o consumidor, a qual lhe permite, se autorizado, enviar emails periódicos para o consumidor e assim convertê-lo em um cliente usual de seus produtos e serviços. Seus clientes e a autorização deles para receber seus emails, mesmo não estando no balanço patrimonial de sua empresa, são um ativo valioso!
Qual é a melhor frequência?
Num email marketing a frequência do envio vai determinar o sucesso de sua campanha. Uma vez por semana é o ideal. Vamos analisar:
  • emails enviados todos os dias irritam o usuário e a chance de ele pedir para sair da lista é grande. Provavelmente ele fará isso no primeiro mês. Ninguém gosta de receber muitos emails, ainda mais sobre o mesmo assunto. Somente envie diariamente se for um email que o usuário precisa e quer ler todos os dias. Email com notícias da área que o usuário gosta de ler, ou de informações específicas para o negócio dele, podem ser enviadas sempre que necessário (exemplo, um relatório financeiro que o usuário precisa ler todos os dias). Não confunda email marketing com email de informações. Email de informações nem estamos discutindo a frequência. Faça conforme necessário.
  • emails enviados uma vez por semana é o ideal. Imagine que seu cliente esteja numa semana com muitas tarefas, entrevistas, um projeto importante. Provavelmente ele vai passar os olhos pelo email que você enviou mas não vai efetuar compra alguma de você, pois ele não tem tempo. Mas, na semana seguinte ele vai receber outro email de sua empresa e aí ele irá lembrar da oferta da semana passada e talvez agora venha a comprar.
  • emails enviados quinzenalmente e mensalmente, até fazem o trabalho, quase como o semanal, e em muitos casos é o que deve ser feito. Tudo depende do grau de importância do teu produto para o consumidor. Produtos importantes para o negócio do cliente, mais ele vai aceitar receber com maior frequência. Outro motivo, é a periodicidade da compra em seu mercado. Por exemplo, numa revenda de automóveis, a periodicidade da troca de veículos pelo consumor é de, digamos, 36 meses. Então, um email quinzenal ou talvez até mesmo mensal é preferível.
REGRA DE OURO:
Você fez todo o trabalho básico, vendeu, solicitou autorização aos clientes.
Jamais deixe de enviar um email por mês aos seus clientes. Veja qual a melhor periodicidade (de preferência semanal) e envie SEMPRE um email dentro dessa melhor periodicidade.
Não deixe de usar esse ativo (seus clientes) a seu favor!

Não consigo enviar toda semana!

frequência é difícil de manter. Criar a idéia, a arte, pedir autorização aos clientes, isso você faz ou manda fazer. Agora, mandar sempre e usar ao máximo esse ativo parece simples de executar, mas não é.
Por que é difícil de manter a frequência? Normalmente funciona assim:
  • o diretor de marketing tem uma idéia no final de semana, chega na segunda-feira na empresa, acaba escrevendo a idéia da peça só no final da tarde e envia para a agência ou profissional de design criar a arte.
  • a agência/profissional na terça-feira está ocupada(o), mas ainda assim consegue enviar a versão inicial para aprovação no final do dia
  • na quarta-feira o diretor manda sugestões, pela tarde
  • a agência/profissional só devolve na quinta
  • na sexta-feira o diretor decide por não enviar o email marketing, pois já percebeu, por experiência, que sexta-feira não costuma, em seu ramo, ser um dia ótimo para disparar o email.
Assim, o que era para ser semanal acaba sendo quinzenal. Mas, na semana seguinte, o diretor acaba por ficar ocupado e não tem tempo de acompanhar o processo. Falha mais uma semana. Na outra semana, tem um novo fluxo de criação. Falha mais uma.
Então ficamos assim:
  • semana não (criando arte)
  • semana sim
  • semana não (diretor ocupado)
  • semana não (criando arte)
  • semana sim
Em 5 semanas, apenas 2 envios. Era para ser semanal. E é assim mesmo que acontece!

Como manter a frequência

Eis um roteiro fácil de ser seguido:
  1. Quem prepara a idéia: equipe de marketing da empresa. Envia um email com o rascunho da idéia, com formatação dos títulos para o setor/agência/profissional que vai criar a arte.
  2. Quem prepara a arte: normalmente as empresas já possuem um responsável por fazer o site e este profissional/agência, se for terceirizado, facilmente irá aceitar um contrato fixo por um preço reduzido para criar uma arte por semana. O que pode girar em torno de R$ 400,00 por mês.
  3. Uma solução simples para manter a frequência e que no comércio é usada desde sempre: estoque. O marketing, uma vez por mês, numa semana de inspiração, cria meia dúzia de idéias, envia para a criação e já deixa a arte salva na ferramenta, só aguardando o clique para o envio. Simples, prático e funcional.
    É simples, mas se não criar estoque você não irá atender a frequência planejada.
  4. Utilize uma ferramenta profissional para disparar o email marketing. A ferramenta deve disparar no mesmo dia os emails, oferecer relatórios de visualizações e cliques e retornos de email. Deve remover automaticamente os usuários que não desejarem mais receber emails e deve permitir o cadastro de novos assinantes diretamente de seu site (na área “receba nossos informativos”). 
Se a sua empresa necessita de uma campanha de E-mail Marketing, estou à sua disposição. Trabalho com criação de layout/codificação e envio de e-mail marketing há pelo menos 2 anos e é indiscutível o poder que um e-mail marketing tem para um negócio online. Crie já o seu! Fale comigo - crisdesignweb@gmail.com :)


Veja um exemplo de e-mail marketing aqui.

21 de outubro de 2010

Blog RoadsOn - Cauê Quadros

Customização do Blog do Cauê Quadros, RoadsOn! O meu amigo designer Carlos Lemes criou o primeiro layout e eu adaptei para o Blogger. Depois o Cauê solicitou algumas mudanças no layout e eu fiz um novo topo e fundo.
O novo logotipo do Blog está para ser criado.


Confira: http://roadson.blogspot.com








Customização de Blogs do Blogger? É comigo mesmo! :)






Brigadeiros necessários para esta criação:

Novo blog no forno!

Olá webers!

Estou desenvolvendo o meu novo blog, dentro de alguns dias já estará no ar. Enquanto isso, conheçam um pouco mais do meu trabalho aqui!
Qualquer dúvida, informações sobre o meu trabalho, preços e prazos, me contatem!
E-mail: crisdesignweb@gmail.com
Cel.: (21)9217-1861 - Tim

Beijus!!

Kelly Fontes Fotografia - Blog

Blog respeitando a identidade visual do site da fotógrafa Kelly Fontes.
Confira: http://www.kellyfontes.com.br/blog











Lindo efeito quando as fotos são clicadas...




Blog customizado no Blogger ou Wordpress? Sim, eu faço! :)



Brigadeiros necessários para esta criação:

Kelly Fontes Fotografia - Site

Site da Fotógrafa Kelly Fontes, com galeria de fotos em JQuery. 



Site para fotógrafos, com galeria de fotos dinâmica? Sim, eu faço!


Brigadeiros necessários para esta criação:



Posts Relacionados