Tive o prazer de encontrar com o André pessoalmente em uma mini-palestra que ele fez aqui em Curitiba sobre seu livro e consegui trocar alguns emails com ele sobre o novo logo da 2AB Editora que ele ajudou a re-desenhar pelo escritório Studio Creamcrackers dele. Confira abaixo o resultado final.

Queria que você me informasse como que foi o processo de re-design do logo

A 2AB nunca teve um projeto de identidade visual, desde sua fundação tinha a marca, mas não havia definição de regras de uso e aplicação, nem projeto de papelaria. Fomos contratados para criar este projeto de identidade visual, e tivemos carta branca para analisar a marca da editora e para projetar também alguma evolução da marca, se fosse necessário, desde que mantivesse a identificação com a marca anterior.

Por que houve a necessidade de alterar o logo? O que levou a “fechar” o logo, ao contrário do antigo que era “aberto”?

No diagnóstico da marca antiga, percebemos que havia problemas de aplicação sobre fundos de algumas cores, sobretudo próximas ao vermelho, e problemas no uso monocromático.

Teoricamente, a parte tipográfica sempre ficava em branco, mas como esta parte era sangrada, nas aplicações a uma cor o 2AB acabava assumindo a cor do fundo. Na aplicação sobre papelão, por exemplo, o 2AB assumia a cor do papelão e pelas questões de percepção figura-fundo a parte tipográfica ficava mimetizada com a caixa, deixando visível a contraforma preta, que dificultava a leitura (efeito parecido com o que acontece na marca do carrefour), então resolvemos fechar a caixa no topo e na base, o que serve para isolar e proteger a leitura da marca.

Experimentamos completar a curvatura do 2, mas isto gerou um desequilíbrio na marca, com um fechamento estreito o “2” ficava sangrando e o AB não, aumentando a área para não sangrar o “2” sempre ficava mais próximo do limite e criava um ponto de tensão, o que só era resolvido alterando o desenho do 2 ou ampliando a caixa atee uma forma próxima ao quadrado, o que a distanciava muito da marca anterior.

Qual a imagem que a empresa quis passar com esta mudança?

Na sequência, fazia parte do briefing encontrar um modo de deixar claro o que é a 2AB. Nesse ponto decidimos transformar a marca em marca-guarda chuva e submarcas, já que a 2AB é mais que uma só atividade. Há a 2AB editora e a 2AB livraria virtual. Criamos o conceito de 2AB institucional, que fala em nome de todos, e de submarcas para a área editorial e para as aplicações digitais. Isto permite usar de modo mais flexível as submarcas, podendo ser customizadas e animadas conforme a aplicação, e prepara a 2AB para o crescimento (podem surgir outras submarcas associadas a novos negócios no futuro).

Por que o logo para web (em 3D) teve uma alteração muito maior da versão para impressão/chapada?

Como é uma área mais recente, e uma unidade de negócios separada da editora (é livraria virtual que vende inclusive livros de outras editoras), foi melhor distanciá-la graficamente das assinaturas editoriais.

Optamos por uma solução tridimensionalizada para dar mais opções de customização a esta marca, ela pode ser animada como a marca da MTV, pode ser animada como uma caixa de vidro onde coisas acontecem dentro, como algo que vai se construindo (tijolinhos empilhados), como algo que vai sendo desenhado, etc.

Gostaria de agradecer ao André pela entrevista e a Renata (da 2AB) por ter me colocado em contato com ele.

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Re-design do logo da NASA
• Novo logo do Pão de Açúcar
• Os 10 logos mais memoráveis do mundo

Pode parecer nome artístico, mas não é. Bruna Bites, além de ter um dos sobrenomes mais invejados pelos nerds, é uma publicitária que atua como diretora de arte. Contratada pela Kingo Labs (empresa do próprio Jonny Ken), Bruna redesenhou o migre.me deixando-o com um visual muito mais profissional e interessante, além de resolver outros problemas de usabilidade.

Confira a entrevista exclusiva que tivemos com a Bruna por e-mail, falando um pouco sobre o processo de desenvolvimento do novo visual.

Bruna, como que você conheceu o migre.me?
Conheci o migre.me por meio do próprio twitter, vendo os links que várias pessoas que eu seguia postavam.

Como você foi chamada para refazer o layout? Teve algum tipo de “concurso”, uma agência foi contratada ou você foi contratada por uma agência?
Na verdade, a Kingo Labs, que surgiu da sociedade entre o Jonny Ken, Paula Signorini e Maria Carolina, me contratou como designer de interface para cuidar de toda parte visual relacionada às suas ferramentas. E isso inclui o migre.me, que passou a fazer parte dos produtos da startup

