Портрет Lê Xuân Lộc

Lê Xuân Lộc

Product designer & builder, Ханой

Я проєктую і розробляю застосунки, щоб життя ставало кращим.

Я сам зробив п’ять застосунків для iOS, від початку до кінця, і в кожному є повний сценарій оплати. Шукаю роботу UI- або продуктового дизайнера.

До застосунків

У четвертому класі я малював у зошитах ігри, і однокласники платили, щоб у них пограти. У 2017 році, до університету, я почав робити сайти. В університеті перерва між парами тривала лише десять хвилин — замало, щоб вистояти чергу по їжу. Тож я зробив застосунок для замовлень у їдальні, і студентам не доводилося стояти в черзі й чекати. Пізніше, коли вивчав економіку, я робив вебзастосунки на R. Мені завжди інстинктивно було важливо, що люди відчувають, коли користуються інтерфейсом.

Я співзасновник Nala, ретриту поблизу Ханоя, і з 2022 року керую там операційною роботою та брендом, працюю з персоналом і брендами-партнерами. В інтернеті я став «Tớ là Lộc» у TikTok: близько 100 000 підписників і відео, що набирали мільйони переглядів. А ще я два роки був радником із контенту для Nàng Mơ — це бренд, що створює контент у TikTok, Facebook і YouTube. На 2024 рік робота в медіа добре оплачувалась і водночас віддаляла мене від того, що я насправді люблю робити.

Тож я відійшов від неї і лишився вдома. Люди думали, що я перекреслюю своє майбутнє. А я будував нове: застосунки, яких мені бракувало. Ось ці п’ять.

baseline В App Store

Нехай думає застосунок.

Головний екран baseline: смужка рейтингу, рік активності, пропозиція обрати від 1 до 7 тренувань на тиждень, далі TODAY із двома вправами і велика помаранчева кнопка START WORKOUT.
Екран запису підходу в baseline: 45 kg × 8 дуже великим шрифтом, SET 01 /03, рядок, де названо жести для ваги й повторень, і помаранчева кнопка LOG SET на всю ширину.
Екран запису підходу в baseline.
Верхня частина головного екрана baseline: смужка BOARD із написом ONE SESSION TO JOIN, рік активності у вигляді сітки і картка з написом SET YOUR BASELINE. Choose 1 to 7 sessions each week. Train on any day.

  1. У залі

    На тренуванні я хочу навантажувати тіло, а не голову.

    Приходжу в зал, відкриваю застосунок і дивлюся, які вправи сьогодні. Думати — справа застосунку.

  2. Перша спроба: два жести

    Перетягування я обрав ще на початку. Цифрові клавіші треба натискати, а стрілки з’їдають екран.

    У першій версії перетягувань було два: одне для ваги, друге для повторень. Я користувався нею щодня майже два тижні. Було більш-менш нормально.

  3. Графік

    Поки я нею користувався, відчув, що чогось бракує: графіка, який порівнює сьогоднішню вагу з тією, що була минулого разу. Я його зробив.

    Коли графік з’явився, одне перетягування стало логічнішим за два: вгору-вниз для ваги, вліво-вправо для повторень.

  4. Ваша черга

    Поставте палець на цифри й тягніть. Вгору — важче. Вправо — ще одне повторення. Блок — це ваш підхід, намальований на тлі минулого разу.

  5. Вірність собі

    Спочатку застосунок був лише для мене. Мені було байдуже, чи користуватиметься ним хтось іще. Потім я зрозумів: можливо, тому мені й бракувало регулярності, а регулярність — це і є сенс застосунку.

    Тож я додав соціальну частину, щоб відчувати трохи тиску. Не забагато. Рейтинг я спроєктував так, щоб він оцінював одне: наскільки ви вірні собі. Скільки ви піднімаєте і як часто — не враховується. Назвали чотири тренування на тиждень і зробили чотири — ви нарівні з тим, хто назвав сім і зробив сім.

    Читати есе про baseline baseline в App Store

Lockeat В App Store

Почніть із фото.

Із 14 до 26 років моя вага то росла, то падала. Я тяжко працював і не раз змінював своє тіло. Потім усе поверталося назад, і кожне таке коло лишало мені трохи більше сорому.

Озираючись на ці дванадцять років, я зрозумів, що не зламаний. Я намагався розв’язати довгострокову проблему ривками — такими напруженими, що довго їх не витримати. Здорові люди, якими я захоплювався, не вигравали щоранку величезну битву. Добре харчуватися стало для них звичайною частиною життя.

