Retrato de Lê Xuân Lộc

Lê Xuân Lộc

Product designer & builder, Hanói

Eu desenho e construo apps para deixar a vida melhor.

Fiz sozinho cinco apps para iOS, do começo ao fim, cada um com um fluxo de pagamento completo. Estou procurando uma vaga de design de UI ou de produto.

Antes dos apps

Na quarta série, eu desenhava jogos nos meus cadernos, e meus colegas pagavam para jogar. Em 2017, antes da faculdade, comecei a fazer sites. Na faculdade, o intervalo entre as aulas era de só dez minutos, curto demais para pegar a fila da comida. Então fiz um app de pedidos para a cantina, e os alunos não precisavam mais ficar na fila esperando. Mais tarde, enquanto estudava economia, construí web apps em R. Sempre me importei, por instinto, com o jeito como uma interface faz as pessoas se sentirem.

Sou cofundador da Nala, uma pousada perto de Hanói, e desde 2022 estou à frente da operação e da marca, com a equipe e as marcas parceiras. Na internet, virei “Tớ là Lộc” no TikTok, com cerca de 100 mil seguidores e vídeos que chegaram a milhões de visualizações. Por dois anos também fui consultor de conteúdo da Nàng Mơ, uma marca de criador de conteúdo no TikTok, no Facebook e no YouTube. Em 2024, o trabalho com mídia já pagava bem, e estava me afastando do que eu gosto mesmo de fazer.

Então me afastei disso e fiquei em casa. As pessoas acharam que eu estava jogando meu futuro fora. Eu estava construindo outro: os apps que eu queria que existissem. Aqui estão os cinco.

baseline Na App Store

Deixe o app pensar por você.

Tela inicial do baseline: uma faixa para o ranking, um ano de atividade, um convite para escolher de 1 a 7 treinos por semana e, em seguida, TODAY com dois exercícios e um grande botão laranja START WORKOUT.
Tela de registro de série do baseline: 45 kg × 8 em letras bem grandes, SET 01 /03, uma linha que indica os gestos para peso e repetições, e um botão laranja LOG SET que ocupa toda a largura.
Tela de registro de série do baseline.
Topo da tela inicial do baseline: uma faixa BOARD com o texto ONE SESSION TO JOIN, um ano de atividade em grade e um card que diz SET YOUR BASELINE. Choose 1 to 7 sessions each week. Train on any day.
  1. Na academia

    Quando treino, quero exercício físico, não exercício mental.

    Chego na academia, abro o app e confiro os exercícios do dia. Pensar é trabalho do app.

  2. Primeira tentativa: dois arrastos

    Escolhi o arrasto logo no começo. Teclas numéricas obrigam a ficar tocando, e setas comem a tela.

    Na primeira versão eram dois arrastos: um para o peso, outro para as repetições. Usei todos os dias por quase duas semanas. Dava para o gasto.

  3. O gráfico

    Usando o app, senti que faltava uma coisa: um gráfico que comparasse o peso de hoje com o da última vez. Construí esse gráfico.

    Com o gráfico ali, um único arrasto fazia mais sentido que dois: para cima e para baixo, o peso; para a esquerda e para a direita, as repetições.

  4. Sua vez

    Ponha o dedo nos números e arraste. Para cima, mais peso. Para a direita, mais uma repetição. O bloco é a sua série, desenhada sobre a da última vez.

  5. Fiel a si mesmo

    No começo era só para mim. Eu não ligava se mais alguém usava. Depois vi que talvez fosse por isso que eu não tinha constância, e manter a constância é o objetivo do app.

    Então acrescentei um lado social, para sentir um pouco de pressão. Não muita. Desenhei o ranking para pontuar uma coisa só: o quanto você é fiel a si mesmo. Quanto você levanta, e com que frequência, não conta. Se você diz quatro treinos por semana e faz quatro, fica empatado com quem diz sete e faz sete.

    Ler o ensaio sobre o baseline baseline na App Store

Lockeat Na App Store

Comece com uma foto.

Dos 14 aos 26 anos, meu peso subia e descia. Eu me esforcei muito e mudei meu corpo mais de uma vez. Depois tudo voltava ao que era, e cada ciclo me deixava com um pouco mais de vergonha.

Olhando para trás, para esses doze anos, percebi que não tinha nada de errado comigo. Eu vinha tentando resolver um problema de longo prazo com períodos de esforço intensos demais para durar. As pessoas saudáveis que eu admirava não venciam uma batalha enorme toda manhã. Comer bem tinha virado uma parte comum da vida delas.

Então construí o Lockeat, um contador diário de calorias, em torno de um princípio: o mínimo de tempo no app para o máximo de efeito. Você registra uma refeição tirando uma foto dela, e a estimativa chega em um ou dois segundos. A meta que defini era um toque só. A versão lançada pede três: abrir a câmera, tirar a foto, salvar.

Eu queria disciplina sem a sensação de estar sendo disciplinado. O Lockeat não fica no seu pé para você bater uma meta diária, nem faz você ficar obcecado com cada coisinha que come.

