Exibindo arquivo da categoria Profissional.

quarta-feira, 12 de maio de 2010

Enquanto isso: Novo blog do Empreendemia

Como diz o ditado, “Não existe ex-blogueiro”. Pior, antes eu tivesse largado um para começar outro. Mas não, criamos mais um blog, mas desta vez como uma mistura do prazer de blogar com a necessidade de divulgar o que acontece com a nossa empresa.

O Blog Empreendemia é exatamente um espaço para divulgar ao mundo que ocorre dentro da empresa para nossos entusiastas nos acompanharem, e também para conquistar novos visitantes.

Categorias: Enquanto isso, Profissional Nenhum comentário

quinta-feira, 18 de março de 2010

Como fazer um currículo original?

Se tem algo que sou contra, são esses sites de recrutamento que não te dão a liberdade de personalizar seu currículo. Currículo (ou curriculum) é um documento pessoal. É algo que mostra sua carreira e seus interesses. Forçar Direcionar o candidato a escrever do jeito que  a empresa quer, no formato que ela quer, e o que ela quer, só está omitindo as verdadeiras qualidades do profissional.

Mas felizmente ainda existem boas almas dentro de boas empresas que ainda optam pelo bom e velho “envie seu currículo para vagas@”. E é aí, caro leitor, que você deve fazer bonito.

Um CV deve ser minimamente bonito, bem organizado, legível e de alguma forma se destacar dos demais. Se você for engenheiro, matemático, ou qualquer profissional da área técnica, seja direto, conciso e mantenha seu documento sempre limpo. Ainda assim é possível ser original e colocar uma arte sem ofuscar os olhos do cara que vai ver o seu currículo.

Agora, você, designer, arquiteto, artista plástico ou qualquer outra merda dessas aí, não faça qualquer lixo. O que vejo na grande maioria é criar um CV toscão, só com texto e muito mal formatado em geral, e criar portifólios lindos maravilhosos. Sujeito, se seu CV for uma merda, o camarada do outro lado não vai nem se interessar para abrir seu portifólio.

Sugestão: use sua capacidade e crie um CV bonitinho. Apesar de empreendedor, ainda preciso tirar uma graninha extra e isso faço com freelances em desenvolvimento de front-end. E como eu sofria simplesmente mandando meu CV de engenheiro pedindo trabalho.

Foi então que eu fiz essa merda:

Um infográfico contando minhas principais atividades e cargos já ocupados. E ainda mostro pro sujeito que eu sei sim mexer com arquitetura da informação, com ferramentas gráficas e tenho alguma noção em design. Isso tudo sem ele precisar clicar no meu Portifólio.

Não é a maior bacanisse?

Fica a dica!

Categorias: Artístico, Profissional 14 comentários

quinta-feira, 4 de março de 2010

Identidade visual, site e logotipo do Hubit

Na terça-feira, lançamos o site Hubit, um site de parceria dos três maiores blogs de empreendedorismo e tecnologia do Brasil: Saia do Lugar, ReadWriteWeb e Startupi, com a ideia de concentrar conteúdo de qualidade sobre startups e blogagem.

E, para variar, sou o responsável pelo projeto da marca.

Logotipo e Logomarca

A idéia que queríamos passar era a de conexão e tecnologia. Queríamos algo bem descontraído, marcante e curto. Algo que representasse a união.

Foi aí que pensei no nome “Hubit”. “Hub” de conexão. “Hubit” de conecte isso. Ou “it” de IT – Information Technology (TI – Tecnologia da Informação). Um hub de tecnologia da informação, Hubit, pareceu legal.

Daí não foi difícil associar a sonoridade com o coachado de um sapo (que em inglês é “ribbit”).

E, como uma bola de neve, pareceu mais do que interessante associar o nome e a marca com uma pata de sapo que, se trabalhado bem, transmitirá a ideia de conexão.

E assim nasceu o logo:

O verde, além de obviamente ser a cor padrão dos sapos, transmite a idéia de tecnologia, de dinâmica e de algo iniciante (startups).

