Posts Tagged processo
Convite de casamento: passo a passo
Postado por Marco Moreira em design, ilustração dia August 23rd, 2012
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
Passo a passo: Criação de um folder
Postado por Marco Moreira em arquitetura de Informação, design dia May 23rd, 2012
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!
Making-of exposição fotográfica
Postado por Marco Moreira em design, fotografia, stop motion dia November 22nd, 2010
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:

Com as medidas na mão, comecei a rafear as 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:

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:

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:

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:

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

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

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:

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

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:

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.
AI: Rede de Tecnologia Social
Postado por Marco Moreira em arquitetura de Informação dia October 14th, 2010
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:



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

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.

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


Magel aqui também: