Проектирую там, где нет готовых  ответов

Сайт специалиста по Яндекс Директу для производств. До первого макета — десять шагов исследования: аудитория, компании, поле конкурентов, анкеты и раунды вопросов, разбор старого сайта. Так сформировалась база из ответов, фактов и внутренних метрик.

Из «не знаю, что о себе рассказать» по кусочкам собрали позиционирование, а из него — структуру и страницу.

Автор собрал приложение с ИИ для себя и друзей по формуле из статьи. Логика работала, но интерфейс остался типичной генерацией: все показатели одним ровным рядом, без главного и второстепенного.

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

Отправная точка — не устройство плеера, а то, как смотрят аниме: франшизу целиком, в одной озвучке, с перерывами.

Отсюда решения. Все сезоны, фильмы и спин-оффы встают одной очередью в порядке выхода. Выбранная озвучка держится на весь сериал и переключается на ходу, как дорожка, хотя технически это чаще отдельный источник. Просмотр продолжается с того же места для каждой серии и озвучки, а мёртвый источник сам меняется на живой.

Мой первый опубликованный пакет в npm: Lapka запускается одной командой.

Экспериментальное портфолио, которым управляют руками через обычную вебкамеру. Страница собирает отражение посетителя из частиц, разделы открываются жестом, всё считается на устройстве, видео никуда не уходит. Макетов не было: дизайн рождался сразу в коде, который писал Claude Code.

Жесты я не придумывал заранее — проверял сайт на себе и на знакомых, отмечал, где он меня не понял, и переделывал. Так выяснилось, что взмах рукой читается дважды: туда и на возврате. Решение — у каждого направления свой жест: ладонь листает вперёд, палец возвращает назад. Курсор на главном экране я сначала убрал, но люди не из ИТ без него терялись — вернул. Застрявшему посетителю подсказку показывает призрачная рука: запись моего собственного жеста.

Интерактивные листы персонажа, внутри которых живёт вся книга правил Dungeon World: ходы, классы, снаряжение, состояния и все связи между ними. Игроку не нужно держать правила в голове — лист показывает только то, что доступно герою сейчас, бросок сам учитывает бафы, дебафы и снаряжение, новый уровень открывает выбор ходов.

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

Перевёл книгу правил Dungeon World — правила, классы, заклинания, бестиарий, раздел мастера — и сверстал её веб-версию.

Книгу правил не читают подряд, в ней ищут посреди игры. Поэтому у каждой главы и раздела свой адрес, поиск идёт по всей книге, а рядом с правилом видно, как оно работает в листе персонажа Myth List. Два языка: перевод и оригинал. Термины держит канон перевода, дословность проверяют тесты — чтобы дварф не стал гномом на сотой странице.

Офлайн-приложение для игроков D&D 2024. Выявил, что в свой ход игроку нужно знать не только что делает заклинание, но и что его персонаж может сделать прямо сейчас.

Поэтому в центре приложения гипотеза о библиотеке своих «книг заклинаний» под персонажей: игрок собирает её сам и меняет по ходу партии. Дополнил их отметкой о потраченных ячейках заклинаний, и книга показывает, на что их ещё хватает. Фокус на независимую оффлайн работоспособность за столом, чтобы исключить лаги в момент игры.

Атмосфера для настольных ролевых игр из двух дорожек: тема задаёт настроение, а амбиент место. Любая пара даёт свою сцену.

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

Первая настолка и первый опыт печати. Механики взяты из IT-будней: баги, хотфиксы, AI-события, git-команды над колодой. 37 уникальных карт, правила на 20 страниц написаны нейтрально, как задача в разработку. Иконки карт — генерация по одному шаблону промпта с ручной сборкой.

Работа с типографией оказалась похожа на передачу макетов разработчикам, только теперь учитываешь плотность бумаги, виды печати и экономику тиража.

Партия по сети в браузере, без сервера для игры. Нас двое с разработчиком: на нём движок и сеть, на мне всё, что видит игрок.

Интерфейс и отладка всех анимаций: движения карт собраны в словарь и вызываются по смыслу — сыграть карту, сложить пару, вернуть в колоду. Отказ в действии показывается вздрагиванием, и у каждого элемента оно своё.

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

Иллюстрации сгенерированы ИИ и доведены руками. Игра прошла плейтесты. Сейчас проект заморожен на этапе печати.