Designers vs Developers (clique para ver o infográfico)

Trabalhando em equipe

Tudo começa mais ou menos no segundo semestre de 2009 quando eu fiz junto com o Cayo Medeiros (@yogodoshi), o projeto ‘Tudo é Turismo‘, o nosso primeiro em WordPress. A partir daí, foram mais 4 projetos na seqüência de muito trabalho nessa parceria. Enquanto eu fazia o atendimento junto ao cliente e criava os layouts em PSD, o Cayo implementava no WordPress e trabalhava na programação de cada caso. Esse período durou um intervalo de tempo de 1 ano e por causa disso, a relação precisava ser afinada, para que tudo saísse corretamente. Sempre trabalhei na criação deixando o PSD o mais amigável possível para o Cayo. Renomeava todas as ‘layers’ e pastas para que ele soubesse exatamente em que elemento estava manipulando.

Nós conversávamos muito em busca de otimização dos processos, mas foi só no 15º EDTED da Arteccom, mais precisamente numa oficina promovida por um amigo em comum, o Bernard de Luna, é que essa dificuldade tomou um rumo mais profissional. Bernard apresentou junto com o Victor Montalvão a “Oficina de Planejamento Corte: Seu layout virando código“, que ensinava como criar layouts pensando no desenvolvedor. O Cayo esteva presente no EDTED e postou no Twitter que gostaria que eu estivesse lá para assisti-la. Eu estava mega ocupado com outro projeto, mas no fim do dia, recorri ao Slideshare e encontrei essa maravilha de PPT que mudou a minha forma de criar layouts.

Desde então eu comecei a desenvolver com o Cayo, um jeito consciente de criar layouts com o Photoshop. O Cayo, obviamente, adorou. Além dele, mais 5 outros front/Back-end já trabalharam em meus projetos e TODOS pediam para eu contar como fazia aqui no blog para outros designers ‘se empolgarem’! Então, aqui estou! ;-) Hoje eu conversei com o Bernard por Skype em busca de mais informações voltadas para o público do blog e anotei algumas dicas pra vocês.

Como começar a fazer layouts pensando no desenvolvedor?

Para mim, tudo começa bem quando o projeto tem início num wireframe bem montado e discutido com quem vai trabalhar nele. Antes mesmo dessa peça chegar até o meu cliente, eu costumo apresentar o wireframe ao desenvolvedor em busca de problemas, gargalos técnicos, e inconsistências na acessibilidade e usabilidade, quando não converso antes mesmo de fazer o wireframe. O trabalho em equipe é sempre benéfico para o projeto.

Começando um projeto criando um Wireframe em conjunto

Outro ponto importante é usar ‘grids’ com linhas-guias bem definidas. Com ela, toda a interface é mapeada mais facilmente. Uma que usei bastante tempo foi a do projeto Grid 960. Esse projeto é um tanto controverso. Há quem defenda e quem critique, o próprio Bernard não curte muito argumentando que ele é um bocado difícil de se atualizar layouts. O que ele recomenda é o uso de um ‘grid próprio’ para os seus projetos. Eu compartilho dessa mesma postura e uso um arquivo de layout padrão no Photoshop e hoje eu disponibilizo para vocês abaixo. Digam o que acharam nos comentários, ok!? Podem sugerir mudanças e novas soluções. Fiquem à vontade para criticar.

Meu arquivo modelo de PSD

Deslayoutando o PSD

• Renomeie todas as ‘layers’ (camadas) no Photoshop – Nada de enviar arquivos cheio de ‘layer32′, ‘layer74′ para o desenvolvedor. Dê o nome exato do que é o elemento. Tente usar nomes o mais curtos possíveis, mas nada de abreviações pouco intuitivas. Essa regra vale também para as pastas. Header, main, footer, sidebar são bastante identificáveis. Assim fica muito mais fácil para o desenvolvedor saber se está na pasta do topo ou do rodapé. Além disso, você pode definir uma cor para cada grupo do site, sendo que todos os elementos internos sigam a mesmo cor.

Renomeie todos os elementos, de camadas a pastas e separe os grupos por cor

• Pasta de elementos do “topo” deve ficar no ‘topo das pastas’ na estrutura do documento  – pode parecer bobagem, mas o posicionamento das ‘layers’ e ‘folders’ precisam acompanhar o layout.
• Pasta do projeto – Não é só o arquivo de Photoshop é que precisa de atenção. A pasta do projeto na sua máquina deve conter todos os elementos de apoio do layout. As fontes, ícones, imagens, etc, devem ser enviadas ao desenvolvedor ‘zipadas’ (ou fazendo Upload usando o DropBox) para que ele saiba exatamente onde estão.

Organize a sua pasta local divididos por tipo de arquivo

• Ícones no seu tamanho original – outra dica com os ícones é jamais redimensioná-los. O Bernard me contou que muitos designers alteram o tamanho do ícone dentro do PSD para que caibam no layout. Isso, além de ferir a criação de outro profissional que criou o ícone, modifica certas nuances do elemento. O ideal é buscar o ícone no tamanho desejado. Um dica bacana do meu amigo é o site Icon Finder, que faz buscas por palavras-chaves no tamanho desejado. Muito legal!

Icon finder - Escolha ícones para o seu projeto facilmente

• Fechamento de arquivo – E a dica mais importante de todas que eu acho é a de duplicar o seu arquivo PSD e fazer o ‘fechamento para o desenvolvedor’.  No arquivo duplicado você retira todos aqueles efeitos de camadas dando um ‘merge’ (fundir) nos elementos, pois essas camadas só atrapalham a manipulação de quem trabalhará fazendo ‘slices’ (recortes). O arquivo ficará com bem menos camadas e será bem mais fácil de usar.
  Veja um exemplo abaixo de como fazer.

Fechando o arquivo PSD para o desenvolvedor

Selecione as camadas com filtros especiais e use a função 'fundir'

• Documentação do layout – E por fim, crie um documento com todas as informações de família de fontes, tamanho, cores, espaçamentos, estilos e tudo mais que possa facilitar o trabalho do desenvolvedor, além de valer como forma de check-list para nós designers, em busca de inconsistências no layout.

