São Paulo é a cidade da diversidade cultural, do clima maluco, da mistura de pessoas de diversos lugares do país e do mundo. Essa mistura já faz parte da identidade cultural da cidade, mas nem por isso deveria ser tão desorganizada em termos de padrões na comunicação visual.
Entra gestão, sai gestão e quando se há intenção de fazer uma coisa legal, uma nova direção entra e desfaz o que já vem sendo construído. Me parece também que não existe um planejamento visual para a comunicação na cidade como um todo e isso acaba prejudicando o dia a dia do cidadão.
É como se não houvesse padrão entre as seções de uma publicação impressa, entre as páginas de um site ou entre as estações do Metrô.

Não estou dizendo que tudo precisa ser igual, mas é como uma marca que tem o seu manual de identidade ou seu “guideline”. Tudo se constrói através de um guia de estilo onde a linguagem visual obedece a um padrão de conceito, formas, cores, tipografias…

Bom, acho que não estou falando nenhuma novidade, mas é que é assunto básico no que se refere à preocupação com o usuário na área em que atuo (Arquitetura de informação e Design). Ou seja, num site por exemplo, se não tivermos uma unidade visual entre as páginas, não temos uma boa experiência de uso, o usuário se perde e sai do site. A diferença da “experiência de uso” em uma cidade é que você não tem como sair dela em apenas um clique.

Andando por São Paulo e observando diferenças entre tudo o que deveria ter uma ligação tanto visual quanto funcional, constatei que o padrão da cidade é não ter padrão. Ruim para a cidade, para o residente e para o visitante.
Um dos grandes problemas do projeto da cidade é a falta de pesquisa com os próprios cidadãos pagantes dos impostos (se teve, não parece que existiu). Ou a prefeitura te consultou antes de fazer alguma mudança grande no seu bairro? Você fez parte de alguma pesquisa?

Em cada bairro se vê um tipo de sinalização, de passarela, de iluminação, de ciclovia, de transporte, de pontos de ônibus, etc.
Então me baseei apenas em um exemplo onde a falta de padrão acontece: nos pontos de ônibus de São Paulo. E como não tive tempo de fotografar os pontos por aí, printei imagens do Google Street View.

Logo quando eu estava fazendo esse levantamento, começaram a surgir os novos pontos de ônibus, aí pensei “Que legal! finalmente vão padronizar e melhorar a condição dos pontos!”, aí decidi incluir a crítica nesse mesmo post.

Olhando de perto, fico pensando na quantidade de vidro que cada ponto tem. E se isso quebrar? Não vai ficar perigoso, machucar alguém? O quão rápido será a manutenção disso?
Sem dizer que a publicidade foi a primeira a ser colocada, mas… onde é que fica a indicação de quais ônibus passam ali?
Ouvi dizer também que em dias de sol o ponto vira uma estufa e “cozinha” quem estiver ali.
Esse é só mais um de muitos casos onde o poder público gasta milhões sem o consentimento de quem REALMENTE usa o serviço.

Aproveitei também para pesquisar o que o criador e público tem dito sobre os novos pontos. Divirtam-se!

Focamos nossas soluções nos passageiros, oferecendo proteção, segurança, conforto, bem-estar e dignidade. Fizemos abrigos inteligentes, adicionando tecnologia e comunicação instantânea com os ônibus e com a cidade, elevando a experiência dos passageiros a um novo patamar (ver matéria)

A intenção é embelezar São Paulo com as estruturas, que vão ser bem iluminadas e foram desenhadas para dar orgulho ao cidadão. (ver matéria)

Anunciados pela prefeitura como mobiliários com design e tecnologia modernos, os novos pontos de ônibus paulistanos estrearam sem informação básica: quais linhas passam pelo local. (ver matéria)

A maioria achou-os bonitos, mas está preocupada com a conservação. “Não dou uma semana para quebrarem esse ponto”. (ver matéria)

Qualquer cobertura opaca é melhor que o melhor dos vidros, ainda mais com teto baixo. Fica a sensação de mormaço de praia. (ver matéria)

Os usuários também reclamam do tamanho da cobertura dos pontos de ônibus. “Não cabe. Pelo fluxo que tem São Paulo, eles são muito pequenos. (ver matéria)

