Forjando seu próprio caminho: a jornada de Houmahani Kane no desenvolvimento criativo | Codrops

Sou Houmahani Kane, um desenvolvedor criativo baseado em Paris.

Eu construo experiências web interativas para estúdios, agências e marcas, ajudando-os a explorar e comunicar ideias, produtos e experiências.

Obrigado ao Codrops pela oportunidade de compartilhar um pouco da minha jornada com a comunidade, junto com alguns projetos importantes e como abordo meu trabalho.

Trabalho selecionado

Durante meus anos como desenvolvedor criativo na uma agência com sede em Paris, tive a oportunidade de trabalhar em diversos projetos WebGL para grandes clientes.

Explorando a estrutura da empresa em 3D

Um dos meus maiores desafios como Creative Developer foi uma colaboração de dois anos com o Grupo Renault. O objetivo era construir uma plataforma interna que ajudasse os colaboradores a navegar pela complexa estrutura do grupo e encontrar informações em apenas algumas interações.

A experiência foi construída em torno de um planeta 3D, onde cada continente representava uma marca do grupo. Tornou a estrutura do grupo imediatamente visível e deu aos usuários uma forma espacial de explorá-la.

Trabalhei no front-end e nas peças 3D e ajudei a definir como os usuários se movem pela experiência. Como único desenvolvedor WebGL da agência, todos os problemas técnicos eram meus para resolver, e alguns deles eu nunca havia enfrentado antes.

O projeto foi crescendo com o tempo e continuei envolvido do início ao fim. O cliente pediu especificamente que eu permanecesse no projeto, o que demonstrou a confiança que advém do trabalho conjunto ao longo de dois anos.

Devido à confidencialidade, não posso compartilhar recursos visuais, mas isso descreve o principal sistema de interação e os desafios.

Explorando ideias por meio de sistemas interativos

Paralelamente, na mesma agência, trabalhei em um moodboard imersivo aumentado por IA projetado para uma casa de luxo francesa. O objetivo era explorar e estruturar ideias visuais de uma forma mais interativa.

Em vez de navegar por referências estáticas, os usuários se movem por um espaço 3D de imagens e palavras-chave. Clicar em uma palavra-chave gera um novo conteúdo relacionado, para que os usuários possam passar de uma ideia para outra muito rapidamente.

Liderei com o front-end e a camada 3D e liderei dois outros desenvolvedores. O verdadeiro desafio aqui foi o tempo. Tive 20 dias para entregar um POC funcional enquanto ainda trabalhava no projeto Renault.

Interação sob restrições do mundo real

Também trabalhei em uma experiência interativa para uma campanha de fidelidade do Aeroporto de Paris. Lidei com a camada 3D e de interação desde a viabilidade até a produção. O foco estava em tornar a interação responsiva e consistente sob condições do mundo real, com ativos simplificados e comportamentos alternativos quando necessário.

Um sistema de marca reativo

Um POC interno onde exploramos uma mensagem de marca através de um sistema visual reativo. Os usuários poderiam influenciar diretamente a forma e o material em tempo real, transformando uma ideia abstrata em algo tangível e dinâmico.

Rápido, experimental e um bom exercício criativo entre projetos.

Uma vitrine de produto 3D

Nos últimos meses, trabalhei dessa vez como freelancer na mesma agência em um projeto para um banco, construindo uma vitrine de produto 3D para apoiar as equipes de vendas. O objetivo era tornar os dispositivos físicos acessíveis digitalmente, permitindo que fossem explorados por meio de interações simples, como zoom, rotação e foco em elementos-chave. Espero poder compartilhar este projeto publicamente em breve.

Construindo meu caminho

Sou atraído pela web desde minha adolescência, brincando com temas WordPress, pedaços de HTML e CSS, mas nunca vi isso como uma verdadeira carreira. Então fiz o que parecia mais “sério” e estudei marketing. Não gostei muito.

Durante meus estudos, um professor nos mostrou uma demonstração do Codrops: chuva caindo em uma página da web . Lembro-me de ter pensado: “Isso é loucura”. A partir daí, caí na toca do coelho e descobri estúdios como Immersive Garden e Merci Michel, e percebi que o que eu fazia como hobby era na verdade um artesanato. Também tínhamos um módulo HTML/CSS. Eu já sabia de tudo. Foi quando tudo clicou.

Em 2017, comecei a aprender HTML, CSS, JavaScript e PHP, principalmente por meio de recursos online gratuitos. Estar confortável em inglês foi fundamental. Os melhores recursos simplesmente não estavam em francês. Fui rejeitada em um programa de codificação gratuito, encontrei uma maneira de financiar um bootcamp (não é óbvio de onde venho, mas fiz funcionar) e, pouco depois, consegui meu primeiro cargo de front-end em uma agência de Paris, onde era a única mulher na equipe de tecnologia.

Depois de quatro anos, eu precisava de mais. Os mesmos projetos, os mesmos padrões, sem novos desafios. Então saí, fui freelancer pela primeira vez e passei esse período fazendo o que queria fazer: aprendendo Three.js Journey de Bruno Simon e Blender através do Polygon Runway de Roman Klčo. Honestamente, a maior diversão que já tive em anos.

