Perfil Molecule: Taty Bernardo

Taty Bernardo é basicamente a pessoa que mantém este site de pé. Antes que você pense, ela não faz isso com tesoura e fita adesiva, e sim com a sua habilidade engenhosa de manipular códigos. Graças a ela, você pode navegar por diversos artigos e guias fascinantes (e bem escritos, devo adicionar) sobre tudo que existe no Sonhocosmo. Aqui, nós conversamos sobre a mudança dela do Brasil para a Inglaterra, como ela quase fez faculdade de medicina, e sua inspiração para os visuais das páginas da internet.

Oi, Taty! O que você faz aqui na Media Molecule?

Sou a Taty e trabalho na equipe web. Comecei na Mm como designer de web sênior, mas hoje me considero mais uma mistura de designer de web e desenvolvedora de web. Eu trabalhava mais com desenvolvimento, mas acabei me aproximando do design. Agora, eu combino os dois para enfrentar qualquer serviço. Eu cuido de muitas das questões de design e solicitações do indreams relacionadas às animações, visuais ou novos posts do blog, como esse. O que é bem estranho. Provavelmente eu ajudei a publicar uma página sobre mim. Isso é muito surreal.

Então, como isso se dá no dia a dia? Que tipo de coisas você faz?

Temos uma comunicação diária com a equipe da coMmunidade e outras equipes de toda a Mm para discutir o que podemos fazer e que novas coisas podemos criar ou melhorar. Por exemplo, se certas páginas ou artigos não estiverem tendo tanta atenção das pessoas, eu posso melhorar o visual dos artigos ou criar um novo design para que a página ganhe mais atenção. Acho que quando fizemos Ancient Dangers: Conto Quiróptero, nós sabíamos que era algo grande, então discutimos a possibilidade de fazer a página de Ancient Dangers parecer bem diferente das outras páginas. Aí veio o processo de reunir e selecionar os elementos e criar um visual bem legal.

Quando criamos a seção de Sonho de Art Originais da Mm no site, nós focamos no fato de Sonho de Art ter a música como tema, então usamos uma temática musical, com a presença de notas musicais, e até incluímos alguns áudios do jogo.

Só que também tem a parte não relacionada ao design, que é a correção de erros quando algo não está funcionando e o ajuste dos códigos de web. Talvez não seja algo criativo, mas é ainda mais importante.

Você tem alguma abordagem geral quando se trata do design de páginas da web?

Acho que uma das coisas que eu sempre tento fazer é focar bastante no que é mais adequado para cada marca em particular. Acho que Dreams tem uma abordagem muito criativa, e até brilhante, nas coisas envolvendo a cor roxa. Então, tudo se resumiu a achar um visual para os botões e ícones que usassem bastante a cor roxa. Compreender a marca e as coisas que as pessoas desejam ou esperam da marca ajuda bastante a pensar como podemos tornar o visual de tudo mais característico.

Eu tento seguir diversas práticas de design de web, já que hoje muitos sites têm um visual simples e uma abordagem minimalista. Ou seja, ninguém quer um monte de menus e imagens animadas pulando em todo lugar da tela. Mas o mais importante é a usabilidade do site. Será que as pessoas conseguirão ler sem problemas? Será que é acessível para ferramentas, como leitores de tela? É de extrema importância pensar nesses aspectos.

Como você faz para equilibrar as coisas? Como fazer um site visualmente interessante, mas também acessível e fácil de navegar?

Bom, tem várias "normas da indústria", por falta de um termo melhor... Coisas que muitos sites fazem e funcionam legal. Só que eu prefiro não pensar nas restrições. Eu prefiro tentar ser mais criativa e pensar em tudo o que podemos fazer. Depois, reduzo a escala enquanto penso como isso pode funcionar em dispositivos móveis e outros formatos, e também como isso pode funcionar para alguém com deficiência visual, ou outras deficiências. E caso não funcione, como podemos fazer funcionar?

Algumas vezes é bem difícil equilibrar as coisas, o que significa que nem sempre dá para fazer todas as coisas legais que você imaginou, mas assegurar a acessibilidade e facilidade de navegação é bem mais importante.

Na sua opinião, qual foi o visual de site mais visualmente impressionante ou interessante que você fez?

Pergunta difícil... Quando eu estava tentando entrar na Mm, eu fiz algumas propostas tanto para o indreams quanto para sites aleatórios. E elas não eram necessariamente realistas, já que muitas das coisas que propus pareciam bem legais, mas eram praticamente impossíveis, ou muito difíceis de fazer.