Jogando igual ao Barcelona FC

E para finalizar, a última dica é “sejam como o time de futebol do Barcelona“. Nada adiantaria ter os melhores profissionais da atualidade se eles não jogassem tão próximos um dos outros, dando toques curtos de forma simples e objetiva. Por isso eles são praticamente invencíveis!

Time da Agência Izanagi. O verdadeiro Barcelona da Zona Oeste do RJ

Faça layouts pensando no seu companheiro, aproxime-se dele, e trabalhe de forma rápida, simples e o resultado será uma grande economia de tempo e retrabalho!

Abraços e até o próximo artigo galera!

Com essa ferramenta será possível mostrar slides, imagens, vídeos enquanto nós explicamos os conceitos do que é aplicado. Além do meu curso de produtividade, estarão presentes também o próprio Guga Alves com o seu curso “WordPress, pontapé inicial” e o grande Israel Degasperi do Mídias Blog com o curso “Mídias Sociais: O dia-a-dia do profissional de Social Media“! Legal né!?

Mas o que você vai falar no curso?

A ideia é introduzir o conceito de gestão de demandas do GTD (Getting things Done) usando o famoso software Remember the Milk, além de vários programas de apoio como Slim Timer, Evernote, entre outros. Serão 3 dias de curso com 3h cada, recheados de “slides caprichados” e muita dica pra você se tornar produtivo mesmo no caos digital em que vivemos.

Acesse a ementa do curso e fique por dentro de tudo que você aprenderá.

Curti! Mais aí, quando vai ser o curso?

Você pode fazer todos os cursos tranquilamente. Veja abaixo como ficou a grade de programação e programe-se:

• WordPress, pontapé inicial (Guga Alves) – dias 29 de março, 03, 05 e 10 de abril de 19:00 as 22:00h;
• GTD – Gestão de Produtividade Pessoal (Eu) – dias 12, 14 e 19 de março de 19:00 as 22:00h;
• Mídias Sociais: O dia-a-dia do profissional de Social Media (Israel Degasperi) – dias 15, 20, 22 e 27 de março de 19:00 as 22:00h.

Vamos ao que interessa: quanto vai custar? Afinal tenho que guardar dinheiro pro Carnaval né!?

Como cada curso tem uma grade e uma quantidade de horas específica, os preços obviamente são diferentes. O meu custa R$ 180,00 no PagSeguro e você pode parcelar em até 12 vezes (faça uma simulação no próprio site). Então se você quiser fazer só o curso de GTD, matricule-se nesse link e garanta a sua vaga. O número de alunos é limitado, portanto corra!!!

Pô Cristiano, não vai rolar nenhuma promoção?

E como normalmente acontece por aqui, eu sempre consigo uma cortesia para sortear entre os leitores e dessa vez não será diferente. Vai rolar uma cortesia de 100% exclusivamente para o meu curso de produtividade com GTD. Para isso, basta publicar a mensagem abaixo no Twitter e concorrer:

“http://kingo.to/Ze7 - Eu quero 1 cortesia no curso online de produtividade com GTD do @cristianoweb #CursosTPW – (RT para concorrer)”

O sorteio vai acontecer no dia 11 de março (domingo) as 20h e eu, como sempre, usarei a ferramenta Sorteie.me ok!? E para vocês terem uma ideia da qualidade do meu curso, segue a apresentação da minha última palestra sobre produtividade que eu dei no 3º Proz junto do amigo Roney Belhassof. Acompanhe os slides com o áudio que está logo abaixo.

Meu Check-in no dia do desabamento no RJ

Enquanto eu escrevo esse artigo, segundo a Defesa Civil, 17 pessoas perderam suas vidas e outras 5 continuam desaparecidas. Um final trágico para as famílias e amigos que jamais imaginariam que um prédio viesse ao chão da forma que foi. Por mais que fosse antigo, a gente nunca acha que esse tipo de coisa um dia fará parte da nossa história.

Mas vocês devem estar se perguntando o que eu fazia lá não é mesmo!?

Eu estava visitando os amigos pois temos um projeto em comum (que precisou ser adiado temporariamente) e eu fui lá para me certificar que estava tudo certo. Eu fui gravar um podcast sobre a vida de freelancer um pouco mais cedo numa outra empresa (Hostnet) e depois desse compromisso dei um pulo na NUVA por volta das 17:30h. Conversamos sobre o projeto, acertamos os últimos detalhes e combinamos de lançar o projeto no dia seguinte.

O Guga tinha marcado um futebol society com outros amigos e disse que iria embora e eu o acompanhei. Saímos às 18:45h deixando Luan e Lenine na empresa, que saíram pouco tempo depois. José Telmo nesse dia trabalhava remotamente de casa, assim como o Pablo, só que ele foi no contador, que funciona num outro andar desse mesmo prédio e ficou resolvendo questões burocráticas até pouquíssimos minutos antes da tragédia. Ele mora no bairro de Fátima, que é bem perto da empresa e assim que chegou em casa viu na TV que o prédio em que ele estava há poucos minutos não existia mais, assim com a sua empresa. Pablo realmente nasceu de novo. E querem saber? Era o seu aniversário, por isso ele saiu cedo. Sim, cedo, porque era hábito comum da equipe de ficar até às 21h praticamente todos os dias.

A velocidade do Twitter na busca de informações

Alheio a tudo que estava acontecendo, eu peguei uma van até a minha casa na Taquara, e levei 1h para chegar em segurança às 21:15h e vi na Internet os meus amigos falando sobre o desabamento e eu ainda sem entender o que estava acontecendo, busquei no Twitter informações sobre essas mensagens e então descobri que a tragédia era na rua 13 de maio, justamente onde eu estava. Confesso que gelei, pois eu sou freelancer e trabalho em casa e pensar que poderia acontecer alguma coisa comigo tão longe de casa e da minha família me fez muito mal.

Usando o Twitter em busca de informações sobre o desabamento RJ

