Lê Xuân Lộc의 얼굴 사진

Lê Xuân Lộc

Product designer & builder, 하노이

더 나은 삶을 위해 앱을 디자인하고 만듭니다.

iOS 앱 다섯 개를 처음부터 끝까지 혼자 만들었습니다. 다섯 개 모두 결제 플로우를 온전히 갖췄습니다. UI나 프로덕트 디자인 포지션을 찾고 있습니다.

앱을 만들기 전

초등학교 4학년 때 공책에 게임을 그렸는데, 반 친구들이 돈을 내고 그 게임을 했습니다. 2017년, 대학에 가기 전에 웹사이트를 만들기 시작했습니다. 대학에서는 수업 사이 쉬는 시간이 10분뿐이라, 먹을 것을 사려고 줄을 서기에는 너무 짧았습니다. 그래서 학교 식당 주문 앱을 만들었고, 학생들은 줄을 서서 기다리지 않아도 됐습니다. 그 뒤 경제학을 공부하면서는 R로 웹 앱을 만들었습니다. 인터페이스가 사람에게 어떤 느낌을 주는지, 저는 늘 본능적으로 신경 써 왔습니다.

하노이 근교의 리트리트 Nala를 공동 창업했고, 2022년부터 직원들, 브랜드 파트너들과 함께 운영과 브랜드를 맡아 왔습니다. 온라인에서는 TikTok의 “Tớ là Lộc”이 됐습니다. 팔로워는 약 10만 명이고, 조회수가 수백만 회에 이른 영상도 있습니다. TikTok, Facebook, YouTube에서 활동하는 크리에이터 브랜드 Nàng Mơ의 콘텐츠 자문도 2년 동안 맡았습니다. 2024년쯤 미디어 일은 벌이가 좋았고, 그 일 때문에 저는 정말 좋아하는 일에서 멀어지고 있었습니다.

그래서 그 일에서 한발 물러나 집에 있었습니다. 사람들은 제가 미래를 내던진다고 생각했습니다. 저는 새 미래를 만들고 있었습니다. 세상에 있었으면 했던 앱들입니다. 그 다섯 개를 소개합니다.

baseline App Store에서 보기

생각은 앱에 맡깁니다.

baseline 홈 화면: 리더보드 띠, 1년 치 활동, 매주 1~7번 중 몇 번 운동할지 고르라는 안내, 그 아래에 운동 두 가지가 있는 TODAY와 큼직한 주황색 START WORKOUT 버튼.
baseline 세트 기록 화면: 아주 큰 글자로 쓴 45 kg × 8, SET 01 /03, 무게와 횟수 제스처를 알려 주는 한 줄, 화면 폭을 가득 채운 주황색 LOG SET 버튼.
baseline 세트 기록 화면.
baseline 홈 화면의 윗부분: ONE SESSION TO JOIN이라고 적힌 BOARD 띠, 격자로 나타낸 1년 치 활동, 그리고 이렇게 적힌 카드: SET YOUR BASELINE. Choose 1 to 7 sessions each week. Train on any day.

  1. 헬스장에서

    운동할 때는 몸을 쓰고 싶지, 머리를 쓰고 싶지 않습니다.

    헬스장에 도착해 앱을 열고 오늘 할 운동을 확인합니다. 생각은 앱의 몫입니다.

  2. 첫 시도: 드래그 두 개

    드래그는 일찍 정했습니다. 숫자 키는 눌러야 하고, 화살표는 화면을 잡아먹습니다.

    첫 버전에는 드래그가 두 개였습니다. 하나는 무게, 하나는 횟수였습니다. 거의 2주 동안 매일 썼습니다. 그럭저럭 괜찮았습니다.

  3. 그래프

    쓰다 보니 뭔가 빠진 느낌이 들었습니다. 오늘 무게를 지난번 무게와 비교해 보여 주는 그래프였습니다. 그걸 만들었습니다.

    그래프가 생기고 나니 드래그 두 개보다 하나가 더 합리적이었습니다. 위아래는 무게, 좌우는 횟수입니다.

  4. 직접 해 볼 차례

    숫자에 손가락을 대고 움직여 보세요. 위로 올리면 더 무거워집니다. 오른쪽으로 밀면 횟수가 하나 늘어납니다. 블록은 지금 하는 세트이고, 지난번과 비교되도록 그려집니다.

  5. 자신과의 약속

    처음에는 저 혼자 쓰는 앱이었습니다. 다른 사람이 쓰든 말든 상관없었습니다. 그러다 그게 제가 꾸준하지 못한 이유일 수도 있다는 걸 알았습니다. 꾸준히 하는 것이 이 앱의 목적인데 말입니다.

    그래서 압박을 조금 느끼려고 소셜 기능을 넣었습니다. 지나치지는 않게 했습니다. 리더보드는 한 가지에만 점수를 매기도록 디자인했습니다. 자신과의 약속을 얼마나 지키느냐입니다. 얼마나 무겁게 드는지, 얼마나 자주 하는지는 점수에 들어가지 않습니다. 일주일에 네 번 하겠다고 하고 네 번 하면, 일곱 번 하겠다고 하고 일곱 번 한 사람과 나란히 섭니다.

    baseline 에세이 읽기 App Store에서 baseline 보기