Antes de trabalhar para a Mm, eu tive de fazer um site com um tipo de calendário onde você basicamente clicava em um botão diferente a cada dia e ele mostrava um pequeno personagem dançando ou fazendo uma animação diferente. E acho que foi muito interessante e visualmente impressionante, mas também achei muito divertido fazer por conta de ser bem interativo.

Recentemente, nós liberamos uma versão atualizada do site do indreams, com o seu novo visual. Do que você mais tem orgulho na nova versão do site?

Acho que foi a simplificação de como encontrar conteúdo. Houve muitas discussões sobre como poderíamos categorizar o conteúdo do site, como nomearíamos as seções, e qual parte era mais difícil, mas acabamos basicamente dividindo todo o site como se fosse LEGO. Sabe, apenas separamos todas as peças e montamos de novo, a fim de criarmos algo mais legal.

Nós também tivemos muita sorte com os testes de usuário desta nova versão, o que nos ajudou bastante durante o processo de design. Foi muito satisfatório quando apresentamos aos usuários o site antigo e o site novo e eles conseguiram achar as informações mais rapidamente na versão atualizada. Antes, havia todo aquele conteúdo legal que você tinha de passar por talvez cinco ou seis menus para acessar, e agora basta um ou dois, no máximo.

O que fez você se interessar em trabalhar com design de web, e como veio parar na Media Molecule?

Quando cheguei à idade de ir para a universidade, minha família queria que eu fosse médica. Para falar a verdade, eu odeio biologia. Argh. Então iniciei o curso de design de game e me formei no Brasil. Também tive a sorte de fazer um serviço de QA para um jogo de bingo do Facebook nesse período. Depois disso, eu me mudei de lá para ser uma game designer em uma agência de design no Brasil.

Acabei me mudando para o Reino Unido e foi um pouco difícil conseguir um emprego como designer de jogo na época. Apesar disso, eu queria permanecer na indústria de jogos, então eu fui fundo na minha outra paixão que é o design de sites. Então eu comecei como analista de QA quando me mudei para o Reino Unido. A partir daí, me tornei desenvolvera de web, e hoje eu sou uma designer. Estou na indústria de jogos há 13 anos, mas já fiz diversas coisas, o que me proporcionou a sensação de sempre estar fazendo algo novo.

Indreams é um site que está parcialmente ligado ao próprio jogo. Isso chega a ser mais complicado que seus trabalhos anteriores, já que você precisa garantir que o código funcione tanto para o site quanto para o jogo?

No meu trabalho anterior, muitos dos sites que fazíamos eram de propaganda. Então o foco quase sempre era encorajar as pessoas a comprarem certo jogo, apenas mostrando o trailer, capturas de tela, etc. Já no indreams, o foco é emular a experiência de Dreams, então nos certificamos de manter uma comunicação com a equipe do servidor para garantir a incorporação dos novos recursos. Ou se quisermos implementar os placares do jogo no site, o modo como podemos mover essas coisas e fazer tudo funcionar, por conta de Dreams ser um jogo que você joga com um controle, e não teclado e mouse. Afinal, controlar um jogo com o seu controle e controlar um site com mouse e teclado são sistemas bem diferentes. Ambos funcionam, mas os controles do jogo obviamente não fazem sentido ou funcionam no site.

Então acho que existe uma certa dificuldade de traduzir a IU do jogo para o site, a fim de garantirmos a consistência. Ainda é o mesmo ambiente, mas tem de ser uma interação diferente do jogo. Então acho que esse é o maior desafio do indreams.

Como você projeta o site para funcionar com o jogo, e como você decide as partes que devem ser idênticas? Os ícones do jogo e a navegação do Sonhonavegar são os mesmos, por exemplo, mas há diferenças em outras áreas.

É, acho que transferimos fielmente certas coisas do jogo em algumas ocasiões... Por exemplo, os placares. Nós tínhamos de garantir que os placares ficassem idênticos, no jogo e no site. Caso contrário, ficaria tudo bem confuso. O objetivo final é fazer a pessoa sentir que está navegando por Dreams ao usar o site, o que nem sempre é possível, mas tentamos emular o máximo possível.

Agora os filtros, por exemplo... Acho que ainda temos de arrumar os filtros do site, já que ainda não estão como os do jogo. Entretanto, estamos muito orgulhosos da página inicial e como ela emula a navegação do Sonhocosmo, já que ela tem a mesma aparência e dá a mesma sensação de rolar pelas playlists de criação, só que com mouse e teclado em vez de um controle.