Em seguida, entrei em uma agência criativa com sede em Paris como desenvolvedor criativo, passando dois anos construindo experiências WebGL para grandes clientes e trabalhando em estreita colaboração com equipes de design. As pessoas que conheci lá com quem trabalho até hoje. Alguns se tornaram amigos íntimos e isso fez uma grande diferença quando me tornei freelance.

Nem de uma escola de design, nem de uma escola de engenharia. Construí meu caminho através da prática, de projetos reais e de muita descoberta de coisas sozinho.

Como eu trabalho

Muitas vezes me envolvo no início de um projeto, às vezes quando há apenas uma ideia, às vezes com um design completo. Pode começar a partir de referências, moodboards ou um arquivo Figma.

Tento entender o que é importante rapidamente, manter o foco e descobrir como fazer funcionar sem perder o que o torna interessante. Muito do trabalho acontece lá, antes de eu escrever qualquer código.

Não confio em uma pilha fixa. Trabalho principalmente com JavaScript, Three.js para 3D em tempo real e Vanilla ou React, dependendo do contexto. Me adapto ao projeto e à equipe. A prioridade é sempre clareza, desempenho e manter o sistema fácil de trabalhar.

Pra mim o melhor é quando tudo ainda está aberto. Quando a página fica em branco e começamos a construir algo do nada.

Explorações Pessoais

Juntamente com o trabalho do cliente, exploro projetos pessoais, principalmente em torno de contar histórias.

Sempre fui fascinado por fotografias antigas de Paris e coleciono livros que mostram como eram os lugares naquela época e agora. Dois projetos surgiram disso. Um deles se concentra na Rue de Chazelles, onde foi construída a Estátua da Liberdade, recriando aquele momento histórico para que os usuários possam percorrê-lo como se estivessem entrando em uma pintura. A outra é sobre o bairro da minha infância, que atualmente passa por grandes transformações. O objetivo é recriá-lo ao longo de diferentes décadas e incluir as memórias dos moradores.

Ambos ainda estão em andamento.

Também compartilho experimentos menores à medida que vou avançando. Shaders, interações, pequenos POCs que nem sempre têm destino final. Apenas construindo coisas para aprender e ver o que acontece.

Também tive a oportunidade de compartilhar parte do meu trabalho com a comunidade através de uma demonstração do Codrops, onde explorei uma galeria 3D reativa à rolagem e como a interação pode moldar a atmosfera e a percepção.

Desafios de se tornar freelancer

Esta não é minha primeira vez como freelancer, então eu sabia no que estava me metendo. Independência é tudo para mim: independência financeira, principalmente como mulher, e independência ao longo do meu tempo. Não tenho medo de desafios e me preparei: economizei, mantive relacionamentos com minha agência anterior e continuei trabalhando.

Dito isto, dez meses depois, cada dia ainda traz sua cota de dúvidas. Citações que não levam a lugar nenhum, clientes fantasmas, projetos que não convertem. Tomar decisões sozinho parece incerto e nem sempre sei se estou tomando a decisão certa. Pode parecer um isolamento, o que me levou a sair, participar de eventos em Paris e construir conexões.

E depois há a IA. CEOs dizendo que nossos empregos estão desaparecendo. Estou usando diariamente e não vejo como ele substitui o que faço. Ajuda com matemática complexa, acelera as coisas, mas no momento em que deixo agir, o resultado não se parece com o que eu pretendia. Eu prefiro ficar no controle. É assim que funciona para mim. Então a parte mais difícil é ignorar o barulho.

A mídia social é seu próprio desafio. Não uso pessoalmente, apenas para meu trabalho. As regras são ditadas pelo algoritmo, não pelas pessoas. Ainda não descobri a resposta certa, mas compartilhar o trabalho publicamente é o que realmente abre portas. A demonstração do Codrops e o destaque do desenvolvedor vieram apenas de divulgar as coisas.

A maioria dos meus maiores projetos estão sob NDA, o que torna a visibilidade mais difícil, e construir meu portfólio tem sido seu próprio desafio. A parte difícil é descobrir o que quero dizer. Não quero WebGL pelo WebGL: efeitos que parecem impressionantes, mas não servem para nada. Anseio por autenticidade e interações significativas, especialmente numa era em que qualquer efeito pode ser replicado pela IA em segundos. Mas também é isso que vibra. Então, ainda estou descobrindo. Minha estratégia por enquanto: construir algo forte e submetê-lo às plataformas de premiação. Seja visto através do próprio trabalho.

Considerações Finais

Continuo desenvolvendo trabalhos que utilizam a interação para tornar ideias claras e significativas em projetos de clientes e em minhas explorações pessoais.

Sou grato às pessoas que apoiaram minha trajetória: à equipe com quem trabalhei na agência e à Codrops por me ceder esse espaço. No início de minha jornada freelance, tive a oportunidade de falar com um desenvolvedor criativo sênior que me cedeu seu tempo, conselhos e conexões gratuitamente. Esse tipo de generosidade é raro e significou muito.

Para quem está começando, comece com o básico. Não deixe a IA fazer isso por você. Continue aprendendo e domine seu ofício. Não posso recomendar o Three.js Journey de Bruno Simon o suficiente. Sem ele, eu não estaria fazendo o que amo. Ele também construiu uma comunidade em torno disso, o que torna a jornada menos solitária.

E para as meninas, gostaria que houvesse mais de nós na área de tecnologia. Para mim, esse caminho veio do nada. Isso me deu uma independência que nunca pensei que teria. Isso significa tudo.

Houmahani