Retrato de Lê Xuân Lộc

Lê Xuân Lộc

Product designer & builder, Hanói

Diseño y construyo apps para vivir mejor.

He hecho cinco apps para iOS yo solo, de principio a fin, cada una con un flujo de pago completo. Busco un puesto de diseño de UI o de producto.

Antes de las apps

En cuarto de primaria dibujaba juegos en mis cuadernos, y mis compañeros de clase pagaban por jugar. En 2017, antes de la universidad, empecé a hacer sitios web. En la universidad, el descanso entre clases era de solo diez minutos: no daba tiempo a hacer cola para comprar comida. Así que hice una app para pedir en la cafetería, y los estudiantes ya no tenían que quedarse esperando en la cola. Más tarde, mientras estudiaba economía, construí aplicaciones web en R. Siempre me ha importado, por instinto, cómo hace sentir una interfaz a la gente.

Cofundé Nala, un retiro cerca de Hanói, y desde 2022 dirijo sus operaciones y su marca, junto a su personal y a las marcas con las que colabora. En internet pasé a ser “Tớ là Lộc” en TikTok, con unos 100.000 seguidores y videos que alcanzaron millones de reproducciones. Durante dos años fui también asesor de contenido de Nàng Mơ, una marca de creación de contenido en TikTok, Facebook y YouTube. En 2024 el trabajo en medios ya pagaba bien, y me estaba alejando de lo que de verdad me gusta hacer.

Así que lo dejé a un lado y me quedé en casa. La gente pensaba que estaba tirando mi futuro por la borda. Yo estaba construyendo uno nuevo: las apps que quería que existieran. Aquí están las cinco.

baseline En el App Store

Que piense la app.

Pantalla principal de baseline: una franja para el ranking, un año de actividad, una invitación a elegir entre 1 y 7 sesiones por semana y, después, TODAY con dos ejercicios y un gran botón naranja START WORKOUT.
Pantalla de registro de series de baseline: 45 kg × 8 en letra muy grande, SET 01 /03, una línea que indica los gestos para el peso y las repeticiones, y un botón naranja LOG SET a todo el ancho.
Pantalla de registro de series de baseline.
Parte superior de la pantalla principal de baseline: una franja BOARD que dice ONE SESSION TO JOIN, un año de actividad en forma de cuadrícula y una tarjeta que dice SET YOUR BASELINE. Choose 1 to 7 sessions each week. Train on any day.
  1. En el gimnasio

    Cuando entreno quiero ejercicio físico, no ejercicio mental.

    Llego al gimnasio, abro la app y miro los ejercicios de hoy. Pensar es trabajo de la app.

  2. Primer intento: dos arrastres

    Me decidí pronto por arrastrar. Las teclas numéricas obligan a teclear, y las flechas se comen la pantalla.

    En la primera versión había dos arrastres: uno para el peso y otro para las repeticiones. La usé todos los días durante casi dos semanas. No estaba mal.

  3. El gráfico

    Al usarla, noté que faltaba algo: un gráfico que comparara el peso de hoy con el de la vez anterior. Lo construí.

    Con el gráfico ya ahí, un solo arrastre tenía más sentido que dos: arriba y abajo para el peso, izquierda y derecha para las repeticiones.

  4. Te toca

    Pon un dedo sobre los números y muévelo. Arriba, más peso. A la derecha, una repetición más. El bloque es tu serie, dibujada frente a la de la vez anterior.

  5. Fiel a ti mismo

    Al principio era solo para mí. Me daba igual que la usara alguien más. Luego vi que quizá por eso no era constante, y la constancia es el objetivo de la app.

    Así que añadí una parte social, para sentir algo de presión. No demasiada. Diseñé el ranking para que puntúe una sola cosa: lo fiel que eres a ti mismo. Cuánto levantas, y con qué frecuencia, no cuenta. Si dices cuatro sesiones a la semana y haces cuatro, estás al mismo nivel que alguien que dice siete y hace siete.

    Leer el ensayo sobre baseline baseline en el App Store

Lockeat En el App Store

Empieza con una foto.

De los 14 a los 26 años, mi peso subió y bajó. Me esforcé mucho y cambié mi cuerpo más de una vez. Luego todo volvía atrás, y cada ciclo me dejaba un poco más de vergüenza.

Al mirar atrás, a esos doce años, me di cuenta de que a mí no me pasaba nada malo. Había estado intentando resolver un problema de largo plazo con periodos de esfuerzo demasiado intensos para mantenerlos. La gente sana que yo admiraba no ganaba una batalla enorme cada mañana. Comer bien se había convertido en una parte normal de su vida.

Por eso construí Lockeat, un contador diario de calorías, en torno a un principio: el menor tiempo posible en la app para el mayor efecto posible. Registras una comida con una foto, y la estimación llega en uno o dos segundos. La meta que me puse era un solo toque. La versión publicada necesita tres: abrir la cámara, tomar la foto, guardar.

Quería disciplina sin la sensación de que me la imponen. Lockeat no te insiste para que cumplas un objetivo diario ni te hace obsesionarte con cada pequeña cosa que comes.