Você teve alguma fonte de inspiração para desenvolver esse layout? Qual foi?
Na verdade foram várias referências. Mas todas com algo em comum: ser clean e com uma identificação imediata da função da ferramenta.

O que você achava do layout antigo?
O migre.me antigo era pesado, meio over, com uma grande associação ao layout do próprio twitter e com excesso de informação.

Layout antigo do migre.me: tabelas e visual pobre

Layout novo: firme e bem focado

Quais eram os principais problemas do layout antigo?
A arquitetura deixava a desejar na busca de algumas informações e no uso de determinadas funções. Havia um excesso de informação em algumas áreas. Além do uso de tabelas, ao invés de um CSS mais estruturado, o que, de certa forma, deixava o carregamento mais lento.

Você acha que um layout novo ajuda o serviço a crescer? Por quê?
Com certeza. O migre.me começou como uma brincadeira do Jonny Ken e aos poucos foi assumindo um ar mais sério. O novo layout ajuda a reforçar essa nova fase, mais profissional, mais moderna. Além de resaltar as mudança constantes que o serviço vem sofrendo para otimizar seu uso.

Como foi o processo de criação do layout?
Se iniciou com um benchmark de vários encurtadores existentes. Depois com uma extensa busca por referências ideais. A partir daí fomos avaliando o que deveria ganhar destaque ou, até mesmo, ser excluído na nova versão. Após algumas propostas, definimos essa linha visual que está no ar e o fluxo de trabalho foi se tornando meio natural, com aplicação dos padrões definidos no conteúdo já existente. E todo esse processo foi feito com pitacos da equipe Kingo Labs, que de certa forma, são grandes usuários do serviço e o conhecem profundamente.

Qual era o objetivo principal na nova versão? A que precisava-se dar ênfase?
O principal objetivo era marcar essa nova fase com um layout mais profissional e mais atual. Além disso, era necessário simplificar o que se via na tela. A marca criada pelo tio .Faso, começou esse processo e o layout com a nova arquitetura também acompanharam essa tendência. Obviamente, o campo encurtador foi um dos grandes pontos de mudança. Ele ganhou um destaque maior para simplificar já na home a função principal do migre.me.

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Entrevista: Paul Boag
• Regulamentar a profissão de designer – sim ou não?
• Mega sorteio Design Blog e Adobe!

Consegui uma entrevista exclusiva com o podcaster e web designer britânico Paul Boag – podcaster no Boagworld e dono da Headscape. Nesta entrevista, falamos sobre como ficar por dentro das novidades na web, conselhos para web designer iniciantes e os benefícios que um podcast pode trazer.

Trabalhando com web desde 1994, Paul Boag é um dos podcasters mais famosos no mundo do design por gravar um podcast semanal sobre design e desenvolvimento web, parada obrigatória para quem quer ficar por dentro das novidades e consegue entender o sotaque britânico. Junto com Marcus Lillington e uma equipe de apoio, lançam toda semana o Boagworld – e se você nunca escutou, taí seu dever de casa pra hoje.

Ele também está atualmente escrevendo o livro “Website Owners Manual” (“Manual para donos de sites”) – um livro para todos aqueles envolvidos com o design, desenvolvimento e manutenção de sites, profissionais ou não.

Paul, você trabalha com sites desde 1994. Você acompanhou as mudanças constantes que alteraram a web a cada semana. Como você fica por dentro das últimas notícias e tendências no mundo do web design?

Sendo obsessivo-compulsivo :) Eu gasto um tempo considerável do meu tempo me mantendo informado pois amo o que faço. Eu tenho um sério problema de não conseguir prestar atenção por muito tempo e estou sempre procurando pela próxima notícia.

Eu assino um número considerável de feeds RSS que leio toda noite na cama antes de dormir. Eu também sigo muita gente legal no Twitter que geralmente postam as notícias importantes pra mim.

Por último, sou sortudo o suficiente de conhecer e poder entrevistar no podcast muitas pessoas inteligentes que estão fazendo coisas incríveis. Aprendo muito deles.

Sabemos que você está escrevendo seu primeiro livro faz algum tempo já. O que te inspirou ou te motivou a começar a escrever o “Website Owners Manual“?

Preguiça :) Boa parte do meu trabalho no Headscape é trabalhar com e educar clientes. Notei que sempre estou tendo as mesmas conversas sobre os mesmos problemas toda vez. O livro é meu jeito de juntar todas essas conversas e conseguir oferecer aos meus clientes uma fonte única definitiva. O problema atual é que, embora exista muita informação disponível online, muito do conteúdo é técnico demais para donos de sites normais.

