Trabalhos

Começa nas pessoas. Termina em sistema.

Para mim, product design começa escutando e termina em peças sobre as quais outros podem construir. Três projetos, um método: um jogo de cartas que virou app, o sistema por trás deste site e esse mesmo sistema vestindo outra marca.

Uma mulher, vista de costas, segura um leque de cartas ilustradas de workshop, com fundo desfocado.

01 · UFSCar

O jogo já estava na mesa

Todo app, site ou projeto interativo que eu desenho começa com entrevistas e workshops para achar o problema de verdade. Levei esse método para o jogo de cartas da UFSCar: primeiro o conceito visual e um logo nascido das formas redondas das cartas, depois a UX que levou o jogo para o celular.

Tela de app com o ranking global de jogadores com bandeiras de países e um botão para desafiar jogadores aleatórios.

Tela de perfil de um jogador no app, com foto em moldura circular, medalhas de ranking e um botão para desafiá-lo.

Telas do app e baralhos de cartas ilustradas do jogo, sobre fundo escuro.

Tela inicial do app com fundo preto e um botão Play Now dentro de um padrão circular em preto e branco.

Página de iconografia do design system, com grade de ícones de interface, tamanhos e regras de uso.

Página de componentes do design system: botões, campos de busca, avisos e regras de uso para ações e entrada de dados.

Depoimento

“Fiquei impressionado com o jeito como ele captou a vibe do jogo e criou um conceito visual que simplesmente funcionou. Ele até desenhou o logo do jogo, inspirado naquelas formas redondas incríveis nas laterais das cartas. Tudo se encaixou perfeitamente. Ver ele transformar essa visão em uma experiência digital foi empolgante demais.”

Cícero Gomes, Coordenador Educacional

02 · RDRVCV

As regras da casa

Antes de desenhar um sistema para alguém, construí o meu: 19 seções entre fundamentos, componentes e layout, em preto, branco e um único acento chamado Mist. Claro e escuro, EN · PT · ES, com tokens prontos para o Figma. A página que você está lendo roda nele.

Conhecer o RDRVCV Design System

Capa do RDRVCV Design System: índice das três partes e dezenove seções

RDRVCV Design System, seção 7 Componentes: botões, selos de status, cartão de job e seletor de idioma

03 · Phitóss

Mesma espinha, outra marca

Para a Phitóss, um xarope fitoterápico, a mesma estrutura ganhou outra personalidade: os verdes da marca, cantos arredondados e volume 2.5D, em que o que se clica sobe e o que se preenche afunda. Uma seção de ilustrações isométricas se somou às 19 originais. Tudo lapidado em mais de 40 rodadas de refinamento em dois dias.

Conhecer o Phitóss Design System

Mesma seção, duas marcas

RDRVCVPhitóss