Agendar una llamada

Agendar una llamada

Cargando la agenda
← Todos los proyectos

Olimpo App

Productividad · Diseño de Producto · Diseño UX/UI · Design System
Olimpo App

Resumen

Olimpo es una app de productividad para quien se pone metas grandes y se queda a mitad de camino. La persona dice la meta con sus propias palabras, y la app la convierte en un plan, muestra la tarea de hoy y deja el progreso a la vista.

Diseñé el producto y su marca y desarrollé la app, de abril a octubre de 2026.

  • 3idiomas: portugués, inglés y español
  • 2,581textos de interfaz en cada idioma
  • 39escenarios de prueba para la IA

El problema

  • El deseo nunca se vuelve tarea

    “Hablar inglés con fluidez” no se convierte, por sí solo, en qué hacer el martes por la mañana.

  • La planificación queda en manos de la persona

    Una herramienta sin IA deja toda la planificación a la persona, y el plan es la parte difícil.

  • Cada intento pesa en el siguiente

    Cada plan abandonado deja culpa, y el siguiente comienzo pesa más.

Investigación: 17 apps competidoras

  • 17apps de productividad comparadas en septiembre de 2026
  • 0convirtieron una meta vaga en un plan completo
AppLa IA convierte una meta vaga en un planGamificación
OlimpoSí: meta, proyectos y tareas recurrentesSí
MotionEn parte: gestor de proyectos con IANo
TiimoEn parte: planifica el díaSí
Goblin.toolsEn parte: divide una tareaNo
TodoistNoPoca
TickTickNoPoca
SunsamaNoNo
HabiticaNoSí

8 de las 17 apps comparadas, tal como se presentaba cada una en septiembre de 2026.

Por qué la mitología griega

El método viene de la psicología: dividir la meta en pasos que caben en un día, hacer que el primero sea pequeño y mostrar el progreso el mismo día.

La mitología es la forma en que la app lo cuenta. El viaje del héroe es la manera más antigua de contar un cambio, y una subida con mentor, pruebas y nuevos comienzos es más humana que una lista de tareas. Cada nombre en la app apunta a un mito y a la investigación detrás de la función.

NombreEn la appEl mitoLa investigación
OlimpoLa meta se divide en proyectos y tareas que caben en un día.Nadie llegó a la cima del Olimpo de un solo salto.Activación conductual: un paso pequeño viene antes de las ganas.
El OráculoEl planificador. Una meta dicha con palabras sencillas vuelve con plazo, proyectos y tareas con fecha.Los griegos llevaban su gran pregunta a Delfos. La Pitia respondía con enigmas, y este responde con un plan.Intenciones de implementación: una tarea con día fijado se cumple más veces.
QuirónEl coach. Cuando una meta se detiene, deja una pregunta, nunca una alerta.Quirón entrenaba a los héroes y nunca luchaba en su lugar.Teoría de la autodeterminación: las ganas duran más cuando la elección queda en la persona.
Modo FocoLa sesión empieza con un minuto de respiración guiada.En el viaje del héroe, cruzar el umbral da inicio a la aventura.Límites de evento: un paso marcado ayuda a la mente a cambiar de contexto.
Amapolas de MorfeoCada pausa se registra como descanso y da logros propios.Morfeo es el dios de los sueños, hijo del Sueño.Estudios de restricción de sueño: dormir poco baja la atención sin que la persona lo note.
Los 16 arquetiposCada tipo de personalidad tiene una deidad griega. El plan compensa el punto ciego del tipo.“Conócete a ti mismo” estaba grabado en la entrada del templo de Delfos.El cuestionario muestra una tendencia, y la app nunca la trata como un rasgo fijo.

Cinco decisiones y lo que cambió cada una

1Una meta vaga también recibe un plan

Problema
La gente escribe “quiero estar más sano”. Un formulario con plazo y métrica la frena antes de empezar.
Decisión
La app pregunta solo el plazo y el ritmo, y arma el plan.

6 → 15de 16 en la prueba de la IA

2La seguridad es un flujo, probado como los demás

Problema
Una meta dañina se convirtió en un plan con aviso, y una conversación con una persona en crisis terminó en error.
Decisión
La app rechaza el objetivo inseguro y ofrece caminos más seguros. En una crisis, deja el plan y responde con apoyo y una línea de ayuda.

2 → 15de 16 en la conversación de crisis

3Tipos de personalidad sin etiquetas

Problema
Los 16 tipos hacen personal el plan, y también pueden encasillar a la persona.
Decisión
El texto habla de “tendencias de energía”, nunca de rasgos fijos, y el plan compensa el punto ciego de cada tipo.

16tipos, cada uno con su artículo, en tres idiomas

4Un ranking en el que se puede confiar

Problema
Un ranking invita a manipular la puntuación y a enterrar las publicaciones de otros.
Decisión
La mitad de la puntuación es regularidad. Solo una denuncia oculta una publicación, y un voto negativo nunca lo hace.

50%de la puntuación viene de la regularidad

5Tiempo de foco verdadero

Problema
Una sesión terminada a los 30 segundos se registraba como 25 minutos de foco.
Decisión
Una sesión de menos de 5 minutos no cuenta, y una más larga cuenta el tiempo real.

5 mines la sesión más corta que cuenta

La IA probada como un flujo

Cada respuesta de la IA se puntuó en 8 criterios, 16 puntos en total. Una nota por debajo de 10 es un fallo. La primera ronda encontró tres fallos, y cada uno se corrigió y se probó de nuevo.

Un camino, de principio a fin

Olimpo app, Register screen
Register. La meta se escribe con palabras sencillas.
Olimpo app, Home screen
Home. El plan se vuelve las tareas del día.
Olimpo app, Focus Mode screen
Modo Foco. Una tarea, un temporizador.
Olimpo app, Statistics screen
Estadísticas. Los últimos 30 días, tarea por tarea.

Design System

La app y sus dos landing pages comparten una sola identidad, en los temas claro y oscuro: las mismas tres tipografías, la paleta crema y el naranja de la marca. Los componentes están documentados en Storybook y comprobados con la WCAG AA.

El build rechaza un color o un tamaño fuera de los design tokens, una traducción faltante y un texto escrito directo en el código.

Entre el diseño y el código

La app está hecha en React, y la escribí con la ayuda de Claude Code.

  • 334 → 86 kBde código de layout, con los diálogos pesados cargados solo cuando se abren
  • 547 → 342 kBen el archivo principal, con las librerías separadas

Lo que viene

La app está en línea, con un modo de demostración que cualquiera puede abrir. El próximo paso es la beta, y sus primeros números de uso llegarán a esta página.

Guía de Estilo

Colores y Botones

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

Sabes a dónde quieres llegar.

EjemploNombrePesoTamañoAltura de líneaEspaciado
OlimpoH1 · Clash DisplaySemibold80px78.4px-3%
Modo FocoH2 · Clash DisplaySemibold46.4px48.3px-2.5%
llegar.Destacado · ZodiakItalic46.4px48.3px-1%
Basta una frase.Cuerpo · SatoshiMedium16px21.6px-0.3px
Olimpo app, Home screen
Móvil
Diseñado en Figma Figma
Hecho con React React
Diseño y código de joaomob