ibp | design

Na sequência, pretendo compartilhar alguns projetos funcionais. Partir com uma base bem estruturada: bilíngue, acessível, responsiva e reutilizável, vai tornar todos os próximos projetos mais ágeis. A cada nova parte agregada ao site, terei menos decisões básicas de design, e consequentemente mais tempo para me dedicar ao objetivo principal de cada projeto.

São, inclusive acabei demorando mais do que esperava antes de começar a planejar e estruturar o processo. Por outro lado, essas decisões vão me trazer muita liberdade para partir inclusive para projetos mais ousados, uma vez que já estou partindo do que importa pra mim para os próximos cases. Eu quero que os meus projetos funcionem independente de dispositivo, idioma, idade ou deficiência. Certamente haverá adversidades e aparecerão limitações, mas esse é um sistema novo e vivo, que pode se adaptar e evoluir.

Primeiro me dediquei aos pilares do projeto, que foram organizados no Notion. O projeto de Identidade visual foi registrado no Notion, e Figma / Adobe Illustrator. Então usei um projeto no Claude e criei um arquivo chamado plano de trabalho, em que todas as regras foram definidas. O fim de cada passo era gatilho para começar o seguinte, para que nenhuma etapa fosse pulada. A cada atividade eu iniciava uma nova sessão, para que tudo ficasse organizado.

Tive 3 maiores desafios. Primeiro foi estruturar o plano de trabalho, levou erros e acertos até chegar no resultado. Segundo, as decisões de design mesmo, porque trabalhar para um projeto meu é muito mais complicado e chegar em um resultado que refletisse um pouco de mim foi bem difícil. Com certeza ajustes surgirão, mas me identifiquei com o resultado, e com todo o trabalho envolvido foi uma boa relação tempo versus resultado. Por último a análise de acessibilidade, que é mais complexa do que eu imaginava, então impacta nas escolhas de design e animações.

Usei a IA muito para ideação e como ferramenta para a execução das decisões que eu tomei. Antes de começar qualquer trabalho pesquisei e busquei referências para sempre chegar na IA com a minha visão e decisão. Assim a IA pode só executar e acelerar o processo, ou iterar em cima do que eu trouxe e trazer sugestões.

Com certeza. Foi meu primeiro projeto com auxílio de IA do início ao fim, então as balizas foram feitas a cada deslize dela. Além disso, no início alguns caminhos estavam muito longos e foram sendo revistos e simplificados.

Na pasta do projeto eu fui criando arquivos para agrupar tipos de decisões: algumas eram só para a execução do projeto, outras valiam somente para uma seção. Achei assim melhor porque o meu arquivo inicial foi ficando longo e não tem porque a IA ficar lendo o que não precisa toda vez. No mais, também facilita a minha leitura e pesquisa nos registros do projeto.

Não. Eu tive um direcionamento geral, mas assim como um processo de design thinking, o processo de criação é iterativo, é circular mas não rígido. Aconteceu por exemplo de uma seção ser pensada e na seção seguinte eu perceber que não encaixava muito bem com a ideia que eu tinha para a seção atual. Então isso aconteceu de forma natural e foi nesses momentos que mais ajudou eu ter meu processo que podia acontecer de forma paralela para cada parte do site.

Normalmente eu teria uma pastinha com as folhas de rabiscoframes ou uma página no Figma com wireframes de baixa fidelidade. Com esse processo de promptframes, algo que eu gostei muito de ter feito foi: para cada seção eu criei um arquivo html de galeria, que mostra todas as direções e cada modificação que a direção recebeu, com descrição. Isso foi muito legal porque me permite acompanhar a quantidade de testes que eu fiz e ainda consultar cada um caso eu precise.

Com certeza. Uma das vantagens de não ter pulado etapas, de ter criado um planejamento e regras de trabalho e de ter registrado todo o trabalho é justamente ter como resultado um processo de trabalho replicável em outros projetos, o que vai me economizar muito tempo.

Eu levei em torno de 1 mês e meio para fazer esse projeto, incluindo a parte de estratégia e o projeto de identidade visual. Acredito que foram umas 2 semanas em torno da identidade visual, e o restante dedicado ao projeto. As etapas mais longas envolveram busca por referências e em segundo lugar as pesquisas antes de executar as etapas no primeiro ciclo, para que eu pudesse fazer o trabalho de direção da IA, ao invés de ela dirigir o meu trabalho e resultados.