Como eu havia prometido no Twitter, eis o Pseudo Making Of do meu novo site. Minha idéia inicial era colocar toooodo o processo de criação, do início ao fim: rascunhos iniciais, as ilustrações feitas no papel, etapas do layout no photoshop, vetorização e finalização das ilustrações, etc. Mas conforme fui agrupando as imagens, percebi que o post ficaria GIGANTE! Decidi que precisava resumir a bagunça, e então optei por mostrar somente os rascunhos feitos no papel. O post continuou enorme, mas um pouco menos gigante que antes.
Header About
Acho que essa ilustração foi a que mais mudou na versão finalizada. Precisei ajustar bastante os elementos para que eles harmonizassem com o layout. Depois desse contratempo, tive a idéia de imprimir o layout do blog e fazer as ilustraçõs já na posição final, o que facilitou bastante o processo.
Header Blog
A ilustração do header do Blog ficou bem parecida com a final, não acham?
Header Portfolio
Esse desenho tinha sido feito originalmente para o Footer do site, mas acabou ficando muito complexo (e eu tinha imaginado a ilustração do footer mais delicada). Só que eu tenho problemas com desapego tinha gostado bastante dela, e então reciclei a ilustração para o header do portfolio, flipada. Voilà!
Header Home
A ilustração da página inicial também ficou bem parecida com a versão final, precisei mudar poucas coisas. Foi o primeiro header que eu desenhei, e por um bom tempo considerei a idéia de usar a versão original diretamente no layout, sem vetorizar.
Footer
Essa versão do footer foi desenhada já sobre o layout definitivo, o que facilitou bastante a criação.
Extras
Rascunho da minha página 404 e dos ícones do blog.
Ufa. Eu falei que era bastante coisa! Espero que tenham gostado 
34 responses to "New website » The making of" »
Ué, eu pensei que era só sair fuçando no wordpress.
S
Deu trabalho né? Mas valeu a pena. Ficou lindo o site.
Beijo.
Muito BOM! Não é todo mundo que faz a “mão” e que faz muita diferença no design de hoje!
Parabens Carol, sempre visito seu blog!
Olá Carol, Fui muito doido o resultado final! E é muito bakan poder conferir esse making-of. Também gosto muito de illustrações minimalistas! Parabéns! Da até vontade de reformular meu site. rsrs
Eu também adoro making ofs!
Ah, Armando, seu site é bem maneiro, nem precisa refazer
Nossa, quando vi na primeira vez fiquei especialmente impressionado com a qualidade tanto gráfica quanto a de apresentação do conteúdo pela parte da estrutura html e tals…….
Parabéns pelo belo trabalho, mostra toda a sutiliza do olhar feminino extremamente detalhista!
ABS
Meniiiina que processo criativo heim? mas todo esforço compensou, seu site está lindo demais!
Brigadão Ila
São pessoas com blogs legais e caprichados como o seu que me estimulam a querer fazer coisas bonitas também. Mas os ícones do meu blog nem chegam perto da criatividade dos seus, haha, adoro! <3
faz um post ‘parte 2′ com o restante do processo com ps e finalização das ilustras!
Gente, fiquei apaixonado pelo header. To no laptop e fiquei olhando bem de perto pra ver os detalhes, muito lindo!!!
Eu voto em postar a parte de vetorização o/ hueheueue Ou então alguma dica de como montar formas de tracejado tão firme e que não fujam do desenho original
Parabéns \o/
Obrigada Humberto!
Eu queria ter colocado as imagens maiores ainda, mas não cabiam
Quando sobrar um tempo faço um tutorial de vetorização, que tal?
Carol!
Que eu acho seu trabalho um maximo não é novidade nenhuma, certo?
Eu adoraria ver o post COMPLETO, GIGANTE! rs
bjao
daniel
Lindo seu site, assim como todos os seus trabalhos!
Adoro makin of’s, parabéns pelo post!
Amo ver seus desenhos a lápis!
Tu-di-bom!
Tinha um tempão que não visitava seu blog. Ele é fascinante, não só pelas belas ilustrações que você faz, mas pelo texto sereno e sincero que você escreve. se não fosse designer, com certeza daria uma ótima jornalista ou escritora.
Abração!
Ai Henrique, que feliz que eu fiquei com esse seu elogio. Quando falam bem das minhas ilustrações eu fico super contente, mas quando elogiam meus textos eu fico mais faceira ainda, hehe. Beijão de Floripa.
Adorei o seu traço! Ficou tudo muito bem elaborado, simplicidade e bom gosto nas cores e formas.
Sinceramente, me inspirou a voltar a desenhar!
Parabéns Carol!
Abçs
AMEI!! ah, mas faz mais posts… faz em partes! um sobre a vetorização e td mais… eu ia adorar ^^ nem q ficar gigante ^^
hipercool!
hahaha, gostei do teu e-mail, lhama
Carol, you are amazing! I found your Web site when I was in class looking for other women designers! You rock. It is awesome to see other girls who like to design!
Oi Carol, lindo demais o seu site! Você fez alguma faculdade? Sou apaixonada por essa área.. principalmente web, porem no Brasil é dificil saber o que seguir..
Bom, amei as ilustrações.. já li varios tutoriais de ilustrações, mas nao consigo.. meu desenho se perde do que foi feito no papel quando pego a pen tool no illustrator..
Se puder, faça um tutorial de vetorização!! Obrigada,
Vitória
Oi Vitória
Sou formada em Design Gráfico pela Federal de Santa Catarina.
Vou fazer um tutorial de vetorização sim, pode deixar.
Beijo!
Hein, você fez sozinha, tudo, Programação também? Boh! muito legal.
Oi Rodrigo! Fiz a arquitetura de informação, os layouts e as ilustrações. Mas foi uma colega minha quem programou ele
you are clever girl.
Sorry, can’t read Portuguese but just wanted to say I love your design!
Thank you Ivy!
Menina, que lindo! Adoro ver esses processos de criação, me deixam inspirada pra tentar terminar o meu (que tá super enrolado, rs).
Adorei seu blog! Sou apaixonada por design, apesar de não ter feito faculdade, e vou visitar o blog sempre que puder pra me encantar com coisas bonitas assim ^^
Até mais!
Obrigada, Sara! Que bom que inspirei você a tentar terminar o seu site. Quando colocar ele no ar, me avisa!
Beijos.
Again, that´s very cool, that´s what I call a good planification of a web site and I still notice you love pigs….why pigs? tell me. I like dogs I tell you why beacuse they are friendlys
Again, that´s very cool, that´s what I call a good planification of a web site and I still notice you love pigs….why pigs? tell me. I like dogs I tell you why beacuse they are friendlys
Fiquei apaixonada pela ilustração que você fez em cima da sua foto, no about.
Amo ilustração, e meu sonho é um dia conseguir fazer umas tão legais.
Wow!! I just want to say you are awesome!! I was looking at abduzeedo.com when I saw your tutorial and I was soooooo in love with the design that I have to check out your website. And your website is very cool!! Love the little details and your talent. Is good to know great mujeres diseñadoras!! Love your work!