Author Archive

Barba e bigode… ou se preferir, wireframe e layout

Para o hot-site da Madonna no Brasil para o Limão – produzi os documentos de A.I. a partir de um desenho executado conjuntamente com a editora do projeto. Participei desde a discussão sobre os campos até a finalização do layout e fiz o acompanhamento junto a parte técnica. Foi um trabalho muito prazeroso, pois fugiu um pouco da normalidade dos trabalhos que executo para o Estadao.com.br. Pude ousar um pouco mais nas cores e no layout já que o referido era um pedido do pessoal do Limão. Como ao fazer o wireframe eu já sabia que ia dar a saída pro layout, acabei fazendo-o muito próximo do que eu queria pro layout, depois apenas artefinalizei. Confira o resultado aqui

Wireframe - Madonna no Brasil para Limão

Wireframe - Madonna no Brasil para Limão

Layout do hot-site

Layout do hot-site

13

03 2009

O primeiro wireframe oficial a gente não esquece

É fato. Embora esteja usando um clichê para fazer um título, a verdade é essa mesmo. Em meados de 2008 produzi os meus primeiros documentos de arquitetura da informação. Agora que o produto está no ar (na realidade, já está faz alguns meses) posso mostrar um pouco do trabalho que realizei com a colaboração do editor Rodrigo Savazoni (ai que saudade dessa parceria!). Ele foi o pai do projeto e eu o ajudei a colocar as idéias no papel. Trabalhei exclusivamente com a organização da informação e a produção de aproximadamente 50 wireframes que deram o suporte para o pessoal da criação colocar um belo produto no ar. Em tempo, sou designer de formação e trabalho há 8 anos com design de interfaces e no momento, estudo Arquitetura da Informação na FIT. Embora, tenha sempre pensado em arquitetura, sem saber que estava pensando, minha primeira praia é o design. Mas, A.I. está se tornando um complemento e uma paixão. Ainda não sei aonde isso vai me levar. Agora sem churumelas, uma palhinha:

Wireframe V.01 - Paladar

Wireframe V.01 - Paladar

Não pretendo incluir aqui detalhes de como o trabalho foi feito, apenas, uma pílula de conhecimento, no caso, um dos wireframes e o resultado. Em um processo de desenvolvimento de produto, muitas coisas mudam pelo caminho, nomenclaturas, áreas, ideias. É um exercício muito rico, revisitar o início de um projeto, meses após tê-lo concluído.

Uma curiosidade, apenas pra finalizar: comecei esse projeto dias antes de começar a pós em A.I. Foi um processo altamente intuitivo baseado nos anos de trabalho como designer e nos profundos papos com Rodrigo Savazoni e Thiago Braga, o editor de arte do Portal, responsável por toda a “cara” do projeto.

11

03 2009

Poeira!

NossaSenhora! Esse lugar está muito empoeirado. Hora de tomar vergonha na cara e voltar a atualizar com freqüência. Com trema, porque eu simplesmente adoro.

Tags:

13

12 2008

O fascinante mundo da A. I.

Desde o dia 22 de setembro estou assistindo aulas na minha pós em Arquitetura da Informação. E neste final de semana comecei a por em prática um pouco do que aprendi. Um mundo de planilhas e ppts. E pesquisa e análise. Confesso que fisicamente estou cansada. Mas, completamente fascinada pelo novo mundo que está se abrindo bem na minha frente. Fiz a escolha certa. Tenho mais certeza do que nunca.

13

10 2008

Serviços intrigantes… (ou não)