Lockeat App Store에서 보기

사진 한 장으로 시작합니다.

열네 살부터 스물여섯 살까지 체중이 오르락내리락했습니다. 열심히 노력해서 몸을 바꾼 것도 한 번이 아니었습니다. 그러고 나면 전부 원래대로 돌아갔고, 그렇게 한 바퀴 돌 때마다 부끄러움이 조금씩 더 남았습니다.

그 12년을 돌아보면서 제가 망가진 게 아니었다는 걸 깨달았습니다. 장기적인 문제를, 오래 버틸 수 없을 만큼 강도 높은 노력을 한동안씩 쏟아붓는 식으로 풀려고 했던 겁니다. 제가 동경하던 건강한 사람들은 매일 아침 엄청난 싸움에서 이기고 있는 게 아니었습니다. 그들에게는 잘 먹는 일이 평범한 일상이 되어 있었습니다.

그래서 일일 칼로리 기록 앱 Lockeat을 한 가지 원칙에 따라 만들었습니다. 앱에 머무는 시간은 최대한 짧게, 효과는 최대한 크게. 식사는 사진을 찍어서 기록하고, 추정치는 1~2초면 나옵니다. 제가 세운 목표는 터치 한 번이었습니다. 출시한 앱에서는 세 번입니다. 카메라를 열고, 사진을 찍고, 저장합니다.

자기 관리는 하되, 관리당하는 느낌은 없기를 바랐습니다. Lockeat은 하루 목표를 채우라고 잔소리하지 않고, 먹는 것 하나하나에 집착하게 만들지도 않습니다.

촬영 플로우는 Claude Design에서 프로토타입으로 먼저 만들었습니다. 앱을 열면 달력이 나옵니다. 날짜마다 꾸밈없는 합계 숫자 하나가 있고, 맨 아래에 카메라 버튼이 하나 있습니다. 이 화면에는 칼로리 링도, 프로그레스 바도 없습니다. 먼저 기록하고, 판단은 나중에 합니다.

모든 수치는 추정치이며, 의학적 조언이 아닙니다.

App Store에서 Lockeat 보기

소고기 쌀국수 사진 위에 뜬 Lockeat 확인 화면: 칼로리 660, 단백질 38, 지방 28, 탄수화물 62, 그리고 Save 버튼 위에 쉬운 말로 적은 음식 이름.
Lockeat 하루 화면: 맨 위에 하루 합계 2,399가 있고, 선으로 아래의 식사들과 이어져 있습니다. 08:00의 763과 12:00의 1,365, 두 끼가 보입니다. 세 번째 선은 잘린 가장자리 밖으로 이어집니다.

Elsewhere App Store에서 보기

휴대폰 안에 조용히 보관합니다.

Elsewhere는 개인 사진과 영상을 기기 안에, 눈에 띄지 않는 겉모습 뒤에 보관합니다.