Primeiro prototipei o fluxo de captura no Claude Design. O app abre em um calendário: cada dia é um total simples, e um único botão de câmera fica na parte de baixo. Não há anel de calorias nem barra de progresso ali. Você registra primeiro e julga depois.

Todo número é uma estimativa, não uma orientação médica.

Lockeat na App Store

Tela de revisão do Lockeat sobre uma foto de phở de carne: 660 calorias, 38 de proteína, 28 de gordura, 62 de carboidratos, e o nome do prato em palavras simples, acima de um botão Save.
Visão do dia no Lockeat: o total do dia, 2.399, no topo, ligado por linhas às refeições abaixo. Duas aparecem, 763 às 08:00 e 1.365 às 12:00; uma terceira linha segue para além do recorte.

Elsewhere Na App Store

Fica no seu celular, sem alarde.

O Elsewhere guarda fotos e vídeos pessoais no aparelho, atrás de uma fachada discreta.

Você escolhe o ícone dele na Tela de Início entre doze opções. O iOS deixa um app mudar de ícone, mas não de nome, então o nome continua Elsewhere.

Elsewhere na App Store

Tela de configuração do Elsewhere com o título Home Screen icon: doze ícones para escolher e uma nota dizendo que o ícone muda em todo o aparelho, enquanto o nome continua Elsewhere.
Biblioteca do Elsewhere: uma grade de três colunas com fotos de exemplo de um casal fictício e de lembranças.

lifelong Na App Store

Uma pessoa só.

O lifelong é um espaço privado para exatamente duas pessoas. Sem lista de contatos, sem feed.

O assistente do app, Tơ, roda no celular. Ele só lê a conversa dos dois quando alguém pede, e só depois que as duas pessoas ativaram o assistente. Qualquer um de vocês pode desativar de novo.

Tela de boas-vindas do lifelong: One person. For life. A private space for exactly two people.
Sheet de consentimento do lifelong, com o título ‘Tơ & AI — private to the two of you’. Duas notas dizem que o assistente roda no celular e que, para ler a conversa dos dois, as duas pessoas precisam concordar. Abaixo, uma linha por pessoa: ‘Me’ tem um interruptor; ‘You’ aparece como ‘hasn’t agreed’.

Também é o app que eu quase abandonei. Depois de um término, perdi a esperança nele e planejei mudanças tão grandes que eram quase uma reescrita.

Decidi que uma experiência dolorosa não deveria mudar a imagem que o app tem de um relacionamento saudável e feliz, então mantive o original. Ele está em cerca de 30% do que eu quero que seja, e continuo melhorando.

lifelong na App Store

Knowless Na App Store

Uma tela e um botão.

Tela ao vivo do Knowless: linhas traduzidas com os originais embaixo.
  1. Perdido em Hong Kong

    Quando eu era pequeno, me perdi em Hong Kong. Eu não falava a língua.

    Nas viagens seguintes, à China e a outros países onde não falo a língua, eu não conseguia usar dados móveis. Toda vez eu queria a mesma coisa: um tradutor que não precisasse de conexão, para eu entender as pessoas e conversar com elas.

  2. Primeira tentativa: um radar

    A primeira versão era um radar que ficava ouvindo o tempo todo. Imaginei que ele conseguiria dizer onde estava quem falava só pelo som.

    Não conseguiu. Meu celular não me dá áudio espacial a partir de uma gravação, então nada nela diz de onde vem uma voz. Li que um modelo mais novo talvez dê. Não tenho um. Parei.

  3. Segunda tentativa: olhos

    Então tentei os olhos em vez dos ouvidos: as duas câmeras ao mesmo tempo, para achar o rosto que estava falando.

    O celular esquentava, a bateria ia embora, ele travava. Desisti disso também.

  4. Meus próprios ouvidos

    No papel, redução de ruído para lugares barulhentos parecia razoável. Depois ouvi uma gravação barulhenta com meus próprios ouvidos. Não consegui entender minhas próprias palavras.

    Não há redução de ruído que resolva isso, então desisti da ideia. É isso que eu quero dizer com um humano no loop: tenho que conferir o tempo todo se o que estou pedindo faz sentido.

  5. O que sobrou

    Uma tela e um botão. Apertar, falar, traduzir.

    O primeiro protótipo também guardava um histórico de conversas. Cortei mais isso, para lançar a tempo do Shipaton, e mesmo assim quase perdi o prazo. Provavelmente é o app mais simples que já fiz.

  6. Dois dias em um único efeito

    Um recurso bem pequeno acabou sendo extremamente complexo: como as palavras aparecem. A fala vira um palpite, mostrado na hora para parecer ao vivo. Em seguida o palpite é corrigido. Depois de uma frase longa, é corrigido de novo, com contexto.

    Cada um desses estados precisa parecer certo, e a espera entre eles também. Passei mais de dois dias indo e voltando entre o app e um mockup de design.

    Tem coisa que não devia estar ali. Nem todo mundo percebe.

    Ler o ensaio sobre o Knowless Knowless na App Store