Veja também o post Descomunicação visual onde registro e falo sobre a lei Cidade Limpa na época em que o Prefeito Gilberto Kassab a implementou e o post Comunicação Visual mostrando as lojas dois anos depois.

Esse ano foi o ano do “sem tempo”. Talvez o ano que menos postei por aqui, é verdade. Conciliar trabalho, vida pessoal, estudo, freelas, etc não é fácil. Mas apesar da falta de atualização constante, vi um aumento de acessos no decorrer dos meses. Por isso também queria agradecer a todos que tiveram a paciência de esperar cada post, das curtidas e dos compartilhamentos que ajudaram e ajudam este Blog a crescer. Valeu mesmo!

Iniciei o ano trabalhando na Gauge com experiência do usuário e testes de usabilidade para clientes como Natura, Porto Seguro e Wallmart. Depois tive oportunidade de integrar a equipe de UXD (User Experience Design) da Ogilvy & Mather e até então cuido de clientes como Coca-Cola, Dove, OsGemeos, Jac Motors, AdeS, Schweppes entre outros.

Dos principais freelas, fiz um trabalho de facilitação gráfica, fotografia de vitrines para a Tory Burch e um trabalho de Arquitetura de Informação com Responsive Design do novo site da Speedo.

E como todo fim de ano faço o Top 10, segue os posts de 2012 que mais fizeram barulho este ano:

Depois de tanto tempo sem tempo, finalmente fiz meu portfólio no Behance.
O intuito é publicar lá trabalhos mais visuais mesmo, então foco agora é em projetos pessoais e ilustrações, mas eventualmente entre projetos de AI e foto  também.

Recebi uma encomenda para fazer um convite de casamento baseado em uma linguagem que já havia aplicado em alguns trabalhos. A ideia era fazer convites exclusivos para os padrinhos, utilizando uma linguagem bem manual para dar uma característica mais pessoal.

Então segue o passo a passo de mais um trabalho que foi bem legal ter feito =)

Criação dos avatares dos noivos

Design do cartão para aprovação

Antes de iniciar o trabalho do desenho na munheca, fiz um layout no computador apresentando a ideia do envelope e a disposição dos elementos na parte interna e externa do convite.

Desenho à mão com a ajuda de uma mesa de luz

Com base no layout aprovado, iniciei o trabalho desenhando o cartão à mão para depois escanear e enfim fazer a arte final e enviar para a gráfica.

Montagem do Mock-up

A montagem de um mock-up para fazer o teste de cortes e encaixe foi essencial para evitar surpresas no final do processo. Este mesmo processo foi feito na criação de um folder que postei aqui no Magel a alguns meses atrás.

Produção do envelope

A quantidade de convites era pequena, então sugeri que fossem feitas algumas “janelas” destacando palavras da capa do convite. Por este motivo eles tiveram que ser manualmente confeccionados, um a um.

Gráfica e finalização

Depois da impressão ainda escrevi o nome dos convidados em cada envelope.

Resultado final =)

E a entrega, de bike.

A satisfação vem agora, no sorriso do cliente!

O convite acompanhou um mini bolo feito pela Bololândia e inspirado nos avatares dos noivos criados para o convite.

Se curtiu este trabalho vai gostar também do cartão de aniversário personalizado

Hoje vou levantar uma questão que tem a ver com produção, processo e meios que podem otimizar a vida do designer (e do cliente), minimizando refações e garantindo os prazos. Então descrevi nesse post um caso prático, mostrando o passo a passo deste trabalho.

Job: Criação de um folder frente e verso.

Briefing: Criar um folder tipo cabide. Este folder deve ser impresso em 4/4 (4 cores, frente e verso), com verniz em reserva em algumas áreas com faca especial (no cabide) para ser pendurado em retrovisores internos dos automóveis.
O folder também deve ter picote para que uma área seja destacada e mais, nele deverá ter 2 espaços para ser preenchido à mão assim que forem definidos os tipos de produtos pós compra e outra área que receberá um código por folder, por isso ela deve ficar em branco.
Outra necessidade é exibir dentro do folder duas marcas distintas apresentando sua linha de produtos, dando a possibilidade do instalador escrever quais produtos foram instalados.