Primero hice el prototipo del flujo de captura en Claude Design. La app se abre en un calendario: cada día es un total, sin más, y abajo hay un único botón de cámara. Ahí no hay anillo de calorías ni barra de progreso. Registras primero y juzgas después.

Todas las cifras son estimaciones, no consejo médico.

Lockeat en el App Store

Pantalla de revisión de Lockeat sobre una foto de phở de res: 660 calorías, 38 de proteína, 28 de grasa, 62 de carbohidratos y el nombre del plato en palabras sencillas, encima de un botón Save.
Vista del día de Lockeat: el total del día, 2,399, arriba, unido por líneas a las comidas de abajo. Se ven dos, 763 a las 08:00 y 1,365 a las 12:00; una tercera línea continúa más allá del recorte.

Elsewhere En el App Store

Se queda en tu teléfono, sin hacer ruido.

Elsewhere guarda fotos y videos personales en el dispositivo, tras una fachada discreta.

Eliges entre doce su icono de la pantalla de inicio. iOS deja que una app cambie de icono, pero no de nombre, así que el nombre sigue siendo Elsewhere.

Elsewhere en el App Store

Ajuste de Elsewhere titulado Home Screen icon: doce iconos entre los que elegir y una nota que dice que el icono cambia en todo el dispositivo, mientras que el nombre sigue siendo Elsewhere.
Biblioteca de Elsewhere: una cuadrícula de tres columnas con fotos de ejemplo de una pareja ficticia y de recuerdos.

lifelong En el App Store

Una persona.

lifelong es un espacio privado para exactamente dos personas. Sin lista de contactos, sin feed.

Su asistente, Tơ, funciona en el teléfono. Lee el chat compartido solo cuando se lo piden, y solo después de que las dos personas lo hayan activado. Cualquiera de los dos puede volver a desactivarlo.

Pantalla de bienvenida de lifelong: One person. For life. A private space for exactly two people.
Panel de consentimiento de lifelong, titulado ‘Tơ & AI — private to the two of you’. Dos notas dicen que el asistente funciona en el teléfono y que, para leer el chat compartido, las dos personas tienen que estar de acuerdo. Debajo, una fila por persona: ‘Me’ tiene un interruptor; ‘You’ aparece como ‘hasn’t agreed’.

También es la app que estuve a punto de abandonar. Después de una ruptura perdí la fe en ella y planeé cambios tan grandes que casi equivalían a reescribirla.

Decidí que una experiencia dolorosa no debía cambiar la imagen que la app tiene de una relación sana y feliz, así que conservé la original. Está más o menos al 30% de lo que quiero que sea, y sigo mejorándola.

lifelong en el App Store

Knowless En el App Store

Una pantalla y un botón.

Pantalla en vivo de Knowless: líneas traducidas con el original debajo.
  1. Perdido en Hong Kong

    De niño me perdí en Hong Kong. No hablaba el idioma.

    En viajes posteriores, a China y a otros países donde no conozco el idioma, no podía usar datos móviles. Cada vez deseaba lo mismo: un traductor que no necesitara conexión, para poder entender a la gente y hablar con ella.

  2. Primer intento: un radar

    La primera versión era un radar que escuchaba todo el tiempo. Imaginé que podría saber dónde estaba quien hablaba solo por el sonido.

    No podía. Mi teléfono no me da audio espacial a partir de una grabación, así que en ella no hay nada que diga de dónde viene una voz. Leí que un modelo más nuevo quizá sí. No tengo ninguno. Lo dejé.

  3. Segundo intento: ojos

    Así que probé con ojos en vez de oídos: las dos cámaras a la vez, para encontrar la cara que estaba hablando.

    El teléfono se calentaba, agotaba la batería, se congelaba. También lo descarté.

  4. Mis propios oídos

    Sobre el papel, la reducción de ruido para lugares ruidosos sonaba razonable. Luego escuché con mis propios oídos una grabación con ruido. No distinguía mis propias palabras.

    Eso no lo iba a arreglar ninguna reducción de ruido, así que descarté la idea. A eso me refiero con “human in the loop”: tengo que comprobar una y otra vez que lo que pido tiene sentido.

  5. Lo que quedó

    Una pantalla y un botón. Pulsar, hablar, traducir.

    El primer prototipo guardaba además un historial de conversaciones. Eso también lo quité, para publicar a tiempo para Shipaton, y aun así casi se me pasa el plazo. Probablemente es la app más sencilla que he hecho.

  6. Dos días para un efecto

    Una función muy pequeña resultó extremadamente compleja: cómo aparecen las palabras. La voz se convierte en una suposición, que se muestra al instante y así se siente en vivo. Luego la suposición se corrige. Después de una frase larga se corrige otra vez, con contexto.

    Cada uno de esos estados tiene que verse bien, y la espera entre uno y otro también. Estuve más de dos días yendo y viniendo entre la app y una maqueta de diseño.

    Hay cosas que no deberían estar ahí. No todo el mundo lo nota.

    Leer el ensayo sobre Knowless Knowless en el App Store

