Кейс · Нативный десктоп · Tauri 2 · Solo + AI

EngiBoard.

Десктопный SaaS для инженеров. Запущен за 4 недели. Снимок, разметка, трекинг — в одном бинарнике.

Ни одного найма. Открыт на GitHub.

ПродуктUX / UITauri 2 · RustNext.js · Supabase

Записаться на звонок Все кейсы

Редактор разметки: стрелка, прямоугольник и текст на чертеже лопасти вентилятора

Главный список задач EngiBoard со скриншотами «до» и «после» у каждой задачи

релизас тегом, все публичные

Cmd + Shift + GСнимок

6дней и 7 часов

44релиза с тегом

98коммитов

4установщика, Mac + Windows

18экранов в одном бинарнике

0наймов

Суть за 20 секундСтудийная сборка · 2 клиентские команды

Что: Нативный десктоп-трекер для фотоотчётов «до/после» у инженеров, на Mac и Windows.
Зачем: Отчёты шли через четыре склеенных приложения (галерея → Telegram → Word), и каждый переход терял контекст.
Моя роль: Продукт, UX/UI и разработка соло с ИИ: Tauri 2, Next.js, Supabase.
Результат: 44 релиза · 4 установщика · 0 наймов

Смотреть кейс ↓

Обзор

Нативный трекер для инженеров, которые ведут фотоотчёты «до/после» на стройках и производстве.

Tauri 2Нативная оболочкаmacOS · WindowsУстановщикиv0.1.44В проде

ПроектEngiBoard Desktop

СтекTauri 2 · Next.js · Supabase

Сроки28 апр → 4 мая · 4 недели, 7 ч

Статусv0.1.44 · работает в продакшене

Читать полностью

Tauri 2 + Next.js + Supabase. Установщики для macOS и Windows. 44 релиза с тегом. 98 коммитов. Ни одного найма. Открыт на GitHub.

Нативный десктопный трекер для инженеров, которые ведут фотоотчёты «до/после» на стройках и производстве. Сначала я сделал его для себя — потом для двух реальных клиентов на Windows, у которых он работает в продакшен-QA.

Все экраны

18 экранов. Один бинарник.

Вход → проекты → снимок → разметка → трекинг → ревью → экспорт. Без страниц настройки, без «расширенного режима».

экрановсветлая и тёмная темы, Mac + Windows

Все 18 экранов

Каждый экран заточен под одно действие, которое инженер выполняет прямо сейчас. Никакой конфигурации, страниц настройки и «расширенного режима».

01 · Вход
02 · Главная доска
03 · Выбор проекта
04 · Дашборд
05 · Слайд-шоу с пинами
06 · Редактор разметки
07 · Сравнение шторкой
08 · Тёмная тема
09 · Тёмный дашборд
10 · Тёмный выбор проекта
11 · Тёмный вход
12 · Окно «вне скоупа»
13 · Пустое состояние
14 · Профиль
15 · Оверлей захвата
16 · Режим вставки
17 · Меню статусов
18 · Массовый выбор

Проблема и решение

Галерея → Telegram → Word. Готово.

Каждый выезд на объект терял контекст: фото тонули в чатах, разметка жила отдельно от списка задач.

Галерея›Telegram›Таблица›Word›PDF→EngiBoard

01 · Задача

Снять, отметить, прикрепить.

Скорость нативного скриншота, задачи как в Linear.

02 · Проблема

Четыре склеенных приложения.

Каждая передача теряет контекст.

03 · Решение

Один бинарник.

Комментарий привязан к пикселю, а не ко времени.

Читать полностью

Привычная цепочка инструментов на каждом выезде была медленной и теряла данные. Фото исчезали в чатах, разметка жила в одном приложении, а список задач — в другом, отчёты теряли контекст, стоило их переслать.

01 · Задача — однофункциональный десктоп. Снять, отметить, прикрепить. Скорость нативного скриншота, структура задач как в Linear, обсуждения прямо на изображении. Инженер работает в одном приложении, а не в четырёх склеенных.
02 · Проблема — четыре приложения, склеенные скриншотами и надеждой. Галерея → Telegram → таблица → Word → PDF. Каждая передача теряет контекст. Инструменты разметки живут отдельно от списка задач.
03 · Решение — один бинарник. Снимок, разметка, трекинг. Нативный оверлей на Tauri снимает любую область. Редактор с шестью инструментами. Задачи сгруппированы по проектам, восемь статусов с цветовой кодировкой. Комментарий привязан к пикселю, а не ко времени.