A partir dai começou a busca por informações sobre os meus amigos. O Luan estava frenético no Twitter, portanto estava vivo. José Telmo estava em casa em segurança. Faltava saber do Guga, Pablo e Lenine. Liguei para o Guga, que já havia falado com o Luan e Lenine e finalmente o Pablo apareceu na “timeline” dizendo que já estava chegando no local para saber o que estava acontecendo. Enfim, todos os amigos estavam salvos. Começava ali uma correria para saber mais detalhes da imprensa que fazia a reportagem da tragédia se era de fato o edifício Liberdade que havia caído. No local estavam Guga, Pablo e Luan. Cada um num ponto por causa da confusão. Nas suas casas, outros amigos em comum buscavam na web e na TV informações que pudessem acalmar a equipe da NUVA, mas infelizmente, às 23h um vídeo da Globo News não deixou dúvidas de que era realmente o prédio onde funcionava a agência, e mais uma vez eu me senti mal. Avisei aos amigos e lá pelas 00:30h eu desliguei tudo e me envolvi no meus pensamentos. Dormi muito mal com tudo isso e acordei bem tarde no dia seguinte.

Estou vivo, e agora?

A primeira coisa que eu pensei assim que acordei foi “estou vivo, graças à Deus!”
Então, como de hábito, eu fui trabalhar. Na “timeline” mensagens de apoio de todos os lugares:
“Força galera”, “vai ficar tudo bem!”, “pelo menos foram bens materiais”, “vocês vão reconstruir tudo, vocês vão ver”.

E outra vez eu me senti mal com tudo isso. Olhei para a minha família, para a mesa do meu computador e pensei como era bom ter um dia seguinte “normal” para viver. Então percebi que os meus amigos estavam vivos mas não tinham como trabalhar. Eu conhecia a realidade financeira deles, sabia da dificuldade de uma empresa de apenas 5 meses e como os meses de janeiro e fevereiro são ingratos nas prospecções e continuei me sentindo mal! Então eu decidi não trabalhar naquele dia para ajudar os meus amigos. Chamei um outro amigo em comum, o Bernard de Luna e combinei de fazer uma Vakinha e gravar um vídeo enquanto ele criava um Tumblr para arrecadar dinheiro para a NUVA se levantar novamente. Assim nasceu o ajudeosamigos.tumblr.com! Quando finalizamos tudo, percebemos na “timeline” que já existia uma Vakinha rolando, então ajustamos tudo e começamos a publicar mensagens com a hashtag #AjudeOsAmigos e avisar a galera para ajudar.

O reencontro com dois amigos e a certeza da amizade e reputação

Ontem (28/01/2012) eu fui dar a aula inaugural do curso pós graduação em marketing digital da INFNET sobre WordPress e lá estavam os amigos Guga Alves e José Telmo, vivos e felizes. A Vakinha foi um sucesso e eles me contaram sobre a reunião que os sócios fizeram no dia anterior refazendo as contas dos prejuízos causados pela tragédia e como a ação dos amigos e da comunidade de profissionais do mercados os ajudaram. Não é de hoje que citamos os “cases” falando da importância da reputação entre consumidores e marcas e como ela é importante, só que dessa vez nós “sentimos isso na pele”.

Vida que segue. De volta ao trabalho!

As manifestações de solidariedade e apoio continuam rolando em toda Internet. Já são mais 18 mil visitas na Vakinha, em quase 12 mil reais arrecadados, além de dezenas de empresas cedendo suas instalações para que a NUVA possa trabalhar até se restabelecer novamente. Destaque para a agência Quatix que forneceu um notebook, e a agência Frog que cedeu 4 PCs.

Mas o maior destaque foi a Metsre SEO que criou uma promoção baixando o preço de um dos seus produtos, a Assinatura Ouro, e revertendo toda a renda em prol da NUVA! São ações como estas é que vemos que a solidariedade de nosso povo ainda resiste bravamente e aflora nos momentos de maior dificuldade. Mas acima de tudo a reputação que todos esses profissionais possuem no mercado fazem com que toda a comunidade se engaje na ação e ajude-os a reverter esse quadro. Sem dúvida nenhuma, esses meus amigos possuem muito capital social (whuffies), ainda bem!

E se eu decidisse "ficar só mais uma pouquinho"?

“Somos muito frágeis”.

Essa foi a frase no emocionado vídeo do meu amigo José Telmo. E é verdade! Num minuto eu estava fazendo uma visita de rotina e poderia começar a jogar um Xbox enquanto esperava o Guga terminar seus últimos afazeres e poderia decidir “ficar mais um pouquinho” e hoje não estaria aqui escrevendo esse artigo. Por isso meus caros leitores, sejamos sábios, humildes e firmes. Celebremos a vida dos que sobreviveram!

Desejo paz no coração das pessoas que perderam seus entes queridos, familiares e amigos.

Pois é gente, ano passado eu escrevi um artigo com o resumo de como foi o meu 2010 e eu curti muito o formato e resolvi repetir a dose nesse fim de ano também. Afinal eu sou um “GTDMan” e “revisar” é mais do que um conceito de metodologia, é um estilo de vida. Portanto, vamos ao resumão de 2011!

Palestrando no WP Meetup RJ (Não sei o que eu estava falando, mas deve ter sido engraçado!!!)

Para começar, o que eu prometi no ano passado para 2011

@cristianoweb assumindo o posto #webdomestico

Quando a gente faz promessa para o ano seguinte não levamos em consideração inúmeros imprevistos que podem acontecer na seqüência. As novas metas são todas baseadas na teoria de uma vida sem atribulações, e com 2011 essa regra não foi diferente. Para começar o projeto da minha Agência Kamus precisou ser engavetado temporariamente. Minha esposa voltou ao mercado de trabalho depois de 4 anos dedicados a família, em especial ao Nicolas e a questão da sua síndrome (mais detalhes no blog do filhote). A nova rotina da casa fez com que eu readaptasse meus horários e tive que inclusive abrir mão de alguns clientes fixos e precisei recorrer ao GTD para me reorganizar.

Outra coisa que prometi e não consegui por em prática foi a questão da diminuição do meu peso, e mais uma vez acabei ganhando mais alguns quilos do que no ano anterior no final das contas. Atualmente eu estou com 89,5Kg, ou seja, 14,5Kg acima do meu peso ideal! Eu sei, eu sei… o peso foi uma das principais promessas que fiz para esse ano e a única que eu posso dizer que não avancei.