Por ser um site complementar, é muito importante ter elementos que façam sentido dentro do contexto do jogo, o que é ótimo porque nos permite também nos inspirar no design e no estilo do jogo. Embora nem sempre seja possível... Por exemplo, temos uns efeitos visuais bem legais, como um brilho, mas que não funcionam muito bem no site. Então, quando encontramos uma limitação no site, apenas pensamos em como podemos representá-la de forma similar, não necessariamente igual. Então, para o indreams, apenas tentamos as coisas imaginando que o site e o jogo estão trabalhando juntos.

A parte de documentos do site, onde armazenamos todos os recursos e guias, é mais tranquila porque essa área tem menos integração com o jogo. Nos documentos, temos de garantir que o estilo ainda corresponda à marca, mas não temos de fazer com que corresponda à experiência do jogo.

Os funcionários da Mm têm muitos itens interessantes nas mesas. O que tem na sua mesa neste momento?

Eu tenho muitas coisas na minha mesa. Eu tenho estas miniaturas da Pop Mart. Eu tenho, pelo menos, umas três na minha mesa e acho que outras cinco ou seis atrás de mim. Tem uma que é um bebê com uma cabeça de girassol, e outra é uma ovelhinha fofa comendo morangos. Elas são tão lindinhas! O que mais? Eu tenho uma estátua de calendário de Chocobo que uso o ano inteiro, basta girar os blocos para mudar as datas. Só ignore o fato que a data marcada nele agora está errada.

Basicamente, eu visitei o Japão no inverno e comprei muitas coisas por lá que definitivamente não precisava no meu dia a dia. Um suporte de washi tape da Sailor Moon, por exemplo, porque todo mundo precisa ter um desse na vida. Outras coisas do Japão que nem preciso mencionar são um porta-copos com um Snorlax comendo uma rosquinha, e um cortador de fita de gatinho. Eu poderia continuar o dia inteiro, minha mesa é enorme.

Você disse Japão? O que você mais gostou de fazer enquanto estava lá?

Acho que foi visitar o parque temático do Studio Ghibli. Eu gostei muito porque não era como um parque temático tradicional. Não havia tantos brinquedos ou filas enormes para as atrações. Era mais como se você explorasse os locais dos filmes do Studio Ghibli, e eles recriaram tudo fielmente. Também tive a sorte de visitar o Super Nintendo World, o que também foi uma experiência fantástica. Só que o Super Nintendo World foi uma experiência de parque temático mais tradicional, então não curti muito as longas esperas nas filas.

Para fechar, quais são seus Sonhos favoritos, e tem algum que você gostaria de recomendar?

É, essa foi difícil pra mim. Eu não tenho tanto tempo para jogar Dreams, e o jogo recebe tanto conteúdo e tão rápido que estou um pouco atrasada quanto a isso. Porém, tem uma criação que me marcou porque eu lembro de ter visto a Jen [Simpkins] falando sobre ela no Twitter quando saiu, e eu só pensei: uau, eu preciso disso na minha vida real. É o Deh Plushies, de Yah_Deh, llCaptain_Morgan, e Elca_Gaming.

Os leitores não podem ver, mas aqui na parte de trás do meu escritório tá cheio de pelúcias. Tem tantas pelúcias. Talvez eu seja viciada. Óbvio que uma combinação de pelúcias e Dreams atrairia a minha atenção. Foi muito legal, era como se tivesse sido feito para mim. Gosto de pensar que se eu abrisse uma loja algum dia... Quero dizer, eu não venderia as minhas pelúcias. Mas se eu tivesse de abrir uma loja, é exatamente esse tipo de loja que me imagino comandando. Eu amo o estilo e o layout, e eles fizeram um trabalho fenomenal tornando cada pelúcia tão única e realista.

E acho que há uma grande variedade de comidas e criaturas criativas. Acho que tinha um gato, e um dragão. Também tinha um mochi, acho. Oh, um dos meus favoritos era o gato-sushi. Lembro que havia todo tipo de criação, como um gato-hambúrguer que era incrível, um pug feito de espaguete que também era lindo. Quer saber, por que não? Parando pra pensar, acho que a razão porque gostei tanto é que é a personificação do meu sonho, já que eu amaria passar o resto da minha vida em uma loja de pelúcias.