Главная доска EngiBoard: задачи по неделям со скриншотами «до» и «после» и встроенным чатом

«Первый инструмент, который делает ровно тот цикл, что я прохожу на объекте, — вместо трёх полуинструментов, которые приходится склеивать».

Алексей Степикин · основатель, дизайнер, инженер

Сценарий захвата

Область. Разметка. Прикрепить.

Cmd+Shift+G из любого места открывает прозрачный оверлей. Выделил, разметил, сохранил в слот «до» или «после».

Снимок

Нативный захват области на macOS / Windows.

Оверлей захвата: выделение области поверх любого окна

Разметка

Шесть инструментов, окно всегда поверх.

Редактор разметки с шестью инструментами

Прикрепить

Обратно в задачу — в «до» или «после».

Режим вставки: выбор слота «до» или «после»

СтрелкаРамкаПероТекстРазмытиеМаркер

Читать полностью

Cmd+Shift+G из любого места открывает прозрачный полноэкранный оверлей. Тянешь прямоугольник — срабатывает нативный захват macOS / Windows. Редактор открывается с готовым PNG и шестью инструментами: стрелка, рамка, перо, текст, размытие, маркер. Сохранение возвращает размеченное изображение в выбранный слот «до» или «после».

Доска

Здесь живёт работа.

Задачи сгруппированы по проектам и вводятся прямо в строке — без модалок, двойных кликов и обходных путей.

Доска с массово выбранными задачами и плавающей панелью действий

статусовс цветовой кодировкой

01
Ввод задачи в строкеВ каждой группе, без лишних шагов.
02
Несколько скриншотовСколько угодно изображений на задачу.
03
Переименование и порядокНе уходя с доски.

Читать полностью

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

Ревью на изображении

Привязка к пикселю, а не ко времени.

Ревью живёт прямо на изображении. Кликнул в точку, поставил пин, написал — с тредами и несколькими ревьюерами.

Лайтбокс · пины

Слайд-шоу в лайтбоксе с пинами комментариев на фото лопасти вентилятора

Непрочитанные пины пульсируют оранжевымПотом становятся синими с номером.

Сравнение шторкой

Тяни линиюИ видишь разницу — без переключателей.

Читать полностью

Ревью живёт на изображении, а не в отдельной переписке. Открываешь скриншот в лайтбоксе, кликаешь в любую точку, ставишь оранжевый пин, пишешь комментарий. Несколько ревьюеров, треды. Для «до/после» — ползунок-шторка: тянешь и открываешь разницу.

Лайтбокс · пины — кликни в точку и напиши комментарий. Непрочитанные пины пульсируют оранжевым, после просмотра становятся синими с номером. В правой колонке — все комментарии с автором, временем и удалением. Несколько ревьюеров, полноценные треды.

Сравнение шторкой — тяни линию и видишь разницу. Два скриншота друг над другом, один ползунок. Без мерцания, без переключателей, без «перейди на другую вкладку» — чистая мышечная память. Работает в любой задаче, где прикреплены и «до», и «после».

Трекинг

Восемь статусов. Два вида.

Каждый цвет пережил десять отказов — ни один не для красоты.

ГотовоПроблемаВ работеНа проверкеНужна информацияЗапланированоНеактуальноИнфо

Дашборд: количество задач по проектам и распределение по статусам

кликчтобы перенести одну задачу или сразу много

Читать полностью

Готово, Проблема, В работе, На проверке, Нужна информация, Запланировано, Неактуально, Инфо — восемь статусов, и каждый заслужил свой цвет. Дашборд сводит итоги по всем проектам, меню статусов меняет одну задачу или сразу много в один клик.

Дашборд — сводка, а не перекличка. Задачи по проектам, распределение по статусам, главные блокеры. Один экран отвечает на вопрос: где застряла команда? Никаких проваливаний внутрь, пока не увидел картину целиком.

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

Светлая — объект под солнцемТёмная — офис, вечер, OBS

Кроссплатформенность

Один UX на любой платформе.

Mac M-seriesMac IntelWindows EXEWindows MSI

Читать полностью

Mac M-series, Mac Intel, Windows EXE, Windows MSI. Общий фронтенд на HTML/CSS/JS, нативная оболочка Tauri 2. Тёмная тема переключается на уровне экрана, а не всего приложения. Жалобы тестировщиков возвращаются в следующий релизный тег.

