Posts Tagged processo

Convite de casamento: passo a passo

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

Avatar 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.

Layout para aprovação

 

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.

Desenhando na munheca

 

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.

Montagem do Mockup

 

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.

Produção do envelope

 

Gráfica e finalização

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

Finalização do convite

 

Resultado final =)

Convite final

 

E a entrega, de bike.

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

Entrega do convite

 

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

Bolo da Bololândia

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

, ,

15 Comentários

Passo a passo: Criação de um folder

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.

Anotações

Sketches

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

Folder pb capa

Folder pb dentro

 

Mocku-up ou Boneco

Mockup inicial

Alterações no mockup

 

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

Simulação do folder fechado

Simulação do folder aberto

Simulação do folder aberto

 

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

Corte do boneco final

Corte do boneco final

 

Prova de cor e área do verniz em reserva

Prova de cor

Prova de máscara de verniz reserva

 

Estudo de formato do cabide

Estudo cabides

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

Detalhes do folder

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

Folder pendurado no retrovisor

Folder pendurado no retrovisor

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!

,

5 Comentários

Making-of exposição fotográfica

Hoje vou falar como foi o processo de criação e produção da exposição de fotografia que rolou de setembro à outubro deste ano. O post é um pouco longo, mas a diversão é garantida!

Tudo começou quando eu tirei férias e resolvi ir para a Patagônia. Depois de uns dias naquele lugar deslumbrante e já com o esqueleto e mente descansados, pensei em fazer algo diferente no meu aniversário que se aproximava, porém a ideia que tive ia acabar saindo um pouco caro para durar apenas um dia.
A ideia era fazer uma exposição das fotos tiradas na viagem. Ideia que na realidade era um sonho que sempre tive: montar uma exposição e reunir os amigos.
Então, entrei em contato com o Restaurante Otto Bistrot, que tinha um espaço legal e consegui reservar para expor durante um mês! :)

Como os custos da exposição e mão de obra seriam feitos por mim mesmo, comecei a meter a mão na massa. Comprei as pranchas de Foam Board, as câmeras fotográficas descartáveis, fitas, cordões, pregadores, monóculos e etc.
Depois disso escolhi as fotos que fariam parte da exposição, organizado da seguinte maneira:
- Metade do espaço fotos da Patagônia, a outra metade do Peru (viagem que fiz em 2007)
- No meio da sala diponibilizaria alguns monóculos pendurados com fotos diversas de ambos os lugares
- Nos banheiros, fotos em PB

Lugar definido, fui até lá e tirei todas as medidas para que as instalações se encaixassem perfeitamente no espaço disponível:

Medidas do Otto Bistrot

Com as medidas na mão, comecei a rafear as ideias para a exposição:

Rafes de ideias para a exposição

Feito isso, peguei as medidas disponíveis de ampliação das fotos e fiz um esquema no illustrator para poder escolher as imagens e já salvá-las nos tamanhos certos:

Tamanhos de fotos

E para organizar as fotos de um jeito que não ficassem espalhadas de forma gratuita, peguei as duas maiores paredes e as distribuí levando em consideração a silhueta da principal paisagem de cada lugar:

Conceito da montagem

Lembrando que, para comprar a quantidade certa de Foam Board, antes tive que fazer um estudo para que não houvesse desperdício de papel e ao mesmo tempo tivesse uma pequena sobra levando em conta os erros, algumas refações e manutenção durante o período da exposição, então também fiz uma simulação de como os tamanhos escolhidos ficariam dentro das placas de Fam Board já considerando os tamanhos organizados na etapa anterior:

Aproveitamento de Foam Board

Me preocupei também com as legendas das fotos e usei o meu lado Arquiteto de informação para organizar de uma maneira simples a mesma disposição visual do conceito da montagem:

Legendas das fotos da exposição

Depois deste planejamento todo e das fotos impressas, mãos a obra para cortar e colar tudo!

Processo de montagem

Como mencionei nas primeiras linhas do post, fiz um suporte para pendurar monóculos com fotos diversas das viagens:

Monóculos

