Кейс KorDevTeam
Разработка конструктора генеалогических древ для The Sims — Sims Dynasty Tree
Создали веб-сервис, в котором игроки The Sims ведут большие династии, настраивают родственные связи и оформление, сохраняют истории персонажей и делятся готовыми деревьями.
Интерфейс
Как выглядит продукт
1 / 3
Контекст
Задача
Игроки The Sims развивают династии на протяжении десятков поколений, но встроенное дерево игры плохо подходит для повторных браков, сводных семей, пересекающихся ветвей и подробных историй персонажей. Требовался отдельный сервис, который корректно хранит сложные связи и остаётся понятным при работе с сотнями симов.
Ограничения
- Повторные браки, сводные семьи и пересекающиеся ветви
- Большие династии с множеством поколений
- Персонажи и питомцы с подробными карточками
- Понятное редактирование родственных связей
- Масштабирование и навигация по большому дереву
- Перенос существующих деревьев пользователей
- Бесплатные и премиальные возможности продукта
Подтверждённый эффект
Результаты
- 01
История династии хранится за пределами игры
Персонажи, питомцы, поколения и родственные связи собраны в отдельном веб-сервисе и не теряются по мере развития сохранения The Sims.
- 02
Большие деревья остаются управляемыми
Пользователь может перемещаться по разветвлённой схеме, масштабировать её и работать с нужной ветвью даже в династии из множества поколений.
- 03
Сложные семьи отображаются корректно
Модель связей поддерживает повторные браки, сводные семьи и пересекающиеся ветви, которые не помещаются в простую линейную иерархию.
- 04
Каждое дерево получает собственный стиль
Фоны, прозрачность, линии отношений и пар аметры отображения персонажей помогают оформить династию под её историю.
- 05
Сервис стал самостоятельным продуктом
Публичные деревья, пользовательские аккаунты и премиальные возможности сформировали основу для дальнейшего развития и монетизации платформы.
Подход
Решение
Разработали веб-сервис с интерактивным редактором династий. Пользователь создаёт деревья, добавляет персонажей и питомцев, задаёт типы отношений, перемещается по большой схеме и настраивает её оформление. Для готовых деревьев предусмотрели публичный и закрытый режимы, а расширенные варианты оформления связали с подпиской.
Архитектура
Next.js-клиент взаимодействует с Node.js API. PostgreSQL хранит деревья, персонажей и типизированные связи между ними, поэтому семейная структура не ограничена простой схемой «родитель — ребёнок» и может развиваться вместе с пользовательской историей.
Возможности
- Несколько деревьев и неограниченное количество поколений
- Персонажи и питомцы с подробными карточками
- Повторные браки, сводные семьи и сложные родственные связи
- Масштабирование и перемещение по большой династии
- Настройка отображения персонажей и линий отношений
- Выделение наследника и умерших персонажей
- Фоны дерева и регулировка прозрачности
- Импорт существующего дерева из PlumTreeApp
- Публичные и приватные династии
- Премиальные стили и подписка
- Уведомления и новости продукта
- Переключение языка интерфейса
Интеграции
- Импорт деревьев из PlumTreeApp
- Пользовательские аккаунты
- Подписка и платёжный сценарий
- Публичные ссылки на династии
Технологии
- Next.js
- Node.js
- PostgreSQL
Продукт для историй, которые не помещаются в игре
Поклонники The Sims годами развивают династии: создают новые поколения, повторные браки, сводные семьи, питомцев и собственные сюжетные линии. Встроенного семейного дерева игры для таких историй недостаточно — сложные связи быстро становятся нечитаемыми, а важные детали приходится хранить отдельно.
Как работала наша команда
Сначала описали предметную область и правила родства, затем спроектировали модель персонажей и типизированных связей. На этой основе разработали серверное API, личные кабинеты и интерактивный редактор, который сохраняет понятную структуру даже для большой династии. Отдельно проработали импорт существующих деревьев, визуальную настройку и платные возможности продукта.
Что получил пользователь
В одном сервисе пользователь создаёт несколько династий, добавляет симов и питомцев, связывает персонажей, настраивает фон и способ отображения дерева, ведёт подробные карточки и открывает готовую историю другим игрокам. Большое дерево можно масштабировать и перемещать, не теряя нужную ветвь.
Где применим такой подход
Такая архитектура подходит не только генеалогии. Её можно использовать в социальных продуктах, организационных структурах, картах связей, базах знаний и других системах, где объекты образуют сложную сеть, а не простую линейную иерархию.
Реализация
Этапы проекта
- 01
Модель семейных связей
Описали персонажей, питомцев и типы отношений, которые не укладываются в обычное генеалогическое дерево.
- 02
Редактор большой династии
Разработали API и веб-интерфейс для добавления персонажей, настройки связей и навигации по разветвлённой схеме.
- 03
Кастомизация и перенос данных
Добавили стили дерева, фоны, параметры отображения и импорт существующих династий из другого сервиса.
- 04
Запуск коммерческого продукта
Подключили пользовательские аккаунты, публичный доступ и премиальные возможности, после чего продолжили развитие работающ его сервиса.
Команда
Кто работал над проектом
- Продуктовый аналитик
- Frontend-разработчик
- Backend-разработчик
- UX/UI-дизайнер
Начнём с разговора
Обсудить похожую задачу
Обсудим, что нужно вашему бизнесу, и предложим следующий шаг.