Mas se no quesito “saúde/peso” não houve avanço, na vida familiar foi um verdadeiro sucesso! Nunca na história desse país eu fiquei tão perto da minha família como em 2011! Todos sabem que sou muito agarrado com os meus filhos e minha esposa, mas a mudança da rotina da Cida me obrigou a diminuir drasticamente a minha carga horária de trabalho e aderi a demandas como “dar o jantar”, “ajudar na lição de casa”, “estudar para a prova do dia seguinte” e “colocar os filhotes para dormir”. Abandonei o BunkerWeb e voltei para o centro nervoso da minha casa, a sala. Hoje eu conheço meus filhos mais profundamente, sei de todas as dificuldades e potencialidades deles nos estudos, e fiquei ainda mais ativo e participativo na relação com a escola. Enfim, uma bênção!

E o trabalho, como foi?

Por causa dessa mudança na rotina, eu abri mão de alguns clientes fixos e estou com 8 no total ao contrário dos 13 anteriores. Em compensação, pude eventualmente fazer alguns projetos avulsos nos momentos mais folgados (que não foram tantos). Já nos eventos houve uma grata surpresa nesse ano e eu fui em mais vezes como palestrante do que como espectador! E os créditos dessa conquista eu sempre devo ao pessoal da organização do Café 22, que me deram a oportunidade de participar no começo do projeto e que me ajudou bastante a perder o medo de falar em público!

Colocando a mão na massa. Mesmo com a redução de clientes, não faltou trabalho em 2011

Abaixo eu deixo a relação dos trabalhos e eventos que participei. Até que não foi nada mal né!

Sites/Blogs

• Deputado Federal Simão Sessim (Personalização de tema WordPress) – janeiro/2011
• Blog do The Best (Criação de Layout em PSD) – fevereiro/2011
• 6º Congresso Carioca de Educação Física (Personalização de tema WordPress) – março/2011
• Tudo para WordPress (Criação de Layout em PSD em parceria com a Agência Nuva) – março/2011
• L.A. Fitness (Criação de Layout em PSD em parceria com Cayo Medeiros) – maio/2011
• Android Zoom (Criação de Layout em PSD em parceria com Ramon Page) – junho/2011

• Circuito 4×1 – (Leia o artigo do que eu assisti)
• Email Marketing Brasil (Dinamize) - (Leia a resenha que eu escrevi sobre o evento)

Eventos (Palestrante)

• PHP’n Rio (Tudo para WordPress Planejamento Design e Desenvolvimento) - novembro/2011
• 3ª Conferência de Tradução da Proz.com (Traduzindo a produtividade em miúdos) - novembro/2011
• BlogCamp RJ (Blogueiro improdutivo não é blogueiro é moleque!) - agosto/2011
• Chat on-line no Papos na Rede (Workshop sobre WordPress do Case Imóvel RJ) – junho/2011
• VII Comunicação em Foco da UNIVERSO (Redes sociais é o futuro e dá dinheiro?) – maio/2011
• Podcast Tradcast (Suas tarefas estão em dia?) – março/2011
• Turma de Pós graduação em Marketing do SENAC - (Empreendedorismo pessoal) – fevereiro/2011
• WP Meetup RJ (Case do Website Imóvel RJ) e (Entrevista para a AD5) - fevereiro/2011

Minhas publicações online
Além dos trabalhos acima, esse ano eu comecei a escrever para dois blogs externos como colaborador convidado. O primeiro foi o Extra Explica do portal de tutoriais e dicas do Jornal Extra Informação do Grupo InfoGlobo com artigos sobre produtividade. O segundo foi o Carreira Solo do grande amigo e mentor, Mauro Amaral da Contém Conteúdo com artigos sobre a vida atribulada de freelancer.

As novas e antigas parcerias

E claro eu não poderia deixar de falar sobre os grandes amigos que me ajudam nos trabalhos que faço. Sem eles, eu não conseguiria prospectar com tanta facilidade, pois seus nomes são garantia de “contrato assinado”!

Da mesma forma como ocorreu no ano passado, eu contei com a ajuda do meu grande parceiro de longa jornada Cayo Medeiros (@yogodoshi) que continua “nos bastidores” trabalhando na nova versão do meu site! Além do Cayo, esse ano eu trabalhei com dois outros front-ends/back-ends de mão cheia em projetos recentes. O primeiro foi o Ramon Bispo (@ramonpage) que assinou o código do projeto Android Zoom e o segundo foi o Rafael Dourado que é um monstro na implementação do WordPress.

Também não posso esquecer a galera me apoiou fortemente em 2011, seja com indicações, planejamento ou mesmo empresou um “ombro e ouvido” para que eu pudesse afogar as minhas mágoas da vida de freelancer. Amigos como  André Barcellos, Claudia Mello, Fábio Carvalho, Guga Alves, José Telmo, Leonardo Cabral, Marisa Lemos, Mario Filho, Patrícia Haddad e Roney Belhassof.

Bolo de aniversário surpresa no WP Meetup RJ feito pelos amigos

Os projetos para 2012

E para terminar o artigo vou fazer aquelas “promessas básicas” de fim de ano!

• Entre janeiro e fevereiro devo enfim me tornar pessoa jurídica. Já está tudo acertado com a contadora e eu pretendendo inclusive fazer um artigo contando essa experiência e se possível mostrar boas dicas pra galera iniciante.
• Uma vez que a Agência Kamus estará aberta, já estou planejando a nova estruturação de clientes e novos projetos. Em breve eu publico por aqui as definições!
• Lançar a nova versão do meu site em HTML5 e repleto de “features” do WordPress para ajudar na argumentação técnica das prospecções comerciais.
• E claro… cuidar da saúde. Rumo aos 75Kg. \0/

Feliz Natal e um excelente 2012 para todos nós!