Também comprei algumas câmeras descartáveis para distribuir para os convidados no dia da festa. Aproveitei para fazer um pequeno adesivo de instruções para o pessoal fotografar e passar a vez:

Câmeras descartáveis

No banheiro, como disse, fotos PB e um ambiente que lembra um laboratório de revelação fotográfica.

Laboratório fotográfico

Aí só faltou fazer o convite e comemorar!
O nome da exposição veio de uma das principais características comuns das duas viagens: Altitude. Então fiz 6 convites distintos usando 3 fotos que fiz no Peru e 3 que fiz na Patagônia, apenas mudando as fotos:

Convites da exposição

E para encerrar a parte da produção, fiz um vídeo que mostra um pouco de todo o processo de criação deste trabalho com direito a stop motion :)

Making of exposição fotográfica Altitude from Magelstudio on Vimeo.

E a mensagem que tenho depois de toda esta dedicação, noites, gastos com tudo e etc, é: Vale a pena! Se você tem um sonho, foca, se dedique e corre atrás dele! :)

E aqui vão meus agradecimentos especiais às pessoas que colaboraram com essa trabalheira toda:

Ao meu primo Fábio que me ajudou muito na montagem e nas ideias e processos mirabolantes para fazer tudo de uma forma inteligente e rápida, além do bom humor, sempre.

À minha irmã que também arriscou seus dedos e unhas em me ajudar a marcar e a estiletar os Foam Boards.

À minha mãe, pela montagem dos monóculos, por correr atrás de tudo que eu não podia, pelos cafés, por aturar toda bagunça, por tudo.

À Mari Nobre que nas últimas horas me deu uma baita força com a iluminação alem de me presentear com o lindo GuestBook da exposição que muitos assinaram.

Ao meu amigão Rogerio Fratin que escreveu lindamente o meu descritivo na entrada da exposição.

À Bia Goll por ceder gentilmente o espaço e ainda fazer a manutenção quando acontecia de algumas fotos cairem..rs

Aos fotografos Silvio Tanaka e Nicoli Barea que fizeram um registro incrível desta data.

Estão à venda as fotos que foram exibidas na exposição, junto com o Foam Board. Se alguém se interessar entre em contato comigo. O preço depende do tamanho da ampliação, mas é beeem camarada.
Também estou produzindo o suporte para monóculos. Cores e tamanhos de acordo com a necessidade. Em breve postarei aqui fotos do suporte. Aguarde.

, , , ,

25 Comentários

AI: Rede de Tecnologia Social

Mais um projeto feito na TV1 como muitos outros que passaram por lá, mas destaco este em especial pela peculiaridade do processo de trabalho.

Após a etapa de planejamento e início do levantamento de conteúdo, eu e as áreas envolvidas no início do projeto fomos até Brasília fechar algumas idéias e sketches juntamente com o cliente, pois o cronograma apertado não permitia que houvesse nenhum tipo de erro ou refação.

Em uma situação dessas o exercício exige concentração, agilidade de resposta e que você esteja em um dia inspirador, de preferência ;)

Abaixo alguns dos sketches feitos lá, iniciando com exemplos e sugestões de navegação a partir de poucos links:

Sketches

Sketches

Sketch

Na volta, com uma idéia já desenvolvida na reunião, documentei a estrutura da informação colorizando algumas áreas que tinham relação para que o entendimento fosse facilmente assimilado pelo cliente na aprovação.
Infoestrutura RTS

Infoestrutura aprovada, parti para a etapa de prototipação, construindo basicamente uma home, uma matriz de uma interna e uma página só com templates que pudessem se encaixar de acordo com os tipos de conteúdo que pudessem entrar (áudio, vídeo, galeria de fotos, etc).
Wireframe RTS

Sabemos que em muitos casos, principalmente naqueles que envolve Flash, o designer não precisa seguir a risca o wireframe, possibilitando maior liberdade de criação, então a arte seguiu a informação e deu uma identidade legal para o assunto.
Layout RTS

AI: Marco Moreira
Design: Caio Andreolli
Flash: Samir Saikali

, ,

2 Comentários