Os capítulos no livro estão disponíveis para quem faz a pré-compra dele assim que você termina de escrever cada um. Até quando você planeja em lançar o livro inteiro?

Boa pergunta! Queria ter uma resposta sólida. Atualmente, estou achando que consigo terminar até o dia 15 de Outubro. No entanto, trabalhar com editoras parece diminuir o ritmo do meu trabalho.

Você fica preocupado com a possibilidade dos capítulos que você escreveu ficarem desatualizados até o momento do lançamento do livro? Ou o conteúdo é atemporal?

Para ser honesto, boa parte dos assuntos que escrevi são genéricos. Eles tem tendência a não mudarem tanto quanto o conteúdo técnico. Escrevo sobre teorias gerais, não técnicas específicas.

O Boagworld podcast é o podcast mais antigo ainda gravado no segmento. Como você consegue gravar um episódio toda semana?

Você precisa manter o entusiasmoConsigo principalmente por que amo o que faço (na maioria das vezes). O podcast também me traz alguns benefícios:
1. Me força a ficar por dentro das novidades,
2. Me permite falar com pessoas inteligentes que geralmente não me dariam muita atenção,
3. É uma ótima ferramenta de marketing para minha empresa, Headscape
4. Me encoraja a pensar bem a respeito de assuntos antes de apresentá-los ao público.

Esses benefícios são um bom motivacional para continuar. Eu também preciso dizer que tenho voluntários que ajudam com o trabalho pesado. Marcus e Anna Debenham cuidam do áudio e da publicação. Ryan Taylor arranja as entrevistas, transcritos e notas adicionais. E Paul Stanton encontra todas as notícias que falamos no show. Sem eles, sem dúvida não iria conseguir manter o podcast.

Junto com Marcus Lillington – seu co-apresentador – vocês fundaram a Headscape. Vocês fundaram a empresa de vocês quando começaram a trabalhar com web?

De jeito nenhum. A Headscape foi fundado em 2002. Eu estive envolvido com a web desde 1994. Entre estas duas datas, trabalhei em um “ponto com” falido e IBM. Nenhuma dessas duas experiências foram agradáveis.

Decidimos fundar o Headscape por que o “ponto com” em que eu, Marcus e Chris trabalhamos, faliu. Nós tivemos uma oportunidade para fazer as coisas direito e “recuperar” alguns dos clientes que tivemos no “ponto com”.

Desde então não olhamos mais para trás. Não consigo mais me imaginar trabalhando para outra pessoa. Adoro cuidar dos meus próprios negócios.

Na sua opinião, o que os web designers precisam fazer para ficar por dentro do mercado?

Você precisa manter o entusiasmo. Se você for um entusiasta pela web, seu trabalho de web design torna-se mais do que um emprego. Você tem desejo de brincar com a web, criar coisas e experimentar novos meios de fazer outras. Se você estiver entusiasmado com a web, você quer ler sobre as últimas tendências e está constantemente pensando em coisas novas e exclusivas que você pode fazer. Sem entusiasmo, você ficará preso numa rotina e por fim, falhar geral.

Você recomendaria que um web designer iniciantes trabalhe solo (freelancing), abra sua própria empresa ou trabalhe para outra no início de sua carreira?

Trabalhe para outros – há muito a ser aprendidoNo início da sua carreira, trabalhe para outra pessoa. Existe muito a ser aprendido dessa maneira. Embora eu odiasse meu trabalho na “ponto com” e IBM, eu aprendi muito. Por exemplo, aprendi como NÃO cuidar da empresa. Não acho que muita gente terminando a universidade tem o preparo ideal para o mundo do trabalho. Consiga experiência primeiro, e depois vá trabalhar como freelancer.

Você conhece algum web designer brasileiro (pessoalmente ou virtualmente), ou teve algum contato com qualquer relacionada ao design brasileiro?

Infelizmente não. Oh, que vergonha! ;-)

Paul, para finalizar nossa entrevista, qual o melhor conselho que você daria a qualquer designer?

Seja um apaixonado e entusiasta. O resto, você aprende.

O livro de Paul Boag já está a venda, embora não tenha sido lançado ainda. Ao comprar o livro na pré-venda, você obtém acesso aos capítulos já escritos e os próximo a serem publicados. O pré-acesso aos textos mais o eBook completo quando for lançado custa US$ 22,50. O pré-acesso aos textos, mais o eBook e mais o livro impresso custa US$ 39,99 e pode ser comprado no site oficial do “Website Owners Manual“.

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Novo Forum de Design
• Regulamentar a profissão de designer – sim ou não?
• Mega sorteio Design Blog e Adobe!