Por causa disso eu estou sempre “em estado de alerta” para situações que me remetam ao passado. Dessa vez o “start” desse processo foi dado pela amiga fotógrafa Jaqueline Porto, que está passando por uma fase de reflexão profissional atualmente. Ela me enviou um email me perguntando como eu fiz quando passei pela mesma situação que ela, e ao respondê-la, eu revi um passado recente para orientá-la e hoje eu vou compartilhar com vocês com o mesmo objetivo.

O passado recente que eu me refero é o emprego que eu tive na Gráfica GPI entre os anos 2001 e 2007. Eu fui contratado como designer gráfico e sai de lá como supervisor da equipe de criação. Foram 6 anos de experiências ricas e desafiadoras, e mesmo aprendendo muito com os empregos anteriores, sem dúvida, o GPI foi a mais intensa de todas!

Mesmo sendo um período bacana, o que eu realmente queria fazer era trabalhar como “webdesigner”. Então depois de muito “freelar” para uma agência não-digital chamada Agente Comunicação e eu resolvi arriscar e me ofereci para trabalhar lá e pouco tempo depois eu sai do GPI para me jogar de vez no mundo da criação web!

Apesar de ser o que eu queria, o futuro era muito incerto e eu senti a responsabilidade e no meu último dia de trabalho no GPI enviei um email para todos os funcionários da empresa, agradecendo o convívio e aprendizado com todos e foi justamente nessa mensagem (que foi respondia inclusive por toda a diretoria na época, e eu guardo com carinho até hoje!) é que me inspirei para responder o email da Jaqueline e agora eu compartilho com vocês:

Equipe Editora e Gráfica GPI na minha despedida em 2007

Lembro-me exatamente do dia da minha entrevista!

Sentei na recepção aguardando a gerente do Recursos Humanos. Conversa rápida, simpática e objetiva, típica do corre-corre desses departamentos. Mal sabia eu que naquele instante toda a minha vida iria mudar. E mudar para melhor! Se hoje eu posso optar por essa ou aquela situação, tudo começou naquele instante.

A minha vida mudou quando conheci as pessoas que formaram o que eu sou hoje.Tantas coisas novas, muito para aprender: meus valores, gostos musicais, hábitos, visão; enfim, tudo em mim mudou.Hoje sou o que aprendi aqui.

E o conhecimento chegou até mim. Aprendi muito com o meu convívio. Aprendi sobre técnicas, processos, aprendi sobre as pessoas sobre a vida. E aqui eu me moldei, amadureci, cresci.

E nesse momento a oportunidade bate à minha porta. Oportunidade essa que quer o que eu sou. Quer o meu conhecimento, os meus valores, gostos musicais, hábitos e visão. E por isso sou grato ao GPI e as pessoas que conheci aqui. Cada uma delas com a sua contribuição, me fez quem sou hoje.

Saio com medo do desconhecido, sem certezas e com muitas dúvidas. Mas também com esperança e muita vontade de evoluir.Mas saio com o coração partido no que tange ao convívio dos meus amigos do coração.Fico imaginando não beijar a tia Neli de manhã cedo e tomar o seu cafezinho com pão na chapa.Imagino não estar aqui numa segunda-feira e conversar o André Norberto sobre o desempenho do nosso time (Flamengo) no dia anterior.Sofro ao saber que não vou prosear com o Luiz Orlando sobre música, livros, filmes; enfim, sobre a vida que aprendi a apreciar com ele.

Sofro.

Sofro, porque sou o que ouço, leio, vejo e aprendi aqui.

Mas vou, em busca da Felicidade!

Felicidade essa no corpo de uma nova oportunidade, de um sonho, de mais crescimento. Vou em busca de algo que idealizei aqui quando ouvia alguém conversar sobre profissão, sobre um filme ou vida. nem sei mais.

Vou em busca de Sonhos, Ideais e Conquistas! Acredito que tudo na vida tem o seu tempo e contribuição. Aqui absorvi tudo que eu podia, em cada momento, em cada oportunidade que me foi dada. Aprendi com os ensinamentos, com dicas, atalhos, choros, sorrisos, com meus erros.

Vou sabendo que fiz amigos e que ainda terei relacionamentos duradouros. Por isso, vou em Paz!

Mas peço aos amigos que me perdoem pelas minhas faltas, por meus destemperos ou pelas minhas falhas.Levo comigo o melhor de cada um e tenho a certeza de que fui muito feliz aqui.

Espero encontrá-los num futuro breve em Paz e com muita Saúde e sucesso à todos que aqui estiverem. Fiquem com Deus.

O maior problema e o único que nos deve preocupar é vivermos felizes. (Voltaire)

Parte da equipe da Agente Comunicação em 2007

E o resumo sobre esse momento?

Tenho certeza que minha vida começou a mudar à partir dessa atitude. Fui trabalhar na Agente Comunicação e pela primeira vez trabalhava 100% do meu expediente com Internet. Foi nessa época que eu descobri o poder dos blogs, dos fóruns, das metodologias de criação e das embrionárias redes sociais! Eu criei a minha conta no Twitter dentro da agência (no dia 11 de setembro de 2007!!!) e o mundo de oportunidades surgiu para mim!

Porém 10 meses depois de trocar de emprego a empresa deixou de existir no Reveillon daquele mesmo ano e eu me vi um freelancer sem planejamento!

Por conta disso eu me atirei no mercado e tentei implementar toda a teoria que eu lia na web em busca de uma formato de trabalho que me remunerasse. Confesso que errei muito nessa fase, mas fui aprendendo aos poucos. Ouvi profissionais renomados, analisei cases, estudei nas horas vagas, li muito livro e artigos em ônibus, produzi, planejei, produzi, replanejei novamente… e foi assim que eu cheguei onde estou.

Eu e @RoneyB depois da palestrarmos no 3º Congresso de Tradução da Proz.com sobre Produtividade para Tradutores com GTD e outras metodologias

Depois de ler esse antigo email eu respondi a pergunta da Jaqueline com um conselho que repasso para os leitores que estão passando pelo mesmo memento:

“Independente da estratégia que tiverem, olhem o passado antes de olhar o futuro e sempre que for necessário, façam isso novamente. Isso nos ajudar a ter os pés sempre no chão, independente do quanto cresçamos!”

