Processo Criativo
Como foi criar essa seção Hero (até agora)!
Neste post, eu gostaria de comentar um pouquinho como foi (e como ainda está sendo) o processo de criação da seção hero do meu website. Isso aqui é interessante, porque tenho bastante coisa para comentar sobre esse projeto.
Os meus projetos costumam levar um pouco de tempo para resolver. Quando resolvi fazer minha seção hero, a última coisa que pensei foi que eu levaria alguns meses para fazer essa seção funcionar do jeito que funciona atualmente.
1. Entregando um pouco de contexto
Essa seção hero está passando por muiiitas alterações atualmente e acredito que ainda tenho várias coisas para ajustar antes de ficar realmente satisfeito. Durante boa parte do processo, nada que eu colocava ali parecia funcionar de verdade para mim.
Nada que eu colocava nessa seção hero parecia funcionar de verdade para mim.
2. Planeje tudo antes de perder tempo
Essa imagem acima mostra como essa seção hero era antes: uma simulação de fluidos bem bonita, por sinal. Mas tinha um pequeno problema: isso não comunicava nada para quem acessava o site.
Basicamente, esses fluidos, apesar de serem impressionantes, não conseguiam comunicar meu trabalho como designer, professor, desenvolvedor e... enfim, tudo que eu tento juntar nesse site. Resumindo: gastei meses fazendo esse fluido ficar perfeito para descobrir que ele não servia para o que eu precisava.
3. O rascunho reduz o risco
Nessa nova versão do hero, resolvi fazer do jeito que conheço melhor: planejamento na parte mais simples possível. O rascunho é, na minha opinião, o método mais essencial de toda e qualquer área de design. Isso vale quando faço programação, design, fotografia, jogos ou quando planejo aulas.
Pode não parecer, mas fazer rascunhos é mais rápido do que montar qualquer coisa direto no computador.
Desafio do "Crazy Eight"! Ou Brainstorm Rápido.
- Pegue uma folha de papel.
- Marque 8 espaços na folha. Eu dobro a folha três vezes e depois desdobro para deixar os 8 espaços marcados.
- Para cada espaço, dedique apenas 1 minuto de rascunho. Nada mais, nada menos.
Olha, quando faço rascunhos de projetos pessoais como esse, eu geralmente levo algumas horas desenhando. Mas em um cenário real, seja no trabalho ou quando estou em sala de aula com meus alunos, acabo precisando acelerar o processo.
Basicamente, faço esse desafio para conseguir desenhar o máximo de designs ou ideias possíveis para qualquer projeto sem levar tempo demais no rascunho.
4. Meu moodboard, rascunhos e referências para a criação
Minhas referências e inspirações tendem a ser bem documentadas. Qualquer programa serve. No meu caso, considerei colocar todas as minhas referências para a composição utilizando o Figma.
Outras coisas que considero para fazer o hero:
- Defina uma ideia central para o texto.
- Escolha uma imagem principal coerente.
- Divida o conteúdo em blocos com títulos claros.
- Inclua pelo menos uma lista, imagem ou chamada.
- Finalize com uma conclusão objetiva.
Conclusão
Acho que a principal lição dessa seção hero foi bem simples: uma coisa bonita não necessariamente é uma coisa que comunica bem. A simulação de fluidos era legal, dava orgulho de ver funcionando, mas ela não dizia muito sobre mim, sobre meu trabalho ou sobre o que eu queria que a pessoa entendesse ao entrar no site.
A nova versão ainda não é o ponto final. Eu ainda quero ajustar composição, transformar essa imagem em vídeo no futuro e deixar tudo com mais cara de projeto fechado. Mas agora, pelo menos, o caminho faz mais sentido: tem rascunho, tem referência, tem intenção e tem uma mensagem mais clara.
No fim, organizar o processo não prendeu minha criatividade. Pelo contrário: me ajudou a parar de gastar energia tentando deixar perfeito algo que nem estava resolvendo o problema certo. E, para mim, isso já fez a seção hero evoluir bastante.