Como Lego

Cuando construía varias apps a la vez, las cosas empezaron a conectarse. Una pieza hecha para una encaja en otra, como las de Lego. baseline empezó como la parte de fitness de lifelong; en agosto de 2026 la separé como app propia, y unos días después Lockeat salió de baseline.

El feed de baseline vino de otra app más. La construí, y solo cuando ya estaba en marcha vi que la idea quedaba demasiado lejos de la realidad para funcionar. Hay días en que lamento el tiempo que me costó. Pero su feed pasó a baseline y encajó.

Unas mismas reglas

baseline, Lockeat y Knowless se apoyan en un pequeño sistema de diseño que mantengo, llamado Ground & Signal. La idea es que las apps no se parezcan en nada y se comporten igual. Sus reglas:

  • Dos pantallas; después, sheets.
  • Un solo color de acento, para el elemento en el que estás y para la única acción que vale la pena.
  • El movimiento informa de lo que está pasando; no está para lucirse.
  • La letra pequeña dice la verdad.
  • Ni alertas ni confirmaciones donde basta con deshacer.
  • Informar, no aplaudir: sin rachas, sin insignias, sin elogios.

Cómo trabajo

Hago un prototipo antes de construir, y voy rápido. Lockeat pasó a ser una app propia el 26 de agosto de 2026. El 28 de agosto, su flujo de captura (una tarjeta de estimación, una rueda de porciones, tres gestos de deslizamiento) ya era un prototipo interactivo en Claude Design, y una revisión asistida por IA lo había repasado pantalla por pantalla frente a lo que permite iOS. Al día siguiente se escribió, a partir de él, la especificación para construir la app, hasta el detalle de conservar la sensación del movimiento del prototipo.

En esa etapa tomé dos decisiones. Una estimación no es una medición, pero decidí que la app mostraría igualmente un solo número, sin más, y que el razonamiento que hay detrás iría apareciendo en vivo. Y había una maqueta que no me cuadraba: resultó que entre sus fotos de comida de ejemplo había fotos generadas por IA. Desde entonces Lockeat tiene una regla para sus imágenes: solo comidas reales, nada de fotos generadas por IA ni de fotos de stock de estudio.

Construyo con herramientas de IA (Claude Code, Bitrig), con el mejor modelo que puedo conseguir, y sigo de cerca cada paso. La IA me da muchas ideas que no son viables, aunque a veces me impresiona mucho. Cuando estoy agotado, primero pido a los modelos que revisen un plan y luego lo leo yo por si hay algo ilógico. Las decisiones siguen siendo mías.

Las cinco, en 36 segundos

En mi teléfono, las cinco están en una misma carpeta, llamada Quality life.

Cinco apps para una vida de calidad.

Sobre mí

Intento que el diseño sea una de las partes más importantes de todo lo que construyo, y llevo yo mismo cada app desde el primer prototipo hasta el App Store.

Me gustaría llevar eso a un equipo. Vivo en Hanói y estoy disponible para puestos de diseño de UI y de producto en Hanói, en Ciudad Ho Chi Minh o en remoto. Trabajo desde una oficina en casa totalmente equipada, en horario de Vietnam (GMT+7).

Contacto

24m2space@gmail.com

Escríbeme LinkedIn CV App Store

Cómo leer este sitio

No hay pies de foto bajo las imágenes, así que aquí explico qué son. Las pantallas de teléfono son capturas y composiciones de las interfaces reales, con contenido de ejemplo; las fotos de la biblioteca de Elsewhere son generadas y ficticias, y una vista del día de Lockeat está recortada. Los clips son fragmentos de mis propios videos de demostración y de vista previa; en Knowless, las frases están escritas de antemano. Los tres dibujos a línea del capítulo de Knowless (un radar, dos cámaras, una forma de onda con ruido) son bocetos hechos para esta página, no capturas. Las dos pantallas que puedes probar son pequeñas recreaciones hechas para esta página, no las apps. En dos capturas de lifelong se quitaron con retoque los elementos que iOS superpone (el botón de AssistiveTouch y el indicador de grabación), y en el montaje de 36 segundos los números de capítulo están tapados; las interfaces de las apps están tal como se capturaron. Solo el montaje de 36 segundos tiene sonido, y solo cuando lo reproduces. Es material de demostración, no un registro de lo que contiene la versión actual de cada app.

Créditos de fotos

Aquí se enumeran las fotos de comida de Wikimedia Commons usadas en las pantallas y el video de Lockeat, redimensionadas y recortadas; cada una sigue bajo su propia licencia. La lista cubre el conjunto completo, así que no todas las fotos aparecen en esta página.

Textos de las licencias: CC BY-SA 3.0, CC BY-SA 4.0, CC0 1.0. Los títulos están compuestos en Fraunces (SIL Open Font License). Apple, iPhone y App Store son marcas comerciales de Apple Inc.; este sitio no está afiliado a Apple ni cuenta con su respaldo.