Espero que eu tenha ajudado Jaqueline e leitores!

Recentemente eu escrevi um artigo no Carreira Solo sobre a relação do cliente e a precificação de serviços baseados em hora-técnica. Lá eu mostrei algumas dicas prévias que nos ajudam a estruturar os argumentos na hora em que o cliente possa questionar o valor cobrado numa proposta.

Eu citei que tenho uma planilha de precificação no artigo e alguns amigos me pediram se eu podia enviá-la pra eles, pois é sempre difícil de calcular tudo direito sem perder o foco na relação “bom pra mim x bom comercialmente”. Então eu resolvi não só disponibilizar a planilha aqui, como no Google Docs para quem quiser usar e o artigo de hoje eu vou mostrar os conceitos básicos que a estruturam. Vamos lá:

Entendendo um pouco mais sobre a hora-técnica

No texto que eu escrevi para a galera do Carreira Solo eu mencionei um artigo do Sean Canha do Design Blog, onde ele explica como cobrar baseado em hora-técnica. Foi um artigo fundamental nesses últimos anos na minha vida de freelancer, pois me deu condição de enviar propostas com um preço justo para a minha sobrevivência, além de estar comercialmente adequado no mercado.

Segundo o Sean, precisamos definir 3 pontos importantes:

• Preço base
• Lucro
• Duração do projeto

Precificar, nada mais é do que a soma do preço base e lucro multiplicado pelo tempo de duração do projeto. Dá até pra fazer uma fórmula para ilustrar: (Preço base + Lucro) x Duração. Para maiores detalhes, recomendo a leitura completa do artigo lá no blog do Sean Canha.

Definindo os serviços oferecidos

Agora que você já sabe quanto custa a sua hora-técnica, defina quais os serviços você vai oferecer ao consumidor. No meu caso o conjunto de serviços que eu ofereço são os seguintes:

• Meus serviços de criação Web
  • Criação de layouts para sites e blogs
  • Criação de layouts email marketing
  • Criação de layouts de FanPage
• Meus serviços de design gráfico (impressos)
  • Criação de logotipo e manual da marca
  • Criação de identidade visual (cartões de visita e todo o tipo de material de papelaria)

Para precificar cada um desses serviços, basta usar a fórmula acima e criar uma tabela fixa atendendo aos formatos padrão. Caso a prospecção do projeto fuja um pouco ao escopo dessa tabela, use a planilha para refazer o cálculo.

Levantamento de preços em média dos terceirizados

Se você terceiriza serviços, assim como eu, é recomendado definir os valores dos serviços da mesma. Eu sei, é difícil e nem dá pra fazer tudo de uma vez só. Vá montando a tabela de preços aos poucos. Eu mesmo levei 2 anos pra isso. Como eu trabalho com uma galera fixa que sempre faz serviço comigo, hoje eu tenho valores pre-definidos para inúmeros serviços, mas confesso que não é fácil. A grande vantagem da tabela é ser ágil na hora de fazer um orçamento que precisa de mão de obra de outros profissionais.

Sobre a quantidade de horas de cada projeto

Um dos pontos mais importantes na hora de se fazer uma proposta é definir quanto tempo levaremos para entregá-lo. Conheço muitos profissionais que tem enorme dificuldade com essa parte da precificação. Por sorte, eu sempre usei GTD para gerenciar as minhas demandas, e nessa metologia, o prazo é igualmente importante.

Por isso, eu sempre busquei programas dos chamados “timesheet“, onde eu cadastro uma demanda e simplesmente clico no “start”, e no final dela eu clico em “stop”. Basta então ver o tempo que levou, colocar numa tabela e quando precisar fazer a mesma demanda novamente, é só consulta-la e verificar quanto tempo levou. Simples assim.
Eu recomendo muito o uso do site “Slim Timer“. Simples e fácil de usar e ainda exporta uma tabela em Excel com tudo que você fez e quanto tempo levou.

Não esqueça dos Impostos

10 entre 10 freelancers dizem a mesma coisa: Calcular imposto é muito chato! Mas enfim, faz parte e a planilha precisa ter isso também. Vejam os impostos que eu contemplo no documento:

• IR – 1,5%
• COFINS – 3%
• PIS – 0,65%
• CSLL – 2,88%
• ISS – 5%
• IRPJ – 3,3%
• Num total de 16,33%!!!

Por isso, vale a dica política:
Nas próximas Eleições vote consciente pra que esse “suado dinheiro” seja pelo menos, bem utilizado ok!?

Valor ideal e propostas alternativas

Quem olhou a planilha deve ter notado que há várias opções de pagamento pré-definidas. Cada cliente é uma prospecção completamente diferente dá outra. Com propostas alternativas temos margem para negociar e ao fazer o cálculo previamente, você saberá exatamente quanto irá ganhar.

A dica que eu dou é nunca mostrar tudo logo na primeira vez. Trabalhe inicialmente com a sua “proposta ideal“. Deixe as outras opções caso o cliente não a aceite a primeira. Mas mesmo assim esteja preparado caso nenhuma agradar o cliente.

Uma forma de evitar isso é colocar no seu formulário de briefing uma opção “obrigatória” sobre a intenção de “budget esperado“. Dessa forma o cliente define um teto de até quanto deseja pagar pelo projeto. Caso ele esteja bem abaixo do seu mínimo, seja gentil e responda-o falando do preços praticados dando argumentos claros sobre a sua política de preços. Isso poupará o seu tempo fazendo uma proposta que está aquém do alcance dessa prospecção.

Compartilhando a planilha

A planilha está no meu Google Docs. Abaixo segue o link que eu compartilho com todos vocês, que por razões óbvias, os valores praticados foram todos trocados. A mesma está liberada para quem quiser usar. Caso cite num artigo, basta informar a fonte usando o trackback para essa postagem que está valendo ok!? Segue o link.

http://bit.ly/QtoCobrar

O funcionamento é bem simples:

• Defina o valor da sua hora-técnica (você pode usar até 3 níveis de dificuldade);
• Calcule a quantidade de horas baseado em dias (usei com métrica jornada de 8h de trabalho. Adapte para a sua realidade);
• Multiplique a quantidade de horas do projeto pelo valor da sua hora-técnica;
• Insira os custos dos profissionais tercerizados ao projeto;
• Defina o valor ideal baseado nos custos totais;
• Envie a proposta com opções desejadas e não esqueça de informar os impostos da mesma;
• Uma vez aprovado, assine o contrato e envie 1% do valor pra mim!

É isso pessoal, espero que tenham gostado. Usem os comentários para sugestões e variações do tema.

Abraços e até o próximo artigo!

Muito além da tecnologia

Eu li o livro “A cabeça de Steve Jobs” e pude perceber outros detalhes além dos iPhones que Jobs era um cara único. Mas eu não quero falar sobre as suas criações, nem sobre os seus relacionamentos pessoais ou de trabalho. Quero focar apenas na mensagem, na história de vida. Para mim Jobs foi antes de tudo um predestinado, que seguiu as suas convicções e abriu mão de tudo que nós, seres humanos normais não abdicamos, como família, estabilidade, zona de conforto. Jobs caiu na vida e desde sempre, aos trancos e barrancos, mostrou a que veio: ele queria mudar o mundo! E mudou.

Numa busca rápida no meu blog, vocês vão encontrar muitas passagens dele em vários de meus artigos. Mas para mim o que fica é o discurso em Standford. Jobs fez uma análise impecável sobre a sua própria vida e deu para todos nós o maior legado. Esqueçam o Macintosh lançado no intervalo do Super Bowl. Aquele do comercial que foi dirigido pelo Ridley Scott e arrebatou uma multidão fazendo um paralelo entre um computador pessoal e o livro 1984 de George Orwell.

Esqueçam os sucessos da Apple

Esqueçam que Jobs salvou a sua ex empresa lançando um comutador colorido e translúcido e tirou a Apple do buraco depois de ter sido expulso pelo próprio John Sculley, presidente que Jobs contratara da Pepsi tempos antes. Esqueçam que ele desenvolveu o iPod e ultrapassou em pouquíssimo tempo o case de sucesso da Sony, o Walkman. E que esse mesmo aparelho se transformaria em iPod Touch evoluiria  em seguida para o bicho-papão iPhone, que mudaria pra sempre a forma como lidamos com telefonia.

Esqueçam que quando todo mundo já dava Jobs como vencido, que não inventaria mais nada, ele surge com iPad e muda novamente a indústria fazendo com que todas as marcas corram enlouquecidas para as suas pranchetas de trabalho a fim de inventar os seus tablets para não perderem suas fatias no mercado. Esqueçam tudo isso e concentrem-se no próximo parágrafo.

Stay hungry, stay foolish

Foi com essa célebre frase (que não é de sua autoria e sim da publicação “The Whole Earth Catalog”), que Jobs deixou boquiabertos os alunos de Standford e entendo que essa é a maior lição dele que fica para mim.

Determinação, ascensão meteórica, queda e depois renascimento. Reconhecer que a melhor coisa que podia ter acontecido na vida dele foi ter sido expulso da Apple é uma visão que poucos conseguem fazer da própria vida.

O vídeo desse discurso me inspirou a fazer essa mesma análise sobre as minhas experiências e eu escrevi um artigo sobre essa visão. Eu acredito realmente em cada palavra que eu disse no meu artigo, e quando ouço Steve Jobs no vídeo dizendo que “o tempo é limitado, não desperdicem” eu chego a conclusão que ele abriu mão de uma vida comum fazendo com que os seus relacionamentos fossem tão conturbados, tanto os pessoais, quanto os profissionais.

Mas e a relação PC e Mac do título?

Ao contrário da enorme maioria dos artigos que eu li na web sobre a morte de Steve Jobs, eu não sou usuário Mac. As únicas coisas que eu tenho da Apple aqui é um iPod Touch 2ª geração (que eu comprei de um amigo meu), O iTunes e o Safari for Windows. Vi muitos usuários PC desdenhando o fato de não terem sido impactados por nenhuma criação de Jobs pelo simples fato de terem em suas máquinas o sistema operacional Windows. Quanta ignorância!

Se você pensa da mesma forma, lembre-se que o fato de você estar lendo um blog hoje, tenha em mente que tudo começou num laboratório da CERN, num computador da NEXT, empresa que Jobs criou depois que saiu da Apple, e nele havia um sistema operacional que um dia seria o iOS que habitam os Macs até hoje.

Pensem nisso e agradeçam ao Jobs.

Eu entrei em contato com a empresa que prontamente me indicou um tópico na sua Wiki com a solução. Eu mesmo vi essa mesma dica em vários outros blogs, porém a questão é que há uma limitação. O email de disparo PRECISA SER DA LOCAWEB! O que a princípio pode não ser um grande problema, afinal, se você tem uma hospedagem lá, deve usar o e-mail deles.

O MEU problema é que o email que eu uso, e de outros clientes é do GMAIL, e aí a solução não se aplica.

Ainda bem que eu possuo parceiros NINJAS que sempre me ajudam nesse quesito. Dessa vez quem me salvou foi o amigo Cayo Medeiros (Front e Back-end), que me indicou a instalação do plugin WP mail SMTP e que resolveu o problema e hoje eu trago a solução nas imagens abaixo:

Instale o plugin WP-mail-SMTP

Instale o plugin WP-mail-SMTP

Configurando o Plugin

Acesse o menu "Configurações / email"

Configurando o e-mail que fará o envio do formulário

Configurando os dados de SMTP do seu email

Configurando a encriptação e autenticação do seu email

Por fim, os dados de login e senha do seu email

Finalizando. A prova dos 9!

E por fim, você ainda pode fazer um teste rápido usando um email. A resposta é em tempo real.

Use plugins com moderação

Há outros plugins no mercado que fazem a mesma função, no entanto esse é bem simples de usar e muito eficiente. A mesma função poderia ser programada diretamente no PHP usando o functions.php. Outra questão que fica é o fato de instalar MAIS um plugin no WordPress, pois todos sabemos que quanto mais plugins instalados, mais requisições e isso sempre compromete em performace no blog. Use com moderação!