Светлая тема — объект под ярким солнцем. Тема по умолчанию. Выше контраст на фото, легче читается при реальном освещении. Предпросмотр печати совпадает с тем, что видишь на экране.

Тёмная тема — офис, вечер, оверлей в OBS. Для ночного разбора задач и записи видеообзоров с экрана. Тот же контент, более глубокий фон, а цвета статусов сохраняют смысл в обеих темах.

Дизайн-язык

Geist для продукта. Mono для системы. Небесный, янтарный, глубокий чёрный.

Шрифт

{ }

Geist 400–700 для интерфейса; Geist Mono для времени, версий и горячих клавиш.

Палитра

Небесный#0EA5E9

Светло-небесный#7DD3FC

Янтарный#FFC940

Чёрный#0A0A0C

Правило

Янтарный живёт только в одном статусе — «в работе», — потому что он это заслужил.

UI-кит

Шрифты и палитра подробно

Типографика. Geist Sans во всём приложении — чистый современный гротеск, настроенный под плотные продуктовые интерфейсы. Geist Mono — там, где говорит система: время, размеры файлов, теги версий, подсказки горячих клавиш.

Geist · 400 / 500 / 600 / 700 — основной интерфейс. Плотный трекинг, нейтральный скелет. От подписей (10px) до заголовков (96px).
Geist Mono · 400 / 500 — время, теги версий, пути к файлам, подсказки командной строки. Везде, где система точна.
Instrument Serif · italic — редакционный акцент только для кейса: фразы в первом экране, цитаты, паузы. В приложении его нет.

Палитра. Небесно-голубой несёт бренд и активные состояния. Янтарный живёт в единственном статусе — «в работе», — потому что заслужил. Глубокий чёрный — основа холста; всё остальное — системный белый на шуме.

Engineer Sky #0EA5E9 — бренд, активные состояния, основные действия, ссылки.
Sky Light #7DD3FC — ховер, свечение фокуса, лёгкий подъём в градиентах первого экрана.
In-Progress Amber #FFC940 — одна заслуженная плашка статуса. Используется скупо — никогда не для декора.
Studio Black #0A0A0C — холст. Свет приглушён. Каждый скриншот начинается здесь.

Процесс

Семь дней, тридцать восемь тегов.

Каждый тег собирает в CI настоящие бинарники. Тестировщик пожаловался утром — после обеда получил исправление.

День 1 · 28 апрКаркас на Tauriv0.1.1 → v0.1.9

День 2 · 29 апрОверлей захватаv0.1.10

День 3 · 30 апрРедактор разметкиv0.1.11 → v0.1.12

Дни 4–5Тест на себеполевые испытания

День 6 · 3 маяДень спринтаv0.1.13 → v0.1.24

День 7 · 4 маяФинальный спринтv0.1.25 → v0.1.44

ПубличноВ проде44 релиза

По дням

Ритм — ежечасный: каждый тег запускает CI-пайплайн, который собирает настоящие бинарники для Mac M-series, Mac Intel, Windows EXE и Windows MSI. Тестировщик пожаловался утром — после обеда получил исправление.

День 1 · 28 апр — каркас на Tauri. Скелет приложения, пайплайн на GitHub Actions. До полудня — разворот на нативный захват экрана. v0.1.1 → v0.1.9.
День 2 · 29 апр — оверлей захвата. Свой прозрачный полноэкранный слой, выделение области. Нативное качество, полный контроль. v0.1.10.
День 3 · 30 апр — редактор разметки. Шесть инструментов: стрелка, рамка, перо, текст, размытие, маркер. Окно всегда поверх и не перехватывает фокус. v0.1.11 → v0.1.12.
Дни 4–5 · 1–2 мая — тест на себе. Два дня реальных обходов объектов. Конкретные, а не размытые замечания. Полевые испытания.
День 6 · 3 мая — день спринта. Двенадцать версий за 24 часа. Задачи в строке, несколько скриншотов, экспорт в PDF, тёмная тема, RU/EN, пины в лайтбоксе. v0.1.13 → v0.1.24.
День 7 · 4 мая — финальный спринт. Четырнадцать версий. Выбор проекта, встроенный чат, сравнение шторкой, повтор OAuth, подключены клиенты на Windows. v0.1.25 → v0.1.44.
Публично — в проде. Mac DMG · Mac Intel · Win EXE · Win MSI. Всё в открытом доступе в GitHub Releases. 44 релиза.