Pessoas tem forte tendência a associar animais a marcas. Vide Linux, Chicago Bulls, Ferrari, Firefox, Lacoste, Playboy, Puma, Peugeot, etc, etc etc. Um sapo será o próximo sucesso!

Para ver mais, visite o próprio Hubit. Aproveite e assine seu RSS.

Categorias: Enquanto isso, Portfólio, Profissional 2 comentários

terça-feira, 27 de outubro de 2009

Tire do Papel @ Semana Global do Empreendedorismo – UNICAMP

Dia 19 de Novembro ocorrerá o Tire do Papel, evento oficial da Semana Global do Empreendedorismo organizado na UNICAMP pela minha empresa – Empreendemia.

tiredopapel

Visite o site www.tiredopapel.com.br para mais informações

O EVENTO

São 10 empresas de tecnologia mostrando produtos inovadores para uma banca avaliar a idéia. Cada empresa terá 6 minutos para apresentar e 4 minutos para ouvir as críticas da banca, formada por especialistas em diferentes áreas. Confira no site mais informações.

A IDENTIDADE VISUAL

Com pouco tempo para organizar, tudo foi feito às pressas, o que não impediu de fazer uma boa criação.

Tudo partiu do próprio nome. Precisávamos de algo que representasse produtos inovadores que estivessem a ponto de sair do papel. Nada mais justo do que o nome ser Tire do Papel. E daí logo surgiu a idéia de criar um toypaper de empresário e toda identidade visual desenvolveu-se a partir daí.

O design é simples mas direto e chamativo.

Categorias: Profissional Nenhum comentário

segunda-feira, 26 de outubro de 2009

Site Vista Verde

Vista Verde é a papelaria que meus pais tocam aqui em Barão Geraldo. Fiz este site em tempo recorde, em pouco mais de 2h.

sitevistaverdewww.vistaverde.com.br

O logotipo é bem antigo e feio pra caralho rústico, fica difícil trabalhar com ele. Então tanto faz se eu tivesse 2h ou 2 meses, o resultado não seria nada melhor.

Executei algumas possibilidades de redesign do logotipo também:

vverdelogos

Infelizmente o logotipo continuará o mesmo.

Ano que vem a loja completa 10 anos de existência. Quem sabe há alguma revisão dos valores da loja e assim creio eu que passaremos por algum rebranding.

Categorias: Portfólio, Profissional 4 comentários

quarta-feira, 8 de julho de 2009

Yuki – Caça às silabas, um jogo drag and drop em flash

No primeiro semestre de 2007, em meu quarto ano de faculdade, estava eu matriculado na disciplina MC750 – Interfaces Homem-Computador, com professor Hans, na UNICAMP. E para concluir, era necessário entregar um projeto final de semestre.

Esse projeto consistia em um programa ou jogo educativo para crianças. Foi aí que eu e Daniel Makoto (que apesar de veterano meu, era gente boa), criamos um joguinho em Flash!

O jogo é simples: há pelo cenário várias sílabas espalhadas. Você precisa procurá-las e clicar. Arraste-as até a caixa de palavras e forme todos os anagramas possíveis que representem objetos no cenário.