Eu já configurei os meus formulários por aqui e todos estão funcionando perfeitamente, acessem os links e vejam:

• Minha Agenda
• Faça um orçamento
• Fale comigo
• Cadastro de Clientes

Espero que tenha ajudado aos amigos e fiquem à vontade de comentar sobre outras soluções.
Abraços!

Imaginou a cena? Ela é mais comum do que a gente pensa na verdade! Você que é designer, e cria layouts sem passar pela fase do Wireframe, esse é o cenário mais recorrente, não sua produção! Na criação de um layout de um site, é fundamental trabalharmos com wireframes para prever possíveis erros. Quando fazemos esboços no papel, tudo pode parecer perfeito, combinando direitinho, mas é na hora do Photoshop (ou Fireworks para alguns) é que o bicho pega! Há um artigo bem bacana que o Fred Van Amstel escreveu no site Usabilidoido em 2005 que mostra a importância dessa fase na criação. Além do Usabilidoido, eu sugiro a leitura dos artigos do Ivo Gomes e do Walmar Andrade para complementar esse conceito.

Por conta desse artigo é que comecei a implementar esse estágio na minha metodologia de criação usando um software chamado ImageStyler (descontinuado pela Adobe) na criação dos meus wireframes. Com ele, eu fiz praticamente todos os meus layouts dos últimos 3 ou 4 anos. Até que no último projeto, o site do evento CoéSEO, eu resolvi testar a extensão para Firefox chamada ”Pencil Sketching” e hoje eu vou passar para vocês as minhas impressões de uso.

“Pencil Sketching”, uma extensão bem completa do Firefox

Curva de aprendizado

O software é bem intuitivo. Eu que nunca usei um programa para esse tipo de função, “peguei o jeito” rapidamente. Com algumas convenções de outros programas vetoriais do mercado como Corel Draw, não foi difícil alinhar e espaçar elementos na tela entre outras funções. A única coisa que eu senti falta foi das linhas-guias, mesmo sabendo que há a malha de pontos no fundo da tela, ainda prefiro a segurança das linhas multicoloridas margeando os elementos na tela, mas essa falta não compromete o uso do programa.

Biblioteca de elementos

Com muito elementos visuais segmentados, basta arrastar para a tela e inserir onde desejar, com a opção de usá-la no formato padrão ou personalizá-la ao seu gosto. Além disso, ainda dá para criar a sua própria biblioteca e até importar de outros usuários que disponibilizam na web! Vale uma pesquisa no Google.

Economia de tempo na produção

Só para se ter uma ideia, no projeto do CoéSEO, eu desenhei 9 telas. Se eu estivesse usando o Adobe Image Styler, certamente levaria uns 3 dias para finalizá-lo. Com o “Pencil Sketching” eu levei somente 1 dia para terminar o projeto. No período, houve pausas como atender telefonemas de clientes, envio de e-mails, entre outras coisas. É preciso levar em consideração que eu estava aprendendo a usar o programa e ainda sim fui bem produtivo.  

Finalização e Apresentação

Esse é o grande barato desse programa. Depois que você cria todas as telas, pode gerar páginas HTMLs com links, e tudo com poucos cliques! Essa solução é bem legal para exibir num servidor de testes para o seu cliente aprovar e verificar se a arquitetura de informação está alinhada corretamente com a interface que você desenvolveu.

Ponto negativo

O único problema dessa extensão é que ela só rodava nas versões um pouco mais antigas do Firefox. Como por aqui o meu browser padrão é o Chrome, eu uso o Firefox para algumas coisas específicas, então foi fácil instalar essa extensão. Mas a equipe do programa já disponibilizou uma versão compatível com várias versões do navegador. O ideal é você acessar o site para conferir.

Mas se por acaso a sua versão não for compatível, sugiro que você leia o artigo do meu amigo Richard Barros sobre o assunto. Lá ele dá várias dicas na criação de wireframes, além de indicar outros programas alternativos ao ”Pencil Sketching“. Vale a visita!

Então para finalizar eu gostaria de saber do vocês leitores, se usam os Wireframes nas suas metodologias de criação, e qual o programa mais gostam.
Até o próximo artigo!

Ligando o meu site no modo "under construction" (ou não!!)

A mudança será beeeeeeem radical, e isso implica diretamente no formato visual atual do site, inclusive na estrutura interna do WordPress e precisei fazer várias mudanças significativas por aqui. A primeira delas é mexer “novamente” nas categorias. Em dezembro do ano passado eu já dei uma boa enxugada só que agora, em vez de criar novas, eu estou inserindo outras sub-categorias, abrindo o leque de assuntos, só que sempre dentro da mesma linha editoria atual.

O objetivo é deixar o blog como “suporte” para o site institucional, ajudando os meus argumentos comerciais. Afinal, tenho que pagar as minhas contas não é mesmo!?

Abaixo, veja como era a lista de categorias definida em dezembro do ano passado:

1. Criação
2. Especiais
3. Eventos
4. Metodologias
5. Produtividade
6. Redes Sociais
7. Referências
8. Resenhas

Lista de sugestão de pautas baseados nas novas sub-categorias do site

À partir de hoje, escreverei mais assuntos de criação como wireframes, cores, logotipos; já na categoria metodologias por exemplo, eu pretendo postar assuntos relativos à contratos, networking e prospecção, entre outros. De cara, o blog terá uma mudança nos formatos dos artigos, que serão mais curtos na sua maioria e com um intervalo de postagem bem menor, com isso, espero passar mais o meu conhecimento para os leitores, em busca de uma maior troca de experiências, espero que gostem!

Pequena prévia do layout da versão Nabucodonosor

Sobre a nova versão, o que eu posso adiantar, sem soltar nenhum “spoiler” para estragar a surpresa, é que ela virá com muitas “features” nativas do WordPress. A ideia é mostrar as inúmeras possibilidades que o nosso querido CMS nos oferece! Comercialmente falando, será bem interessante mostrar numa prospecção algumas opções de funções específicas de demandas de clientes no meu próprio site! É esperar pra ver!

Até lá!