Aí pronto, é só desenhar tudo isso de uma forma clara e fácil de entender.

Desafiador, não?

Pois é, diante desta quantidade de informações a serem consideradas, usei o meu conhecimento de Arquiteto de Informação, implantando o wireframe (uma das formas que servem para documentar um projeto na fase da Arquitetura de Informação) antes da criação visual, dando prioridade para a aprovação da informação em primeiro lugar.

Primeiramente levantei as informações, elencando junto ao cliente as chamadas e as prioridades dada a cada elemento no folder e a partir disso, iniciei uns sketches.

Feito o levantamento das informações, iniciei o estudo do trabalho ordenando os textos e gráficos em uma primeira versão, ou, como disse, o “wireframe” da peça.
Qualquer cliente que esperasse receber um layout e recebesse um folder sem cor, com certeza iria estranhar. Por isso propuz este processo com a finalidade de acertarmos o projeto de ponta a ponta, minimizando a margem de erro, tanto minha, do cliente quanto o da gráfica.

No final o cliente ficou feliz com o processo e com o resultado (e eu também!)

Wireframe inicial

Mocku-up ou Boneco

Apresentação do layout feito em Illustrator e finalizado no Photoshop

Mockup do layout final (feito após a aprovação do passo anterior)

Prova de cor e área do verniz em reserva

Estudo de formato do cabide

O formato escolhido foi o terceiro da esquerda para a direita por seguir mais a linguagem aplicada no visual do folder e por alguns carros terem a aste que segura o retrovisor mais espessa.

Folder impresso

Legenda:
1) Campo para ser preenchido após a escolha dos tipos de insulfilm.
2) Área que será destacada para fixar no volante do carro, informando ao dono a data correta para a abertura dos vidros e uso do desembassador térmico traseiro.
3) Picote da área a ser destacada.
4) Número de série do certificado para o controle da garantia.

Folder no carro

Ao se envolver na criação de uma peça gráfica, o designer deve se atentar a outras coisas tão importantes quanto à parte visual, como a ergonomia (onde e como isso será utilizado?), ao tamanho e prioridade da informação (quem vai ler? qual a distância?), a produção, etapas de aprovação e as próprias peculiaridades da área impressa – e são muitas! (bonecos, provas, verniz, corte, fechamento de arquivo e por aí vai).
A criação de um folder pode ser mais complexa do que imaginamos, por isso é bom se atentar às necessidades do cliente, responsabilidades do designer e todos os detalhes na hora de orçar.

Meu amigo, designer e ilustrador Gustavo Bacan trabalhou na criação dos ícones e no fechamento de arquivo da peça. Valeu, Guga!

Este ano foi uma pauleira!
Iniciei o ano fazendo consultoria em Arquitetura de Informação para a Insula (Agencia digital da Neo Gama) e depois toquei o resto do ano fazendo muitos freelas. O aprendizado na carreira solo foi enorme, uma etapa necessária para quem quer abrir seu próprio negócio ou quer ter liberdade e uma qualidade de vida melhor.

O meu perfil multidisciplinar e liberdade na escolha dos trabalhos permitiu que eu fizesse trabalhos de vários gêneros. Trabalhei com criação de logotipo e desenvolvimento de um manual de identidade visual, fotografei salas comerciais da Virtual Office e vitrines da Louis Vuitton, fiz ilustrações em tempo real em workshops da rede O Boticário, trabalhei com edição de vídeos, criação de infográficos, me envolvi na área gráfica fazendo a criação de um folder, ilustrei materias para a revista Super e Nova Escola e fiz projetos da área de Arquitetura de Informação atendendo a algumas agências me envolvendo em projetos do Banco Itaú, Bradesco, Harley Davison, Pernambucanas, Jimbo e Brasil.gov nas plataformas web, tablet e celular.

Depois de me envolver em tantos projetos como freelancer, recebi uma proposta de trabalho da empresa Gonow. Lá comecei implantando novos processos de AI e participando de um projeto legal da editora Saraiva que estará no ar em breve.

Como não bastasse essa agitação toda, surgiu um novo desafio para iniciar 2012: Uma proposta para integrar à equipe de UX da Gauge. Decisão tomada, lá vou eu!