Yuki é um personagem meu que acabou não indo muito para frente. A idéia era eu conquistar as mulheres. Apesar de elas terem achado fofo e tal, acabei não pegando ninguém =[

Usamos Flash CS3 porém com actionscript 2 (achamos que o AS3 era muito violento para pouca coisa). Todos os desenhos e animações foram feitos por nós. As músicas baixei de algum canto que não lembro qual.

Mas o mais legal era testar o programa para ver se estávamos realmente fazendo o que devíamos! Usamos uma amiga minha que faz psicologia na PUCC e também meus priminhos. Meus priminhos conseguiram terminar o game antes da minha amiga! Show!

Quanto aos eastereggs, achei animal!

Categorias: Profissional 1 comentário

quinta-feira, 18 de junho de 2009

Arte do estande – bancada, banner e vídeo – Pinuts Studios

Em maio aconteceu o Telaviva Móvel 2009, evento que reúne as maiores empresas dos mercados de telecomunicações, TI, comunicações (mídia) e produção audiovisual, na qual a Pinuts Studios foi patrocinadora e contou ainda com um palestrante.

E o estande, que apesar de simples, necessitava de uma arte com a qual fiquei responsável.

estande

Não ficou maior bacanisse?

Cuidei da criação da arte da bancada e do banner lá atrás. Veja que chiquenurtemo a bancada se fundindo com o banner! Até o vídeo fui eu quem fiz. Só o vídeo, a TV é da LG.

Ah, e aquela moça do estande da oi era uma delicinha. O careca não.

Categorias: Profissional Nenhum comentário

quarta-feira, 10 de junho de 2009

Sistema de Partículas: A arte da animação por computação

Como já devem saber, estou fazendo uma matéria de mestrado na UNICAMP chamada Animação por Computador. Em nosso seminário final da disciplina, meu grupo teve de apresentar noções gerais sobre Sistema de Partículas e eu fiquei responsável pela introdução: O que são partículas, o que é um sistema de partículas e como implementá-los.

Neste post falarei resumidamente o que foi apresentado na minha parte do seminário. Depois eu publico os slides da apresentação, que ficou do caralho!

Se você não tem saco nem vontade de ler este artigo, sugiro que você ao menos dê uma brincada nos flashs perdidos no meio deste gigantesco texto.

Introdução

Na minha opinião, qualquer programação é arte. Um bom programa sempre exige mais criatividade e processo criativo do que codificação em si.  E percebi que com sistemas de partículas isso é mais verdade ainda: não importa o quanto seu modelo é fiel aos modelos físicos, o resultado final tem que ser bonito.

O termo Sistema de Partículas refere-se a um conjunto de técnicas de animação para simulação de alguns fenômenos físicos. Sistemas de partículas exigem forte processamento do computador e não podemos simplesmente levar em consideração todos as fómulas da mecânica, pois a sua grande maioria não é linear, e muitas nem polinomial. O computador não aguentaria.

Partículas

Uma partículas corresponde ao menor elemento de um sistema. Ela geralmente é representada por um ponto (por motivos de economia computacional), mas pode ser uma esfera, um cubo, uma girafa, uma topeira, um blob, sua mãe, etc.

Para mais economia de processamento, partimos de dois princípios:

  • Partículas não se colidem entre si
  • As propriedades de Raytracing não são aplicadas entre partículas (sombras, refração, etc).

Porém, as partículas podem interagir com um corpo externo. Por exemplo, se uma partícula for uma gota de água e o corpo externo uma taça, o sistema de gotas de água fará sombra na taça e refratará a luz da taça e do ambiente.

Como implementar

Devido à propriedade física de dispersão, geralmente se usa coordenadas polares.

Um Sistema de Partículas é basicamente formado por 3 entidades:

  1. Emissor: é onde as partículas vão ser geradas. Pode ser um ponto, uma reta, uma curva, uma superfície ou até mesmo um objeto. O emissor que controla a posição de onde a partícula vai nascer, a sua direção e a sua velocidade inicial.
  2. Partícula: preciso repetir? Acho que você já está de saco cheio.
  3. Forças: é o que fazem as partículas alterarem seu movimento e dão comportamento ao sistema.

Um Sistema de Partículas pode ser descrito por parâmetros distintos. Esses parâmetros vão depender de qual modelo se deseja implementar e o nível de fidelidade aos modelos reais (físicos).

Exemplos

Para um modelo simples de fluidos que implementamos (em Adobe Flash), consideramos os seguintes parâmetros (todas elas são bastante comuns na maioria dos sistemas):

  1. Número de partículas – quantas partículas o emissor pode gerar numa cena
  2. Janela de tempo de emissão – em  quanto tempo todas as partículas devem ser geradas
  3. Tempo de vida – quanto tempo a partícula pode sobreviver
  4. Direção – para que lado as partículas devem sair
  5. Variação da direção – o quanto fora da direção ela pode sair
  6. Velocidade radial – velocidade inicial
  7. Aceleração radial – aceleração da partícula
  8. Turbulência radial – comportamento aleatório dada por uma aceleração aleatória
  9. Turbulência tangencial – comportamento aleatório tangencial
  10. Vórtice tangencial simples – força a ser aplicada em relação ao centro do emissor
  11. Gravidade – a boa e velha gravidade
  12. Variação da velocidade – variação na velocidade inicial
  13. Velocidade máxima – qual a velocidade máxima de uma partícula
  14. Velocidade tangencial máxima – qual a velocidade tangencial máxima de uma partícula

Observação: Você precisa ter o Flash instalado em sua máquina para poder ver as animações abaixo!

O que vai diferenciar um fluido de outro basicamente são os parâmetros de comportamento das partículas e modelos de cálculo dos vortex. O vortex que temos nesses exemplos são bastante simples, formada por forças radiais em relação ao centro (emissor).

Substituindo a partícula (representado por um ponto) por algum objeto fará com que a impressão visual se aproxime ainda mais de um modelo real. No meio da animação substituí o respectivo objeto por um ponto novamente, apenas para observar melhor o comportamento das partículas.

Água

Areia

Fogo

Fumaça

Concluindo, se tivermos com inspiração e muita paciência, podemos criar animações com sistemas de partículas capaz de agradar os olhos de qualquer um. Hoje em dia existem vagas específicas para programadores de partículas em grandes empresas de computação gráfica e eles exigem boas habilidades de programação e um olho criativo.

Categorias: Profissional Nenhum comentário

quarta-feira, 3 de junho de 2009

A evolução do meu logotipo e suas histórias

Todo logotipo tem uma história. Seja de evolução, involução ou simplesmente um percurso sofrendo pequenas alterações aqui e ali sem tirar nem por muito. Comigo passei por diversas versões durante todos os anos e o mais legal é ver como eles guardam histórias e sua forma representam muito o meu comportamento na época e minhas habilidades no desenho digital.

Minha história como webdesigner começa em 1999, quando cursava minha 8ª série do ensino fundamental com meus 14 anos de idade. Foi lá que tive contato pela primeira vez com HTML na aula de informática (fico impressionado até hoje como meu colégio tinha um ensino de informática muito bom, mas que ninguém aproveitava direito).

Mauro Media (2000)

Foi então depois de um ano que eu comecei a mexer com páginas web e flash. Toda aquela empolgação de “Uau, eu sei mexer no fotoxópi” e “Uau, eu sei fazer animação em flexi!” começou a me inspirar no que eu queria ser quando crescesse: webdesigner. Não apenas HTML, eu já pensava numa web dinâmica e animada. E na época eram poucas as empresas que tabalhavam com isso, mesmo porque a programação web na época era bem rudimentar. Aí que comecei a ter minhas primeiras idéias de abrir uma empresa, a Mauro Media, que nunca abri, afinal era jovem e sem dinheiro.

mmedia1

E o logo acima mostra o resultado. Nada muito excepcional (aliás, nada mesmo!). As cores foram escolhidas de modo a transmitir confiança e tecnologia.

Mauro Media 2 (2001)

Em 2001 eu havia avançado muito no design gráfico e em animação em flash. Tudo sozinho, sem cursos nem apostilas. O que me foi dando confiança a continuar.

mmedia2

Eu ainda não tinha muito bom gosto na época. Eu era gordo, pesava 90 e tantos quilos, tinha espinhas e gostava de Pokémon.

Assinatura Mauro Media (2000 – 2001)

mmedia4

Marca que eu usava em rodapés e assinaturas de animações ou qualquer outra coisa que não valia a pena usar o logotipo.

Assinatura 2 (2001 – 2002)

mmedia5

Mesma coisa, porém mais feio (mas acredite, na época eu achava esta versão muito mais dahora!). A fonte lembra muito das baterias Moura. Aliás, perceba como meus logotipos eram apenas palavras com fontes “dahora”.

Mauro Media 5 (2002)

Ano em que comecei a curtir metal e a tocar mais guitarra com paixão. Claro, as habilidades no webdesign também foram progredindo muito, mas foi a música que me alavancou no cenário mundial artístico: com a gravação de Toninho Acabou com a Nossa Pescaria, começou o meu primeiro “sucesso” na internet, e eu precisava divulgar minha vida para as pessoas me procurarem, então que tentei lançar a marca Mauro Media.

mmedia3

Mas foi pra cucuia.

As cores verdes foram abandonadas do logotipo, mas estavam sempre presentes nos layouts e nas artes gráficas.

TauruZ (2002 – 2003)

Desde o fundamental até o colegial, meu apelido no colégio era Taurus. Era um apelido que eu não gostava, porque significava que eu era gordo, tetudo e cabeçudo (ou pelo menos eu entendia assim).

tauruz1

Mas demorou para eu assumir o apelido. No marketing não adianta tentar mudar algo que já caiu na boca do povo: não adianta dizer achocolatado, vai ser sempre Nescau! E eu era TauruZ. Com o novo logo, o antigo apelido, o sucesso foi grande. Na música, nos games (Battlefield 1942, TauruZ botava pra fude!), e começando nos quadrinhos.

E o verde foi aniquilado. O azul ainda era muito usado na arte. O negro mostrava minha revolta de adolescente e meu lado emo (que na época não era modinha besta).

TauruZ 2 (2003)

Tentei fazer algo mais impactante, mas o primeiro logo do TauruZ continuava mais legal. Queria voltar com o azul também, que sempre foi minha cor predileta.

tauruz2

Mas acabei voltando para o primeirologo do TauruZ.

TauruZ (2003 – 2004)

Mas o boi da cara preta não era agressivo nem artístico suficiente para mostrar minha capacidade agressiva (?) e habilidades artísticas.

tauruz3

Portanto fiz um touro tourando. Na verdade é meio copiado de algum desenho que vi.

Mauro EC04 (2004)

Aí passei na faculdade. Praticamente ninguém mais me chamava de TauruZ (pelo menos na faculdade) e só me chamavam pelo nome. Nem apelido os incapazes dos meus veteranos EC03 foram capazes de me inventar.

mauroec04

O orgulho de ter passado na engenharia de nerds e cabaços de computação, me fizeram criar um logotipo com prefixo EC04 (Engenharia de Computação 2004). Todos meus nicknames nos próximos 5 anos viriam como MauroEC04, nos emails, nos logins e etc.

Apesar de o curso não ter nada a ver com artes gráficas, eu continuava treinando sozinho em casa, triste e arrependido de não ter entrado em outro curso.

Mauro (2005)

Mas não durou muito tempo até que eu começasse a odiar a idéia de estar na computação. Resolvi tirar o sufixo do logotipo e também aproveitei para revolucionar. Joguei o azul fora, veio o vermelho. Totalmente agressivo. As formas neo-tribais denotavam ainda mais a agressividade, junto com o M pontiagudo e denotando “inferno”.

mauro1

Na minha opinião, é nesta fase que eu realmente começo a acreditar em minhas habilidades artísticas. Apesar de sempre pessimista, estilos agressivos e revoltados, arte negra e até satanistas.

Mauro Mordente Invertido (2005 – 2006)

Mas aquela revolta logo passou. Resolvi procurar algo mais harmônico, mas sem sair do estilo neo-tribal, que eu havia gostado muito e que era diferente tanto pra época quanto para hoje.

mauro2

E, pela minha eterna paixão por música, adicionei um ornamento musical chamado Mordente Invertido, denotando harmonia e também porque parece um “m”. Aqui minhas artes já não eram tão agressivas e revoltadas, mas passavam para um emo-deprimido-triste-meu-deus-ninguém-gosta-de-mim. A tipografia foi criada por mim mesmo, num estilo hi-tech.

Mordente (2006 – hoje)

Foi então em 2006 que minha vida mudou completamente. Estava eu estagiando com um salário legal, numa empresa bacana. Estava apaixonado. E o primeiro sucesso no youtube.

Mas o mais interessante era que finalmente comecei a gostar de computação. Finalmente eu conseguia enxergar onde o design gráfico e a comunicação consegue se encaixar com a tecnologia, a importância do design de interfaces e da apresentação de um software e seu apelo comercial.

mauro3

O tribal se manteve, porém houve uma simplificação, a remoção dos eixos de sustentação e o símbolo central foi trocado pelo mordente superior, deixando o logotipo bem mais suave e classudo.

Este é o mesmo logotipo que uso até hoje, estando em todas as minhas assinaturas.

Anjos e Malvados – mWings (2008 – 2009)

Em 2008 foi o lançamento do meu maior projeto pessoal até hoje, o blog mauroBlog. Em 2008 mantive o blog como algo pessoal e para os amigos. De boca em boca, o blog foi crescendo, principalmente graças aos quadrinhos semidiários, então que eu resolvi fazer algo mais impessoal, mas focando nos quadrinhos e em outras artes que eu pudesse ofecer.

Assim nasce o Anjos e Malvados, no final de 2008. O nome surgiu dos próprios quadrinhos onde cada personagem, principalmente Super TauruZ, sofrem de dupla personalidade, geralmente conflifantes.

anjosemalvados2

O blog marca a volta do azul e verde, cores que marcaram o meu design no início da década. Era o retorno do que eu sempre quis fazer na vida, ter o poder de publicar e de ser ouvido, de criar e de ser apreciado.

O centro do logo mostra o Mordente, o mesmo do meu logotipo. A asa direita representa os anjos, a bondade, a felicidade. A asa direita mostra o mal, a fúria, a tristeza, o horror. Em outras palavras, que somos carregados por asas da bondade e da maldade, resta a nós escolher para que lado queremos ir, mas sempre teremos as duas com a gente. Ok, viajei agora.

Anjos e Malvados – Bloody Angels (hoje)

E, com o blog bombando mais ainda, estava na hora de um plano de ataque. Hoje anjos e malvados já não é mais um blog pessoal. É um projeto para divulgar minha arte e opinião e estimular aqueles que se inspiraram em mim.

novo_logo

A volta do vermelho. Cor do amor, da agressividade, do fogo. O A representa os Anjos, escrita numa grafia gótica com traços agressivos, representando os Malvados, acompanhando com o Mordente, representando o M de Mauro e Malvado. Mauro é malvado? Há um T escondido na grafia também. Mas o mais legal é quantos Ms você pode achar escondidos na grafia do A. Ok, viajei denovo.

Se você leu tudo isso até aqui, meus parabéns. Você é guerreiro! Mas agradeço de todo o coração. Pois deixando as viagens de lado, pode me chamar de doente, mas os Anjos representam todos aqueles que admiro, amigos, parentes. O “m” representa o coração de toda a composição. E você pode encontrar a palavra “Amor”.

amor

Tá bom, tá bom… Agora que viajei mesmo!

Abraços!

Categorias: Artístico, Pessoal, Portfólio, Profissional Nenhum comentário

terça-feira, 26 de maio de 2009

Aplicativo do Shop Tour para o Iphone

A Pinuts Studios acabou de lançar hoje seu mais novo aplicativo para o Iphone. Feito para o cliente Shop Tour, trata-se de um clube de ofertas, onde o usuário entra com os produtos de seu interesse através de palavras chaves e o aplicativo retorna com links para ofertas com descontos exclusivos.

shoptour

Como já devem saber, trabalho na Pinuts Studios e fui responsável pela adaptação da identidade visual do site do Shop Tour para o aplicativo e também participei do planejamento de todo o fluxo de trabalho e do design do front-end do aplicativo. O projeto foi bem interessante (o primeiro aplicativo de iPhone que participei) e divertido!

Parabéns Pinuts!

Categorias: Profissional Nenhum comentário

  • Página 1 de 2
  • 1
  • 2
  • >