Agendar uma conversa

Agendar uma conversa

Carregando a agenda
← Todos os projetos

Olimpo App

Produtividade · Design de Produto · Design UX/UI · Design System
Olimpo App

Visão geral

O Olimpo é um app de produtividade para quem define metas grandes e trava no meio do caminho. A pessoa diz a meta com as próprias palavras, e o app a transforma num plano, mostra a tarefa de hoje e deixa o progresso à vista.

Eu desenhei o produto e a marca e desenvolvi o app, de abril a outubro de 2026.

  • 3idiomas: português, inglês e espanhol
  • 2,581textos de interface em cada idioma
  • 39cenários de teste para a IA

O problema

  • O desejo nunca vira tarefa

    “Ficar fluente em inglês” não vira, sozinho, o que fazer na terça de manhã.

  • O planejamento fica com a pessoa

    Uma ferramenta sem IA deixa todo o planejamento com a pessoa, e o plano é a parte difícil.

  • Cada tentativa pesa na seguinte

    Todo plano abandonado deixa culpa, e o próximo começo fica mais pesado.

Pesquisa: 17 apps concorrentes

  • 17apps de produtividade comparados em setembro de 2026
  • 0transformaram uma meta vaga num plano completo
AppA IA transforma meta vaga em planoGamificação
OlimpoSim: meta, projetos e tarefas recorrentesSim
MotionEm parte: gerente de projetos com IANão
TiimoEm parte: planeja o diaSim
Goblin.toolsEm parte: quebra uma tarefaNão
TodoistNãoPouca
TickTickNãoPouca
SunsamaNãoNão
HabiticaNãoSim

8 dos 17 apps comparados, como cada um se apresentava em setembro de 2026.

Por que a mitologia grega

O método vem da psicologia: quebrar a meta em passos que cabem num dia, fazer o primeiro ser pequeno e mostrar o progresso no mesmo dia.

A mitologia é o jeito de o app contar isso. A jornada do herói é a forma mais antiga de contar uma mudança, e uma subida com mentor, provas e recomeços é mais humana do que uma lista de tarefas. Cada nome no app aponta para um mito e para a pesquisa por trás do recurso.

NomeNo appO mitoA pesquisa
OlimpoA meta se divide em projetos e tarefas que cabem num dia.Ninguém chegou ao topo do Olimpo num salto só.Ativação comportamental: um passo pequeno vem antes da vontade.
O OráculoO planejador. A meta dita com palavras simples volta com prazo, projetos e tarefas com data.Os gregos levavam a grande pergunta a Delfos. A Pítia respondia em enigmas, e este responde com um plano.Intenções de implementação: tarefa com dia marcado é feita mais vezes.
QuíronO coach. Quando uma meta para, ele deixa uma pergunta, nunca um alerta.Quíron treinava os heróis e nunca lutava no lugar deles.Teoria da autodeterminação: a vontade dura mais quando a escolha fica com a pessoa.
Modo FocoA sessão abre com um minuto de respiração guiada.Na jornada do herói, cruzar o limiar começa a aventura.Fronteiras de evento: uma passagem marcada ajuda a mente a trocar de contexto.
Papoulas de MorfeuToda pausa é registrada como descanso e rende conquistas próprias.Morfeu é o deus dos sonhos, filho do Sono.Estudos de restrição de sono: dormir pouco derruba a atenção sem a pessoa perceber.
Os 16 arquétiposCada tipo de personalidade tem uma divindade grega. O plano compensa o ponto cego do tipo.“Conhece-te a ti mesmo” estava gravado na entrada do templo de Delfos.O questionário mostra uma tendência, e o app nunca a trata como traço fixo.

Cinco decisões e o que cada uma mudou

1Meta vaga também ganha plano

Problema
As pessoas digitam “quero ser mais saudável”. Um formulário com prazo e métrica as trava antes de começarem.
Decisão
O app pergunta só o prazo e o ritmo, e monta o plano.

6 → 15de 16 no teste da IA

2Segurança é um fluxo, testado como os outros

Problema
Uma meta prejudicial virou um plano com aviso, e uma conversa com uma pessoa em crise terminou em erro.
Decisão
O app recusa o alvo inseguro e oferece caminhos mais seguros. Numa crise, ele larga o plano e responde com apoio e uma linha de ajuda.

2 → 15de 16 na conversa de crise

3Tipos de personalidade sem rótulo

Problema
Os 16 tipos deixam o plano pessoal, e também podem rotular a pessoa.
Decisão
O texto fala em “tendências de energia”, nunca em traços fixos, e o plano compensa o ponto cego de cada tipo.

16tipos, cada um com seu artigo, em três idiomas

4Um ranking em que dá para confiar

Problema
Um ranking convida a burlar a pontuação e a enterrar os posts dos outros.
Decisão
Metade da pontuação é regularidade. Só uma denúncia esconde um post, e um voto negativo nunca esconde.

50%da pontuação vem da regularidade

5Tempo de foco verdadeiro

Problema
Uma sessão encerrada depois de 30 segundos era registrada como 25 minutos de foco.
Decisão
Sessão com menos de 5 minutos não conta, e a mais longa conta o tempo real.

5 miné a menor sessão que conta

A IA testada como um fluxo

Cada resposta da IA recebeu nota em 8 critérios, 16 pontos no total. Nota abaixo de 10 é defeito. A primeira rodada achou três falhas, e cada uma foi corrigida e testada de novo.

Um caminho, do começo ao fim

Olimpo app, Register screen
Register. A meta é digitada com palavras simples.
Olimpo app, Home screen
Home. O plano vira as tarefas do dia.
Olimpo app, Focus Mode screen
Modo Foco. Uma tarefa, um cronômetro.
Olimpo app, Statistics screen
Estatísticas. Os últimos 30 dias, tarefa por tarefa.

Design System

O app e as duas landing pages têm uma identidade só, nos temas claro e escuro: as mesmas três fontes, a paleta creme e o laranja da marca. Os componentes estão documentados no Storybook e conferidos pela WCAG AA.

O build recusa cor ou tamanho fora dos design tokens, tradução faltando e texto escrito direto no código.

Entre o design e o código

O app é feito em React, e eu o escrevi com a ajuda do Claude Code.

  • 334 → 86 kBde código de layout, com os diálogos pesados carregados só quando abrem
  • 547 → 342 kBno arquivo principal, com as bibliotecas separadas

O que vem a seguir

O app está no ar, com um modo de demonstração que qualquer pessoa pode abrir. O próximo passo é o beta, e os primeiros números de uso dele virão para esta página.

Guia de Estilo

Cores e Botões

#E2560F · Orange
#1B1713 · Ink
#F3ECE1 · Cream
#FFFDF6 · Paper
#F4EEE3 · Smoke
#E7DCC9 · Panel
#6F6454 · Gray
#F97316 · Bronze on Ink
#C2410C · Ember
Tipografia · Clash Display, Zodiak, Satoshi

Você sabe aonde quer chegar.

ExemploNomePesoTamanhoAltura da linhaEspaçamento
OlimpoH1 · Clash DisplaySemibold80px78.4px-3%
Modo FocoH2 · Clash DisplaySemibold46.4px48.3px-2.5%
chegar.Destaque · ZodiakItalic46.4px48.3px-1%
Uma frase basta.Corpo · SatoshiMedium16px21.6px-0.3px
Olimpo app, Home screen
Mobile
Desenhado no Figma Figma
Feito com React React
Design e código de joaomob