E como de praxe, segue abaixo os 10 posts que mais deram audiência aqui no Magel =)

Por que não dá para fazer um projeto de Design por R$100?

Você já fez essa pergunta para si mesmo? Alguém já perguntou por que você cobra “caro” para fazer determinado trabalho?

Vamos à um exemplo prático: Criação de logotipo.

O cliente te contrata para fazer o desenho de um logotipo, você avalia o briefing, orça, o cliente aprova e vamos ao trabalho!

Primeiramente começamos fazer uma pesquisa no campo de atuação do cliente. Essa pesquisa pode ser feita de “n” maneiras, mas vou exemplificar aqui a grosso modo quais são os passos mais comuns de um trabalho como este.

Então iniciamos pela pesquisa que pode começar fazendo uma visita ao cliente, o conhecendo, a empresa, seus funcionários, forma de trabalho, de produção de seu produto, de sua filosofia, sua história, etc. Nesta pequena visita você vai dispor de seu tempo, seu conhecimento, sua gasolina, o pedágio e o seguro do seu laptop (caso o tenha). Isso tem um CUSTO. Em um dia essa “bobeirinha” pode lhe custar R$50, R$200, R$300 ou R$2.465,00 se você bater o carro ou roubarem o seu Laptop.

Ainda tem dúvidas que um desenho de um simples logotipo pode sim custar R$100? Então continuamos…

Depois da visita ao seu cliente a pesquisa continua. Você vai até o shopping, supermercado ou local onde o cliente de seu cliente consome a marca (lembre-se: seu cliente NÃO É o público final), e então vai observar o seu comportamento, seus hábitos perante o produto.
Contabilize aí: gasolina + estacionamento, ok?

Ah legal, a pesquisa então acabou?

Não, mas não mesmo!
Você vai chegar em seu escritório, vai ligar o seu computador e fazer uma incansável pesquisa por símbolos, nomes, imagens, textos e tudo o que possa lhe ajudar no suporte de tudo aquilo que já pesquisou. Essa pesquisa pode durar horas, dias.
Some aí a internet que você paga, seu aluguel, seu café e tudo o que vai manter você aceso para continuar pesquisando.

Depois da pesquisa, se comunique com o cliente enviando e-mails, ligando e falando sobre a sua pesquisa, quais foram suas impressões e resolva suas possíveis dúvidas.
Sim, você também vai pagar esses minutos no telefone, não? Isso também custa.

Depois de um bom papo e dúvidas resolvidas você já pode começar a tão sonhada parte da criação.
A criação não é composta apenas de internet e photoshop. Ela passa por um longo processo de absorvimento da pesquisa já concebida. Ela envolve mais pesquisa em livros e revistas (isso também é custo, vc os compra todo mês!) de referência que você deve ter, passa por leituras que servirão de base conceitual e argumentativa, sem contar a sua formação e experiência que também o ajudarão indiretamente nessa hora e que também possuem um custo indireto, afinal você investiu 4 anos ou mais de sua vida estudando para fazer um projeto decente.

Aí vem o famoso brainstorm, onde você vai “vomitar” ideias sem se preocupar com a qualidade conceitual ou gráfica. É hora de soltar o traço em seu sketchbook, em folhas de papel ou da maneira que você achar que o exercício o ajude na criação. Você pode usar massinha, canetinhas coloridas, tesoura, cola, arames… enfim. Sem limites nessa hora.
Bom lembrar que, se você tem um conjunto de materiais que servem de insumo para suas criações, você o comprou e vai precisar repor quando estiver acabando né? Pois é, isso custa.

Depois do brain e de dezenas de folhas gastas com seus sketches, você começa iniciar um processo do reconhecimento de uma forma que pode vir a ser o novo logo do seu cliente. Trabalhe na ideia e em suas variantes de maneira incansável. Não se contente com a primeira, segunda ou vigésima ideia. Esgote a sua cachola, relaxe e depois volte ao trabalho com a cabeça mais fresca.
[Relaxe = pare um pouco, tome café, faça um esporte, assista um filme, durma.]

