Fazia tempo que estava a fim de mudar o layout deste simplório blog, por falta de tempo e inspiração, fui deixando para depois, para semana que vem, ou na outra semana ainda… até que, nas breves férias de dezembro passado, tomei vergonha na cara e comecei a efetuar alguns estudos e criar um conceito por traz dele.
Minha intenção com a mudança seria apresentar meu trabalho de forma mais profissional e natural possível, utilizando-se de diversas redes sociais.
Bom, primeiro vamos ao briefing. Sim, também fiz um briefing. Uai.
- Meu site é composto por portfolio e blog e queria que todas as páginas tivessem o mesmo layout. Antes da mudança, o meu portfolio tinha um layout e o blog outro. Queria padronizá-los.
- O layout também deveria ser simples para que pudesse total ou parcialmente ser utilizado nas redes sociais que permitem a alteração do papel de fundo. Nas redes sociais que não permitissem tais alterações, algum outro elemento deveria constar em todas elas, e desta forma, criar uma padronização visual em todas elas.
- Arrumar uma forma de reunir em meu site e blog todas as minhas redes sociais profissionais. Ou seja, além de divulgá-las queria deixá-las de fácil acesso a todos os usuários.
- O foco no portfolio deveria ser imagens grandes e no blog posts com bastante textos e espaço para acrescentar imagens bom boa resolução – isto seria necessário já que o objetivo seria mudar um pouco o foco do blog. Falarei mais sobre isto a seguir.
Antes de prosseguir no desenvolvimento do site, eu deveria definir e conhecer cada uma das redes sociais a que iria utilizar. Tendo conhecimento do meu tempo escasso, deveria também optar por redes sociais que não exigissem muito esforço na atualização ou que o conteúdo não precisasse ser todo de minha autoria. Ok, não estou falando aqui em plágio. Vamos às redes sociais que defini para trabalhar:
- Twitter: Escolhido pela instantaneidade na informação. São poucos caracteres (140) e que diariamente me trazem informações valiosíssimas, assim com posso também enviar notícias de grande importância a todos.
- LinkedIn: Por ser a maior rede profissional, onde negócios são fechados, currículos trocados e novos contatos são feitos.
- Delicious: Este conhecia fazia tempo, mas não fazia uso dele. Utilizava o Google Bookmarks, porém neste você não possui a possibilidade de compartilhar sua lista de favoritos. Então optei por migrar ao Delicious (ainda não migrei tudo, alias, pouca coisa coloquei lá) e aos poucos irei atualizando ele com os sites que visito e gosto.
- Skoob: Sou um novo associado à esta estante virtual de livros. Achei muito interessante a proposta do site e por ser viciado em livros, lá me cadastrei e inseri a minha lista de livros já lidos. O legal no site é você poder compartilhar suas opiniões sobre cada livro. Prometo que aos poucos irei colocando as informações sobre os livros que já li. Afinal, ninguém consegue se tornar antenado no mundo se não ler.
- FriendFeed: Este tem única e exclusiva função reunir 100% das minhas atualizações online, ou seja, qualquer atualização que eu fizer em todas as minhas redes sociais, elas irão aparecer neste endereço.
- Flickr: Irei reunir aqui minhas melhores fotografias. Não sou fotógrafo profissional mas gosto do mundo visto pela lente de uma máquina. Tive que fazer uma limpeza na minha conta e começar do zero, para que tivesse fotos relevantes. Nada daquela tiazona que bebeu de mais e acabou dançando em cima da mesa no final de ano, só fotos legais.
- YouTube: Sempre entrava no YouTube mas nunca me interessei por me logar. Sempre que encontrava algum vídeo legal lá ia eu mandar por e-mail aos amigos. Parei com isto, tomei vergonha na cara e criei um Canal. Nele irei reunir os vídeos que mais me impressionaram pela criatividade, beleza visual e inovação. Nada de vídeos cassetadas e coisas nojentas.
- Google Reader: Já faço uso deste leitor de feeds há muito tempo e começei agora a utilizar a função “Share“, ou seja, quando eu ler algum conteúdo interessante e que esteja voltado para o meu mercado de atuação, irei colocar um “Share” que poderá ser acompanhado por qualquer um. Estes dados também irão aparecer no FriendFeed.
- Facebook: Como nem todos os meus amigos profissionais estão no LinkedIn ví a necessidade em escolher outra rede social que me oferecesse mais possibilidades de contato. Tinha o Orkut e o Facebook. Optei pelo segundo pois o primeiro eu já utilizo ele para contatos pessoais, nada de questões profissionais nele, e assim então vai ficar.
- E por último escolhi o microblog Tumblr: Na verdade ele ainda é novidade para mim, mas após testar outras opções de microblog escolhi o Tumblr por ser mais prático para os meus planos de uso. A intenção com ele é publicar os materiais gráficos que me servem de referência visual. Simples, uma foto e a fonte da imagem. Só isto. Nada de textos.
- E este blog, que apesar de não ser uma rede social é um meio de contato com as pessoas que visitam meus trabalhos. Aqui a intenção é deixá-lo mais para textos e artigos com conteúdo próprio e desenvolvido por mim.
Como é possível observar, escolhi ferramentas que por si só irão andar sozinhas ou com uma ajuda mínima minha, sem que eu necessite de muito tempo para atualizá-las. A maioria delas será atualizada enquanto eu navego pela internet e leio notícias. Mas nem por isso seus conteúdos serão fracos ou desnecessários. Nos próximos dias irei postar mais sobre cada um desses sites.
A divisão feita por mim acima foi feita com base no que cada ferramenta possui de melhor. O Flickr por exemplo, ele tem a possibilidade de se ver vídeos, porém ninguém melhor para fazer isto do que no YouTube, enquanto o Flickr em si é o melhor em compartilhamento de fotos.
Outro fator importante nestas mudanças era não tornar o site/blog restrito à estas redes pré-selecionadas, ou seja, caso apareça outro fenômeno nos próximos meses, posso facilmente retirar algum da lista ou apenas acrescentar outro.
Voltemos então ao layout do projeto. Comecei então a analisar os dois layouts que eu já possuia, o do portfolio e o do blog antigo. Fui selecionando o que eu gostava e o que não gostava em cada um deles. O do portfolio por ser mais recente me forneceu os itens que mais gostava neles e que provavelmente iriam permanecer.
O desafio neste momento caiu exatamente sobre essa enorme quantidade de redes sociais. Como unificá-los em um layout? Como diferenciá-los dos demais links do site e deixá-los fazerem parte do layout de forma amigável?
Durante os rabiscos que ia fazendo fui observando alguns elementos que poderiam servir de norte a seguir. Após os estudos, a melhor solução que encontrei foi fazer uma página inicial cheia de blocos, onde cada bloco contaria com um logo (no caso das redes sociais) e texto (no caso dos links do site).
Os blocos seriam colocar como se fosse um tabuleiro de xadrez. Ao acessar alguma página interna do site (portfolio, blog ou sobre), esses blocos seriam reduzidos e localizados na parte superior, ao lado do logo pessoal.
Outra questão que foi bastante importante neste momento é a de que apenas 6% das pessoas que acessaram meu site nos últimos 2 anos possuem monitor com resolução de 800×600 e que 34% desses visitantes ainda possuem o Internet Explorer 6 (que possui poucas funções da internet nova, por exemplo, não aceita CSS3.).
Com base nestas informações, optei por desenvolver o layout para monitores com 1024×768 pixels de resolução (são 51% dos meus visitantes), enquanto optei também por não utilizar tecnologias mais recentes (o que poderia prejudicar os 34% dos atrasados – Pow gente, mudem pro Firefox ou Chrome).
Para melhorar o aproveitamento da tela e reduzir a polução visual do layout, optei por retirar a famosa barra lateral que existe em 99% dos blogs. Como o foco aqui será o texto, quanto menos elementos houverem para distrair a atenção, melhor. Os botões para compartilhar o post também optei por levá-lo à lateral do post, e desta forma, deixando-os discretos mas de fácil acesso.
A partir daí o desenvolvimento foi fluindo e, uma vez, tendo terminado. Foi só fatiar o layout e ir para o Dreamweaver programar. O maior problema nisto tudo foi o desenvolvimento o template para o WordPress (ferramenta de blog que utilizo). Fazia tempo não programava php e até relembrar algumas coisas fiz muitas pesquisas no Google mesmo.
Bom, é isto galera. Como podem ver, estou inspirado para escrever, aguardem porque agora vai ser assim: bastante texto com conteúdo.
Abs…
Posts relacionados
[...] e utilizar o que cada uma delas possui de melhor. Como já publiquei algo a respeito em “O Conceito criativo por traz deste blog” e “Redes sociais – Integração entre elas – APIs e demais solicitações de [...]
Então agradável este blogue parece muito desenvolvido………bom trabalho
Muito Bonito faz mais posts deste modo !!