Como Lego

Quando eu estava construindo vários apps ao mesmo tempo, as coisas começaram a se conectar. Uma peça feita para um encaixa em outro, como Lego. O baseline começou como a parte de treino do lifelong; em agosto de 2026 eu o separei em um app próprio, e poucos dias depois o Lockeat saiu do baseline.

O feed do baseline veio de mais um app. Construí esse app, e só quando ele estava rodando vi que a ideia estava longe demais da realidade para funcionar. Tem dias em que me arrependo do tempo que ele custou. Mas o feed dele foi para o baseline e encaixou.

Um só conjunto de regras

O baseline, o Lockeat e o Knowless se apoiam em um pequeno design system que eu mantenho, chamado Ground & Signal. A ideia é que os apps não se pareçam em nada e se comportem do mesmo jeito. As regras:

  • Duas telas, depois sheets.
  • Uma cor de destaque só, para o item em que você está e para a única ação que vale a pena.
  • O movimento informa o que está acontecendo; não dá espetáculo.
  • As letras miúdas dizem a verdade.
  • Nada de alertas ou confirmações onde um desfazer resolve.
  • Informar, não comemorar: sem streaks, sem medalhas, sem elogios.

Como eu trabalho

Faço o protótipo antes de construir, e avanço rápido. O Lockeat virou um app próprio em 26 de agosto de 2026. Em 28 de agosto, o fluxo de captura dele (um card de estimativa, uma roda de porções, três gestos de deslizar) já era um protótipo navegável no Claude Design, e uma revisão assistida por IA já tinha passado por ele tela por tela, comparando com o que o iOS permite. No dia seguinte, a especificação para construir o app foi escrita a partir dele, até o detalhe de manter a sensação do movimento do protótipo.

Nessa fase tomei duas decisões. Uma estimativa não é uma medição, mas decidi que o app mostraria mesmo assim um único número, simples, com o raciocínio por trás dele aparecendo ao vivo. E um mockup me pareceu errado: a causa, no fim, eram fotos geradas por IA no meio das fotos de comida de exemplo. Desde então o Lockeat tem uma regra para as imagens: só refeições de verdade, nada de fotos geradas por IA nem de fotos de banco de imagens feitas em estúdio.

Construo com ferramentas de IA (Claude Code, Bitrig), usando o melhor modelo a que tenho acesso, e acompanho tudo de perto. A IA me dá muitas ideias inviáveis, mas às vezes me impressiona muito. Quando estou esgotado, primeiro peço para os modelos revisarem um plano, depois leio à procura de qualquer coisa sem lógica. As decisões ficam comigo.

Os cinco, em 36 segundos

No meu celular, os cinco ficam em uma pasta só, chamada Quality life.

Cinco apps para uma vida de qualidade.

Sobre

Tento fazer do design uma das partes mais importantes de tudo o que construo, e eu mesmo levo cada app do primeiro protótipo até a App Store.

Gostaria de levar isso para um time. Moro em Hanói e estou aberto a vagas de design de UI e de produto em Hanói, na Cidade de Ho Chi Minh ou remotas. Trabalho de um home office totalmente equipado, no fuso horário do Vietnã (GMT+7).

Contato

24m2space@gmail.com

Me escreva LinkedIn CV App Store

Como ler este site

Não há legendas embaixo das imagens, então explico aqui o que elas são. As telas de celular são capturas e composições das interfaces reais, preenchidas com conteúdo de exemplo; as fotos da biblioteca do Elsewhere são geradas e fictícias, e uma visão do dia do Lockeat está recortada. Os clipes foram cortados dos meus próprios vídeos de demonstração e de prévia, com frases roteirizadas no Knowless. Os três desenhos a traço no capítulo do Knowless (um radar, duas câmeras, uma onda sonora com ruído) são esboços feitos para esta página, não capturas. As duas telas que você pode experimentar são pequenas recriações construídas para esta página, não os apps. Em duas capturas do lifelong, sobreposições do iOS foram retiradas no retoque (o botão do AssistiveTouch e o indicador de gravação), e os números de capítulo no vídeo de 36 segundos estão cobertos; as interfaces dos próprios apps estão como foram capturadas. Só o vídeo de 36 segundos tem som, e só quando você dá play. É material de demonstração, não um registro do que cada versão atual contém.

Créditos das fotos

As fotos de comida do Wikimedia Commons usadas nas telas e no vídeo do Lockeat estão listadas aqui, redimensionadas e recortadas; cada uma continua sob a própria licença. A lista cobre o conjunto inteiro, então nem toda foto aparece nesta página.

Textos das licenças: CC BY-SA 3.0, CC BY-SA 4.0, CC0 1.0. Os títulos usam a fonte Fraunces (SIL Open Font License). Apple, iPhone e App Store são marcas comerciais da Apple Inc.; este site não é afiliado à Apple nem endossado por ela.