홈 화면 아이콘은 열두 개 중에서 고릅니다. iOS에서 앱은 아이콘을 바꿀 수 있어도 이름은 바꿀 수 없어서, 이름은 그대로 Elsewhere입니다.

App Store에서 Elsewhere 보기

제목이 Home Screen icon인 Elsewhere 설정 화면: 고를 수 있는 아이콘 열두 개, 그리고 아이콘은 기기 전체에서 바뀌지만 이름은 Elsewhere로 남는다는 안내.
Elsewhere 보관함: 가상의 커플과 기념품을 담은 샘플 사진이 3열 격자로 놓여 있습니다.

lifelong App Store에서 보기

한 사람.

lifelong은 딱 두 사람만을 위한 사적인 공간입니다. 연락처 목록도, 피드도 없습니다.

어시스턴트 Tơ는 휴대폰에서 실행됩니다. 두 사람의 대화는 요청받았을 때만, 그것도 두 사람이 모두 켠 뒤에만 읽습니다. 둘 중 누구든 다시 끌 수 있습니다.

lifelong 웰컴 화면: One person. For life. A private space for exactly two people.
lifelong 동의 시트. 제목은 ‘Tơ & AI — private to the two of you’입니다. 안내 두 줄은 어시스턴트가 휴대폰에서 실행되며, 두 사람의 대화를 읽으려면 둘 다 동의해야 한다고 알립니다. 그 아래에는 사람마다 한 줄씩 있습니다. ‘Me’에는 스위치가 있고, ‘You’에는 ‘hasn’t agreed’라고 표시되어 있습니다.

제가 포기할 뻔한 앱이기도 합니다. 이별을 겪은 뒤 이 앱에 대한 희망을 잃었고, 새로 만드는 것이나 다름없을 만큼 크게 바꿀 계획을 세웠습니다.

아픈 경험 한 번 때문에 이 앱이 그리는 건강하고 행복한 관계의 모습이 바뀌어서는 안 된다고 판단했고, 그래서 원래대로 두었습니다. 지금은 제가 바라는 모습의 30% 정도이고, 계속 개선하고 있습니다.

App Store에서 lifelong 보기

Knowless App Store에서 보기

화면 하나, 버튼 하나.

Knowless 실시간 번역 화면: 번역문 줄마다 그 아래에 원문이 있습니다.

  1. 홍콩에서 길을 잃다

    어릴 때 홍콩에서 길을 잃은 적이 있습니다. 그곳 말을 할 줄 몰랐습니다.

    그 뒤 중국이나 제가 말을 모르는 다른 나라로 여행을 갔을 때는 모바일 데이터를 쓸 수 없었습니다. 그때마다 바란 것은 똑같았습니다. 인터넷 연결 없이도 되는 번역기, 그래서 사람들의 말을 알아듣고 이야기를 나눌 수 있게 해 주는 번역기였습니다.

  2. 첫 시도: 레이더

    첫 버전은 항상 듣고 있는 레이더였습니다. 소리만으로 말하는 사람이 어디 있는지 알아낼 수 있을 거라고 상상했습니다.

    안 됐습니다. 제 휴대폰은 녹음에 공간 음향을 담아 주지 않아서, 목소리가 어디서 오는지 알려 주는 것이 녹음 안에 아무것도 없습니다. 더 최신 기종에서는 될 수도 있다는 글을 읽었습니다. 저는 그 기종이 없습니다. 그만뒀습니다.

  3. 두 번째 시도: 눈

    그래서 귀 대신 눈을 써 봤습니다. 카메라 두 개를 동시에 켜서 말하고 있는 얼굴을 찾는 방식이었습니다.

    휴대폰이 뜨거워지고, 배터리가 닳고, 멈췄습니다. 그것도 접었습니다.

  4. 제 귀로 직접

    시끄러운 곳을 위한 소음 제거는 이론상 그럴듯해 보였습니다. 그러다 잡음이 심한 녹음을 제 귀로 직접 들어 봤습니다. 제가 한 말인데도 알아들을 수 없었습니다.

    소음을 아무리 제거해도 해결될 일이 아니어서 그 아이디어는 접었습니다. 제가 말하는 ‘휴먼 인 더 루프’가 바로 이것입니다. 제가 요구하는 것이 말이 되는지 계속 확인해야 한다는 뜻입니다.

  5. 남은 것

    화면 하나, 버튼 하나. 누르고, 말하고, 번역합니다.

    첫 프로토타입은 대화 기록도 저장했습니다. Shipaton 일정에 맞춰 출시하려고 그것도 뺐는데, 그러고도 마감을 놓칠 뻔했습니다. 아마 제가 만든 앱 중 가장 단순한 앱일 겁니다.

  6. 효과 하나에 이틀

    아주 작은 기능 하나가 알고 보니 굉장히 복잡했습니다. 글자가 나타나는 방식입니다. 말소리는 먼저 추측으로 바뀌고, 실시간처럼 느껴지도록 곧바로 화면에 뜹니다. 그다음 그 추측이 고쳐집니다. 긴 문장이 끝나면 문맥에 맞춰 한 번 더 고쳐집니다.

    이 상태들 하나하나가 제대로 보여야 하고, 그 사이의 기다림도 마찬가지입니다. 이틀 넘게 앱과 디자인 목업 사이를 오갔습니다.

    없어야 할 것들이 있습니다. 모두가 알아채는 건 아닙니다.

    Knowless 에세이 읽기 App Store에서 Knowless 보기

