GAMEZILLA
duration
4 Months - November/23 until February/24
my role
Product Designer
team
Lucas Araujo, Anna Gomes and Jennifer Sousa
deliveries
Website and Brand design
Um mundo giga de jogos onde a diversão é colossal! Gamezilla entrega diversos jogos online a distância de um clique, sem precisar baixar mais nada. Basta abrir seu navegador e começar a diversão.
The giga world of games where the fun is colossal! Gamezilla is where a severel online games is just a click away from, without the need to download anything else. Just open your internet browser and enjoy!
PRODUCT DISCOVERY
MOSCOW METHOD
O processo de descoberta do produto se iniciou com um análise de benchmarking vasto analisando diversos outros serviços de browse gaming disponíveis hoje em dia na internet. Aspectos estéticas e funcionais foram avaliados para, ao fim, serem incorporados a um mapeamento de features do serviço utilizando o Método MoSCoW.
The product discovery journey began with an extensive benchmarking analysis of various browser gaming services currently accessible on the internet. A thorough assessment of both aesthetic and functional elements was conducted to inform the integration of features into a structured framework using the MoSCoW Method.
FEATURES MAP & CSD MATRIX
Depois de diversas iterações com stakeholders de produto e de negócios, fizemos um mapa de prioridade das features considerando complexidade versus valor de negócio de cada uma delas. Além disso, esse processo foi constantemente acompanhado de desk research e matriz CSD como apoio para o desenvolvimento do projeto.
After multiple iterations with product and business stakeholders, we created a feature prioritization map considering the complexity versus business value of each feature. Moreover, this process was continually supported by desk research and a CSD matrix to aid project development.
BRANDING
PROTOPERSONAS
Na intenção de especificar o público alvo do produto, foram elaboradas 5 protopersonas utilizando o método de Norman Nielsen Group. O projeto teria seu soft launch no Brasil, então fizemos uma desk research para embasar a elaboração das protopersonas. Vale ressaltar que a pesquisa foi majoritariamente embasada nos dados da PGB 2023.
In order to specify the product's target audience, 5 proto-personas were developed using the Norman Nielsen Group method. As the project was slated for a soft launch in Brazil, we conducted desk research to inform the creation of the proto-personas. It's worth noting that the research was primarily informed by data from the PGB 2023.
 |  |  |
|---|---|---|
 |  |
NAMING
A construção da marca foi utilizada como estratégia de produto para gerar diferenciação, já que existem diversos players na indústria de jogos de navegador.
Brand building was employed as a product strategy to generate differentiation, since there are already many players in the browser gaming industry.
Dessa forma, foi criada uma dinâmica de naming onde profissionais de diferentes áreas pudessem votar numa coletânea de nomes pré-selecionada. Os nomes seriam pontuados de acordo com as três palavras de posicionamento da marca, sendo elas: 1 - Diversão; 2 - Identificação e; 3 - Vídeo game.
Para isso, foram escolhidas duplas de stakeholders das seguintes áreas: A - User Experience; B - Marketing; C - Desenvolvimento e; D - Produtos. A pontuação de todos os nomes foi compilada, bem como os comentários provenientes da dinâmica. E, por fim, o nome foi escolhido: Gamezilla!
In this manner, a naming dynamic was created where professionals from different areas could vote on a pre-selected collection of names. The names would be scored according to the brand's three positioning words, namely: 1 - Fun; 2 - Identification; and 3 - Video game.
For this purpose, pairs of stakeholders from the following areas were chosen: A - User Experience; B - Marketing; C - Development; and D - Products. The scores for each name were compiled along with the comments from the dynamic. And, in the end, the name was chosen: Gamezilla!
NUVEM DE PALAVRAS
Para construir a marca, foi feita uma núvem de palavras destrinchando os conceitos do próprio nome escolhido. Assim, foram estabelecidos pilares estéticos sobre os quais o design seria pautado: Internet, Godzilla, Monstro, Volume, Proporção e Magnitude.
To build the brand, a word cloud was created, breaking down the concepts of the chosen name itself. After that, aesthetic pillars were established upon which the design would be based: Internet, Godzilla, Monster, Volume, Proportion, and Magnitude.
MOODBOARD
Utilizando os pilares estéticos, quadros de referência foram montados. E, ao fim, uma curadoria apurada montou o moodboard que iria guiou todo o logo design.
With each aesthetic pillars, reference frames were assembled. And, in the end, a meticulous curation assembled the moodboard that guided the entire logo design process
SKETCHES
Explorando a criatividade e revisitando todo o desenvolvido, forem desenvolvidos diversos esboços em papel. Imediatamente surgiu a ideia de ter um mascote representando o Gamezilla, e ele foi refinado cada vez mais durante o processo de esboço.
Exploring creativity and revisiting all that was developed, various sketches were created on paper. The idea of having a mascot representing Gamezilla immediately emerged, and it was refined further during the sketching process.
 |  |  |
|---|
LOGO DESIGN
WEBSITE
MVP
Concomitante ao desenvolvimento do projeto, foi iniciado o desenvolvimento de um MVP do Gamezilla. A ideia era validar o quanto antes a lucratividade do projeto por meio de ads monetization. Para agilizar o processo, o NextUI Kit foi utilizado tanto pelos desenvolvedores quanto pelo product designer, permitindo a co-criação entre as duas áreas seguindo a filosofia "fail fast".
Simultaneously with the project development, the development of a Gamezilla MVP was initiated. The idea was to validate the project's profitability as soon as possible through ads monetization. To expedite the process, the NextUI Kit was utilized by both developers and the product designer, enabling co-creation between the two areas following the 'fail fast' philosophy.
RESPONSIVE PAGES
O userflow apresentado anteriormente estipulou um total de seis páginas no Gamezilla: 1 - Homescreen, 2 - Media Details, 3 - Sobre/FAQ; 4 - Contato; 5 - Privacidade e; 6 - Termos e condições.
Para tornar todas elas responsivas, foram estipuladas seis resoluções diferentes de tela, sendo elas: A - Desktop Large (1920 x 1080 px); B - Desktop Medium (1440 x 1024 px); C - Desktop Small (1366 x 768 px); D - Tablet Landscape (1024 x 640 px); E - Tablet Portrait (640 x 1024 px); and F - Android Small (360x640 px).
A combinação de cada tipo de tela com cada resolução foi desenhada minuciosamente para acomodar da melhor forma possível os elementos na interface. E, com isso, foi possível tornar o site Gamezilla completamente responsivo.
The user flow presented earlier stipulated a total of six pages in Gamezilla: 1 - Homescreen, 2 - Media Details, 3 - About/FAQ; 4 - Contact; 5 - Privacy; and 6 - Terms and Conditions.
To make all of them responsive, six different screen resolutions were specified: A - Desktop Large (1920 x 1080 px); B - Desktop Medium (1440 x 1024 px); C - Desktop Small (1366 x 768 px); D - Tablet Landscape (1024 x 640 px); E - Tablet Portrait (640 x 1024 px); and F - Android Small (360x640 px).
The combination of each screen type with its resolution was meticulously designed to accommodate the elements in the interface as effectively as possible. Thus, it was possible to make the Gamezilla website completely responsive.
.png)