Тому я побудував Lockeat, щоденний трекер калорій, на одному принципі: якомога менше часу в застосунку, якомога більше ефекту. Щоб записати страву, ви її фотографуєте, і за секунду-дві приходить приблизна оцінка. Я ставив за мету один дотик. У випущеній версії їх три: відкрити камеру, зробити фото, зберегти.

Я хотів дисципліни без відчуття, що мене дисциплінують. Lockeat не смикає вас, щоб ви вклалися в денну ціль, і не змушує зациклюватися на кожній дрібниці, яку ви їсте.

Прототип сценарію зйомки я спочатку зробив у Claude Design. Застосунок відкривається календарем: кожен день — це просто підсумкове число, а внизу одна кнопка камери. Там немає ні кільця калорій, ні смуги прогресу. Спершу записуєте, судите потім.

Кожна цифра — це приблизна оцінка, а не медична порада.

Lockeat в App Store

Екран перевірки в Lockeat поверх фото супу фо з яловичиною: 660 калорій, білки 38, жири 28, вуглеводи 62, а над кнопкою Save назва страви простими словами.
Екран дня в Lockeat: угорі підсумок дня, 2,399, від якого лінії ведуть до прийомів їжі нижче. Видно два, 763 о 08:00 і 1,365 о 12:00; третя лінія тягнеться далі, за край обрізаного кадру.

Elsewhere В App Store

Тихо лежить у вашому телефоні.

Elsewhere зберігає особисті медіафайли на пристрої, за непримітним фасадом.

Іконку для Початкового екрана ви обираєте з дванадцяти. iOS дозволяє застосунку змінити іконку, але не назву, тож назва лишається Elsewhere.

Elsewhere в App Store

Налаштування Elsewhere із заголовком Home Screen icon: дванадцять іконок на вибір і примітка, що іконка змінюється на всьому пристрої, а назва лишається Elsewhere.
Медіатека Elsewhere: сітка у три колонки з демонстраційними фото вигаданої пари та пам’ятних речей.

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% того, яким я хочу його бачити, і я далі його покращую.

lifelong в App Store

Knowless В App Store

Один екран і одна кнопка.

Екран живого перекладу в Knowless: перекладені рядки з оригіналами під ними.

  1. Загубився в Гонконзі

    Малим я загубився в Гонконзі. Мови я не знав.

    Пізніше, у поїздках до Китаю та інших країн, де я не знаю мови, я не міг користуватися мобільним інтернетом. Щоразу мені хотілося того самого: перекладача, якому не потрібна мережа, щоб я міг розуміти людей і розмовляти з ними.

  2. Перша спроба: радар

    Перша версія була радаром, який слухав увесь час. Я уявляв, що він зможе за самим лише звуком визначити, де той, хто говорить.

    Не зміг. Мій телефон не дає просторового аудіо із запису, тож ніщо в записі не каже, звідки лунає голос. Я читав, що новіша модель, можливо, дає. У мене такої немає. Я зупинився.

  3. Друга спроба: очі

    Тож я спробував очі замість вух: обидві камери одночасно, щоб знайти обличчя, яке говорить.

    Телефон грівся, батарея сідала, він зависав. Від цього я теж відмовився.

  4. Власні вуха

    На папері шумозаглушення для гучних місць звучало розумно. Потім я послухав шумний запис власними вухами. Я не міг розібрати власних слів.

    Жодне очищення від шуму цього б не виправило, тож я відмовився від ідеї. Ось що я маю на увазі під «human in the loop»: я мушу постійно перевіряти, чи має сенс те, про що я прошу.

  5. Що лишилося

    Один екран і одна кнопка. Натиснути, сказати, перекласти.

    Перший прототип ще й зберігав історію розмов. Її я теж прибрав, щоб встигнути з релізом до Shipaton, і все одно мало не пропустив дедлайн. Мабуть, це найпростіший застосунок із тих, що я зробив.

  6. Два дні на один ефект

    Дуже маленька функція виявилася надзвичайно складною: те, як з’являються слова. Мовлення стає здогадом, і його показано одразу — щоб було відчуття, що все відбувається наживо. Потім здогад виправляється. Після довгого речення він виправляється ще раз, уже з урахуванням контексту.

    Кожен із цих станів має виглядати як слід, і очікування між ними теж. Понад два дні я ходив туди-сюди між застосунком і дизайн-макетом.

    Деяких речей там бути не повинно. Не всі це помічають.

    Читати есе про Knowless Knowless в App Store

Як Lego