Este processo pode durar dias e dias. A criação de um logo que vai ficar lá na fachada da loja do seu cliente e que vai ficar na fachada do seu portfólio não vai sair de uma hora para outra.
Esses dias e dias vão lhe custar as suas horas que, embutido nelas estão a internet, o aluguel e todo o resto que eu já falei aqui.

Depois que você já rabiscou bastante, agora é a hora mais rápida, a hora de desenhar no Illustrator/Photoshop, né? Não, não é.
Agora você ainda vai definir uma palheta de cores, desenhar o símbolo e escollher a tipografia. Uma boa tipografia também pode levar dias para você achar. O tipo é um ítem tão (ou mais) importante que o símbolo. Não a ignore. Isso quando você não desenha a tipografia especialmente para o logo ou o faz em AllType – Logotipo usando apenas tipografia. Mas trabalhar com tipografia é tão complexo que vale um texto a parte só para projeto tipográfico.
Feito os primeiros desenhos, você vai marcar uma outra reunião com o cliente (isso vai lhe custar novamente!) ou, dependendo do caso você manda por e-mail para ele analisar e aprovar ou não.

Cliente diz: “hummmm, não gostei”. Você já ouviu isso?

Existem muitos designers que nessa hora desanimam, fazem cara feia, dão contra argumentos só para acabar o projeto (agora você descobriu que cobrou pouco), enfim. O cliente está feliz pela sua promessa, pelo seu atendimento e muito mais pelo preço que ele vai pagar, e ele não tem culpa que você cobrou muito pouco. Ou você sustenta até o final ou perderá o cliente pelo seu erro de cálculo.

A não aprovação de uma, duas, três ou mais vezes pode acontecer. Faz parte.
(Você pode fazer um contrato para ambos assinarem antes de iniciar o trabalho, tentando se proteger de dezenas de refações, por exemplo. Tudo pode ser combinado por escrito e assinado).

Bom, se não foi aprovado, hora de voltar para as pesquisas, analisar as considerações do cliente, rafear muito, finalizar, fazer testes de impressão no seu escritório ou na gráfica… E tudo isso vai lhe custar mais tempo, mais materiais de escritório, tinta da impressora, transporte para a gráfica, gasto com impressão ou motoboy para buscar a impressão pra você caso não tenha tempo de ir até a gráfica.
Contente com o resultado? Ligue para o cliente e marque outra visita. (contabilize os custos!)

Ebaaaaa! Aprovado!!!

Hora de voltar para o escritório, finalizar a arte, gravar um CD e fazer a entrega pessoalmente, claro. (Contabilize aí mais uma visita)

Esses exemplos que citei fazem parte de experiências que já tive. Cada caso é um caso, mas de fato cobrar uma merreca por um projeto de design é inviável.
Muitas vezes o próprio possível cliente não reconhece o seu preço, seu conhecimento acadêmico, sua experiência e competência profissinal, se apegando apenas nos números que passou para ele, achando que “desenhar” um símbolo é fácil, rápido e custa pouco. Este tipo de cliente talvez não sirva para você.

Baixando muito o seu preço vai afetar o seu lucro e até o seu custo básico. Você pode até ganhar o cliente cobrando 100 e dar risada dos amigos que cobram 1000, mas não vai conseguir manter o mesmo padrão de qualidade nos próximos projetos, muito menos apresentar um orçamento com 1000% de aumento no próximo logo pra ele, o que tornará o seu negócio insustentável com o tempo.

Valor é um negócio complicado e depende da forma que cada um estipula seu preço. Você pode ser freelancer, ser dono de uma micro empresa ou “sobrinho”. Ser estudante, profissional ou empresário, mas todos tem seu custo/hora.

Se quiser fazer que seu cliente o respeite e o leve a sério, você também tem que se levar a sério, né?

E você, concorda, não concorda ou tem alguma experiência para dividir? Comenta aí!

Este título parece um tanto redundante, não?

De fato é. Depois do post sobre a reforma do meu escritório (conhecido também como “Home Office“), a jornalista Cecília Arbolave da revista Minha Casa da Editora Abril entrou em contato comigo para que essa história fizesse parte da matéria Trabalhar aqui é bom!. O título não podia ser melhor, por que é bom mesmo trabalhar em casa.