레고처럼

앱 여러 개를 동시에 만들다 보니 이것저것이 서로 이어지기 시작했습니다. 한 앱에 쓰려고 만든 조각이 레고처럼 다른 앱에도 맞습니다. baseline은 lifelong의 피트니스 부분으로 시작했습니다. 2026년 8월에 별도 앱으로 떼어 냈고, 며칠 뒤에는 baseline에서 Lockeat이 나왔습니다.

baseline의 피드는 또 다른 앱에서 왔습니다. 그 앱을 만들었는데, 돌아가는 걸 보고 나서야 아이디어가 현실과 너무 동떨어져서 안 된다는 걸 알았습니다. 거기에 들인 시간이 아까운 날도 있습니다. 하지만 그 앱의 피드는 baseline으로 옮겨 와서 들어맞았습니다.

규칙은 하나로

baseline, Lockeat, Knowless는 제가 관리하는 작은 디자인 시스템 Ground & Signal을 바탕으로 합니다. 앱마다 생김새는 전혀 달라도 동작은 똑같다는 것이 이 시스템의 생각입니다. 규칙은 다음과 같습니다.

  • 화면은 두 개, 그다음은 시트입니다.
  • 강조색은 하나입니다. 현재 항목과, 할 만한 단 하나의 동작에 씁니다.
  • 모션은 지금 일어나는 일을 알릴 뿐, 쇼를 하지 않습니다.
  • 작은 글씨는 사실 그대로 말합니다.
  • 실행 취소로 충분한 곳에는 경고창도 확인창도 띄우지 않습니다.
  • 알릴 뿐, 응원하지 않습니다. 연속 기록도, 배지도, 칭찬도 없습니다.

일하는 방식

구현하기 전에 프로토타입부터 만들고, 빠르게 움직입니다. Lockeat은 2026년 8월 26일에 별도 앱이 됐습니다. 8월 28일에는 촬영 플로우(추정치 카드, 분량 휠, 스와이프 제스처 세 가지)가 Claude Design에서 클릭해 볼 수 있는 프로토타입이 되어 있었고, AI의 도움을 받은 리뷰로 iOS가 허용하는 범위에 맞는지 화면을 하나하나 점검한 뒤였습니다. 다음 날에는 그 프로토타입을 바탕으로 쓴 개발 스펙이 나왔습니다. 프로토타입 모션의 느낌을 그대로 살린다는 것까지 담겨 있었습니다.

