Apple Developer AcademyProgramaçãoUI/UX DesignMini AppIndividual
TapStar mockup

O TapStar é um App para agilizar a escolha aleatória entre grupos.

Sorteie alguém: sem listas, roletas e sem demora.

Resultado:

Aplicativo conceituado, prototipado e programado individualmente. Publicado na App Store.

Projeto

Mini App individual

Conceituado, prototipado e programado individualmente em uma semana.

Contexto

Apple Developer Academy

Desafio com tema livre: idealizar, desenvolver e publicar um app funcional em prazo curto.

Stack

SwiftUI + SpriteKit

Construção rápida da UI em SwiftUI e camada de interação fluida com SpriteKit.

01 · Empatia

O desafio: criar um Mini App em uma semana.

Idealizar, desenvolver e publicar um app funcional dentro do prazo da Apple Developer Academy — atuando sozinha em UX, UI e desenvolvimento iOS.

Problema observado

Identifiquei um problema comum em dinâmicas sociais e jogos de interação: Morosidade aplicativos de sorteio.

Aplicativos existentes no mercado exigem o preenchimento manual de nomes.

Essa barreira de entrada (alto custo de interação) torna a configuração lenta, burocrática e quebra a fluidez da dinâmica do grupo.

02 · Definição

Zero digitação, decisão imediata.

A solução substituiu a tarefa de digitar todos os nomes por entregar números. O celular percorre a roda de amigos: cada usuário realiza um único toque na tela, recebe um número e passa o celular adiante.

Sketches do TapStar

Sketches iniciais do fluxo de interação

Wireframes do TapStar

Wireframes das telas de número e estado final

03 · Ideação

Identidade visual.

Adotei uma interface minimalista e brutalista, focada em alto contraste e legibilidade imediata — garantindo acessibilidade visual à distância em qualquer contexto de uso.

Mockup TapStar

Mockup

Interface principal em alto contraste vermelho/preto

Paleta TapStar

Paleta

3 cores essenciais: vermelho, preto e branco

Logo TapStar

Logo

Símbolo estelar geométrico, reforçando o gesto de tocar

04 · Prototipação

UI + código em paralelo.

A construção do produto (UI e programação) aconteceu em simultaneamente. Desenvolvi a interface principal em SwiftUI, garantindo construção rápida e responsiva. Para a camada de interação divertida, integrei o SpriteKit.

A cada toque em qualquer lugar da tela, uma animação fluida de estrela é gerada junto com a atribuição do número ao usuário.

Animação de estrelas no TapStar

Telas de animação a cada toque, com geração da estrela

Código em SwiftUI

Desenvolvimento da interface em SwiftUI integrada com SpriteKit

05 · Iteração

Testado em contextos reais.

Com a primeira versão funcional e o desafio de uma semana concluído, testei o TapStar em contextos reais de uso.

Mockup do TapStar em teste
Grid de iterações

Principais ajustes

UX Writing

O fluxo de "passar o celular para a próxima pessoa" poderia ser mais intuitivo. Mudei os textos instrutivos da tela inicial para comandos claros e imperativos.

Prevenção de erros

Era comum alguém clicar acidentalmente em "Realizar Sorteio" antes de todos pegarem seus números. O botão agora permanece desabilitado até que a segunda pessoa pegue um número.

Conclusão

Publicado na App Store.

Após as iterações de UX e código, o TapStar foi publicado. Foi gratificante ver como um design focado e a combinação de SwiftUI com SpriteKit puderam resolver uma dor real de forma divertida e atraente.

Ver na App Store →
TapStar publicado