Dizem que trabalhar em casa traz melhor qualidade de vida. E é verdade. Apesar de passar por momentos de trabalho intenso, assim como em qualquer lugar, só o fato de não ter que perder tempo e stress com transporte por exemplo, já faz uma enorme diferença.
Disciplina e organização são as primeiras palavras para quem trabalha em casa. Só com elas você consegue se manter, não misturar casa com o trabalho (apesar disso muitas vezes ser inevitável) e por fim buscar a tão falada qualidade de vida.

O “trabalho solitário” é um dos contras. Muita gente não suportaria, mas é também uma questão de costume. Vale também sair, visitar clientes, tomar café com os amigos que trabalham em empresas e conversar com as pessoas para não endoidecer de ficar dias enclausurado.
Outra coisa é o seu perfil. Trabalhar sozinho exige que você faça o orçamento, a venda, o atendimento, o trabalho propriamente dito, a cobrança, o financeiro, e muitas outras coisas. Além disso a capacidade de se auto-gerenciar é obrigatória.

Aproveito para indicar dois livros bacanas para quem quiser “se aventurar” nessa vida de Home Office: Manual do Freela e Atendimento Nota 10

Ah! já ia me esquecendo das imagens da Minha Casa!

Fotos Marcos Lima (SP)
Reportagem Cecília Arbolave

E para que não viu o post com detalhes da reforma, segue o vídeo:

E você? trabalha em casa, já trabalhou ou tem vontade de partir para a carreira solo? Diga aí!

Mais um projeto pessoal emplacado!

O projeto chama-se “Follaje“. É uma palavra espanhola que significa “Folhagem” em português. A inspiração no assunto talvez ainda tenha vindo da viagem que fiz para a Amazônia no início deste ano. Essa sim rendeu muito material para o blog.

Para desenhar esta tipografia, usei a Helvetica Neue Condensed Black como base. Queria uma tipografia firme e um tanto larga para que eu pudesse cortar com o estilete sem muita dificultade a forma das folhas dentro dela. No desenho arredondei partes das letras para dar unidade ao trabalho.

A ideia inicial era apenas colocar o papel cortado em cima de um fundo verde para passar a ideia das folhas. Eis que a brincadeira começa…

Depois tive a ideia de deixar o papel do fundo com uma leve curvatura, fazendo com que as sombras reforçassem ainda mais o conceito.

Depois disso coloquei todas as folhas em pé e o resultado você vê abaixo:

E finalmente todas as letras, uma por uma:

E para fechar o post com chave de ouro, um making of básico do Magel Studio

Filmagem e edição feito por Fabio de Bortoli

Antes deste trabalho, minha ultima peripécia com o estilete foi um cartão de aniversário que fiz em 2009. Ficou bem legal também, dá uma olhada!

Design, Arquitetura de Informação e fotografia. Taí três coisas que eu não consigo me desvencilhar. Primeiro comecei a estudar design e segui carreira. Logo no início da faculdade também carregava uma Sony Mavica (Aquela de disquete, lembra?) e na época já fazia trabalhos profissionalmente com ela (acredite!). A qualidade era péssima, mas como trabalhava com propaganda multimídia, onde as fotos tinham que ser tiradas e imediatamente descarregadas para ser exibida em uma tela computador que na época chegava no máximo 800×600, atendia bem o recado. Depois da facu, fiz pós em AI e gostei muito do novo desafio que eu tinha pela frente, tive também um pouco de sorte e aqui estou, enchendo linguiça antes de mostrar o que interessa, que são as fotos =P.
Mas uma coisa é fato, eu gosto dos três. E quando de alguma forma eu consigo juntar conhecimentos das 3 áreas, vixi maria, como com farinha!

Estas fotos foram feitas depois que cataloguei todos os meus livros (fiz um post falando sobre isso). Foi aí que me permiti organizá-los por cor. Se não estivesse catalogado deixaria organizado por assunto, como estava antes. Na minha opinião é mais prático quando se quer achar algo, pois grande parte dos livros eu uso para consultar no dia a dia, então a função da organização na estante acaba sendo mais importante que a forma.

Mas agora eu tenho os três F’s: Forma, função e foto! Espero que gostem

Se gostou dessas fotos, vai gostar também dos Ensaios com Playmobil