Коли я робив кілька застосунків одночасно, усе почало з’єднуватися. Деталь, зроблена для одного, підходить до іншого, як у Lego. baseline починався як фітнес-частина lifelong; у серпні 2026 року я виділив його в окремий застосунок, а за кілька днів із baseline виріс Lockeat.

Стрічка в baseline прийшла ще з одного застосунку. Я його зробив і, лише коли він запрацював, побачив, що ідея надто далека від реальності, щоб спрацювати. Бувають дні, коли мені шкода часу, який на нього пішов. Але його стрічка переїхала в baseline і підійшла.

Один набір правил

baseline, Lockeat і Knowless спираються на невелику дизайн-систему, яку я підтримую, — Ground & Signal. Її ідея: на вигляд застосунки зовсім різні, а поводяться однаково. Її правила:

  • Два екрани, далі шторки.
  • Один акцентний колір: для елемента, на якому ви зараз, і для єдиної дії, яку варто зробити.
  • Рух повідомляє, що відбувається, а не грає на публіку.
  • Дрібний шрифт каже правду.
  • Жодних попереджень і підтверджень там, де досить скасування.
  • Повідомляти, а не підбадьорювати: без стріків, без відзнак, без похвали.

Як я працюю

Спершу я роблю прототип, потім розробляю, і рухаюся швидко. Lockeat став окремим застосунком 26 серпня 2026 року. На 28 серпня його сценарій зйомки (картка з оцінкою, коліщатко порцій, три свайпи) уже був клікабельним прототипом у Claude Design, а перевірка за допомогою ШІ пройшлася по ньому екран за екраном, звіряючи з тим, що дозволяє iOS. Наступного дня за прототипом написано специфікацію для розробки — аж до того, що треба зберегти відчуття від руху в прототипі.

На цьому етапі я ухвалив два рішення. Оцінка — це не вимірювання, але я вирішив, що застосунок усе одно показуватиме одне просте число, а міркування, які за ним стоять, виводитимуться наживо. А один макет здавався мені якимось не таким: виявилося, що причина — згенеровані ШІ фото серед демонстраційних знімків їжі. Відтоді в Lockeat є правило для зображень: лише справжня їжа, жодних згенерованих ШІ чи студійних стокових фото.

Я розробляю із ШІ-інструментами (Claude Code, Bitrig), беру найкращу модель, яку можу дістати, і сам постійно лишаюся в процесі. ШІ дає мені багато нездійсненних ідей, хоча часом дуже вражає. Коли я виснажений, спершу даю моделям перевірити план, а потім читаю його сам і шукаю нелогічне. Рішення лишаються за мною.

Усі п’ять за 36 секунд

У мене в телефоні всі п’ять лежать в одній папці, вона називається Quality life.

П’ять застосунків для якісного життя.

Про мене

Я намагаюся, щоб дизайн був однією з найважливіших частин усього, що я роблю, і кожен застосунок сам доводжу від першого прототипу до App Store.

Я хотів би принести це в команду. Живу в Ханої і розглядаю вакансії UI- та продуктового дизайнера в Ханої, Хошиміні або віддалено. Працюю з повністю обладнаного домашнього офісу, за в’єтнамським часом (GMT+7).

Контакти

24m2space@gmail.com

Пишіть мені LinkedIn CV App Store

Як читати цей сайт

Під зображеннями немає підписів, тож пояснюю тут, що на них. Екрани телефонів — це знімки й композиції справжніх інтерфейсів, заповнені демонстраційним вмістом; фото в медіатеці Elsewhere згенеровані й вигадані, а один екран дня в Lockeat обрізано. Кліпи нарізано з моїх власних демовідео та відеопрев’ю, а речення в Knowless написано заздалегідь. Три контурні малюнки в розділі про Knowless (радар, дві камери, зашумлена звукова хвиля) — це ескізи, зроблені для цієї сторінки, а не знімки екрана. Два екрани, які можна спробувати, — це невеликі копії, зроблені для цієї сторінки, а не самі застосунки. На двох знімках lifelong заретушовано накладки iOS (кнопку AssistiveTouch та індикатор запису), а номери розділів у 36-секундній нарізці приховано; самі інтерфейси застосунків лишилися такими, якими їх знято. Звук є лише в 36-секундній нарізці, і лише коли ви її вмикаєте. Це демонстраційні кадри, а не звіт про те, що є в поточному релізі кожного застосунку.

Джерела фото

Тут перелічено фото їжі з Wikimedia Commons, використані на екранах і у відео Lockeat. Їх масштабовано й обрізано; кожне лишається під власною ліцензією. Список охоплює весь набір, тому не кожне фото є на цій сторінці.

Тексти ліцензій: 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 і не схвалений нею.