Todos os dias me deparo com novos sites e serviços na internet e nas últimas duas semanas, dois me chamaram bastante a atenção. São eles o eMeias e o Ticket to Mind. Eles chegaram com a proposta de facilitar a sua vida. Um entrega meias pretas (coisa de executivo…) a domicílio e o outro faz entregas de presentes em datas aleatórias para que você agrade sua esposa(o), namorada(o), secretária e afins, sem nunca se identificar (no caso o site, e não você). Em comum eles têm planos de assinatura. Eu confesso que não utilizaria nenhum dos dois serviços por vários motivos. Não usar meias pretas, não saber de antemão as marcas dos produtos ofertados e ser romântica a ponto de preferir escolher os meus próprios presentes são alguns deles. Mas, fico maravilhada com a capacidade que os empreendedores têm de inventar novas tralhas online pra ganhar dinheiro. Em tempo, a iconografia, a programação visual, a clareza e a simplicidade do Ticket to Mind dá gosto de ver. Pra designer nenhum botar defeito.

Ticket to Mind

Ticket to Mind

08

10 2008

Menina-moça

O penúltimo desafio imposto na aula de ilustração foi realizar um desenho com tinta guache. Trabalhei muito pouco com guache e nunca tinha feito um rosto com esse material. Peguei como referência uma foto da revista Gloss de setembro e mandei ver. Ficou um pouco torta. Mas, fiquei feliz com o resultado da pintura. O guache não é o material mais simples de trabalhar. Veja como ficou:

Menina-moça - Pintura em guache sobre papel canson

Menina-moça - Pintura em guache sobre papel canson

Mas, como sou muito xereta, resolvi checar o resultado caso tivesse conseguido fazer as duas metades do rosto iguais. O resultado é interessante: uma mulher mais madura e uma menina que ainda não é moça.  Veja:

Mulher e Menina - Montagem do Menina-moça no photoshop

Mulher e Menina - Montagem do Menina-moça no photoshop

04

10 2008

Eleições 2008 e Vereador Digital

Mais um trabalho bacana que está em pleno desenvolvimento é o canal de Eleições do Estadão. Digo em desenvolvimento porque só podemos dar por encerrado, quando acabar as nossas eleições por volta do final de outubro. Mais uma vez fiquei responsável pelo layout do canal.

Home de Eleições 2008

Home de Eleições 2008

Dentro do pacote de eleições, alguns dias depois, lançamos o Vereador Digital que é um canal para que você, eleitor, possa pesquisar, ver e descobrir quais são as principais propostas dos candidatos à vereador por São Paulo. O projeto Vereador Digital estimula o voto consciente em candidatos à Câmara. Faça a sua parte. Eu fiz a minha – os layouts!

Home do Vereador Digital

Home do Vereador Digital

21

09 2008

Trilogia – O Tigre de Bengala – Parte II

Desenho feito com aquarela e pastel sobre papel. A base para fazer o tigre foi a mesma do anterior, mas, procurei fazer um desenho um pouco mais estilizado, espelhado. Agora vou dar um tempo nos tigres pra fazer um cartaz pra esse concurso. Mas, está nos planos breves completar essa trilogia.

26

02 2008

Trilogia – O Tigre de Bengala – Parte I

Quase nunca tenho tempo de postar as minhas paixões paralelas ao design de web, que são a fotografia e o desenho. Tenho feito aulas específicas de Ilustração (tá mais pra desenho artístico… hehehe) na Abra Vila Mariana (aliás, uma excelente escola, eu recomendo) e, fiz esse tigre, tendo como referência, uma imagem. Ele foi feito em pastel seco sobre Canson colorido. Foi a minha primeira experiência com o pastel. Sempre admirei trabalhos nessa técnica. Ao terminá-lo, senti vontade de continuar nesse tema, vamos ver o que vai dar… Por enquanto, fiquem com o Tigre Nº 1.

21

02 2008

Após um longo e tenebroso inverno…

… volto para informá-los sobre o meu súbito desaparecimento! Desapareci por uma ótima razão… O lançamento do portal Estadao.com.br . Um novo conceito, um novo layout, executado em parceria com a Agência Click e diversos outros profissionais. Deu muito trabalho, mas, ficou muito bonito. E a tendência é só melhorar. Estamos trabalhando nisso.

Visite e dê-nos a sua opinião.

31

07 2007