Pet · Продукт · 0 → 1 · 2025—2026

Design RPG

10 discovery-артефактов, 50 уровней, 7 скилл-деревьев — полный продуктовый цикл в одиночку.

TL;DR

Полный цикл: от концепции до рабочего React-приложения

  • 0110 discovery-артефактов до первой строки кода: исследование индустрии, RPG-механики, система уровней с XP-формулой, 7 скилл-деревьев, ачивки, квесты
  • 02Система привязана к реальной деятельности (shipped-фичи, исследования, менторство) — инструмент рефлексии, не очередной курс
  • 03Стек: React 19 + TypeScript + Vite + Tailwind + Zustand; чистая архитектура (data/domain как чистые функции, store, screens)

Идея

Карьерный прогресс дизайнера непрозрачен. Нет метрик, нет уровней, нет чёткого ответа на «где я сейчас и куда расти дальше». Если ты 10 лет играл в ролевые игры — ты понимаешь, что такое система прокачки, скилл-деревья, ачивки. Что если применить это к реальной карьере? Личный проект, от идеи до рабочего приложения — полностью в одиночку.

Дискавери: 10 артефактов до первой строки кода

Прежде чем писать код — спроектировал систему. 10 discovery-артефактов: роли в процессе, исследование реальной индустрии (грейды, компетенции, зарплаты, чем занимаются топы), изучение RPG-механик (XP-кривые, скилл-деревья, ачивки), концепция персонажа, финальная система уровней, 7 скилл-деревьев, система ачивок, квестов и поддерживающих механик. Фаза дала формальную основу для построения игры: если механика не опирается на реальность, игрок быстро почувствует пустоту.

Система: 50 уровней, 7 актов, XP-кривая

Финальная система — 50 уровней, 7 актов: от Aspirant (до первой работы) до Luminary (Distinguished, 5+ лет на хвосте). XP-формула `80·1.18^(L−1) + tier_bonus` — ранние уровни быстрые (дофамин), поздние — узкое горлышко. Это отражает реальность: до Senior доходят многие, до Principal — единицы. 7 скилл-деревьев: Craft, UX & Interaction, Research, Systems, Product & Strategy, Leadership, AI Fluency. Нельзя закрыть все на максимум — нужна специализация. Опыт начисляется из реальной деятельности: shipped-фичи, проведённые исследования, отрефлексированные кейсы, менторские сессии, выступления. Не курсы — деятельность.

Продукт: от дискавери к рабочему коду

Рабочее приложение: экраны Dashboard, Profile, Skills, Achievements, Quests, Chronicle, Onboarding. В начале — выбор стилистики персонажа: Manga, Pixel-JRPG, Cyberpunk-Neon, Vector-Flat, Dark-Fantasy-Ink. Стек: React 19 + TypeScript + Vite + Tailwind + Zustand. Архитектура чистая: данные и бизнес-логика — чистые функции в data/ и domain/, хранилище Zustand, экраны. Сборка через Vite.

Инсайты

Геймификация работает только когда система честная — соответствует реальности, не льстит. Разрыв между «я думал, что я Senior» и «мне нужно ещё два года» принимается легче, если логика прозрачна и ты сам понимаешь, почему. Сложнее всего оказалось не написать игровую логику, а правильно спроектировать XP-кривую — баланс между «достаточно доступно, чтобы не бросить на третьей неделе» и «достаточно сложно, чтобы финальный уровень оставался значимым».