그 단계에서 두 가지를 결정했습니다. 추정치는 측정값이 아니지만, 그래도 앱은 꾸밈없는 숫자 하나를 보여 주고 그 근거는 실시간으로 흘러나오게 하기로 했습니다. 그리고 목업 하나가 어딘가 이상하게 느껴졌는데, 알고 보니 샘플 음식 사진에 AI 생성 사진이 섞여 있었기 때문이었습니다. 그 뒤로 Lockeat에는 사진에 관한 규칙이 생겼습니다. 실제 식사 사진만 쓰고, AI 생성 사진이나 스튜디오 스톡 사진은 쓰지 않습니다.

AI 도구(Claude Code, Bitrig)로 만들고, 구할 수 있는 가장 좋은 모델을 쓰며, 과정 내내 바짝 붙어 있습니다. AI는 실현할 수 없는 아이디어를 많이 내놓지만, 가끔은 크게 감탄할 때도 있습니다. 지쳤을 때는 모델들에게 먼저 계획을 검토하게 한 뒤, 말이 안 되는 부분이 없는지 제가 읽어 봅니다. 결정은 제 몫입니다.

36초로 보는 다섯 앱

제 휴대폰에서 다섯 앱은 한 폴더에 들어 있습니다. 폴더 이름은 Quality life입니다.

질 높은 삶을 위한 앱 다섯 개.

소개

무엇을 만들든 디자인이 가장 중요한 부분 중 하나가 되도록 노력하고, 앱 하나하나를 첫 프로토타입부터 App Store까지 직접 끌고 갑니다.

이런 방식을 팀에서도 이어 가고 싶습니다. 하노이에 살고 있습니다. 하노이나 호찌민시에서 일하든 원격으로 일하든, UI·프로덕트 디자인 포지션 제안을 환영합니다. 장비를 모두 갖춘 홈 오피스에서 베트남 시간(GMT+7)에 맞춰 일합니다.

연락처

24m2space@gmail.com

메일 보내기 LinkedIn CV App Store

이 사이트 읽는 법

이미지 아래에 캡션이 없어서, 무엇인지 여기에 적어 둡니다. 휴대폰 화면은 실제 인터페이스를 캡처하거나 합성한 것이며, 샘플 콘텐츠로 채웠습니다. Elsewhere 보관함의 사진은 생성한 가상의 사진이고, Lockeat 하루 화면 하나는 일부를 잘라 낸 것입니다. 클립은 제가 만든 데모 영상과 프리뷰 영상에서 잘라 왔고, Knowless에 나오는 문장은 미리 써 둔 것입니다. Knowless 챕터의 선 그림 세 점(레이더, 카메라 두 개, 잡음 섞인 파형)은 이 페이지를 위해 그린 스케치이지 캡처가 아닙니다. 직접 써 볼 수 있는 화면 두 개는 이 페이지를 위해 간단히 재현한 것이고, 앱 자체가 아닙니다. lifelong 캡처 두 장에서는 iOS가 덧씌운 요소(AssistiveTouch 버튼과 녹화 중 표시)를 보정으로 지웠고, 36초 영상의 챕터 번호는 가렸습니다. 앱 자체의 인터페이스는 캡처한 그대로입니다. 소리는 36초 영상에만 있고, 재생할 때만 납니다. 이 영상은 데모 영상이며, 각 앱의 현재 버전에 들어 있는 내용을 기록한 것이 아닙니다.

사진 출처

Lockeat의 화면과 영상에 쓴 Wikimedia Commons 음식 사진을 여기에 적습니다. 크기를 조정하고 잘라서 썼으며, 사진마다 원래의 라이선스가 그대로 적용됩니다. 목록은 전체 세트를 담고 있어서, 모든 사진이 이 페이지에 나오는 것은 아닙니다.

라이선스 전문: CC BY-SA 3.0, CC BY-SA 4.0, CC0 1.0. 제목의 로마자 글꼴은 Fraunces(SIL Open Font License)입니다. 한글은 사용 중인 기기의 글꼴로 표시됩니다. Apple, iPhone, App Store는 Apple Inc.의 상표입니다. 이 사이트는 Apple과 제휴 관계가 없으며 Apple의 보증을 받지 않았습니다.