Экраны и макеты
На этой странице собраны все макеты интерфейса geek.moscow: 103 экрана (61 desktop 1440 px и 42 mobile 390 px) и два листа дизайн-токенов. Макеты подготовлены в Google Stitch по направлению «Sport-Tech Competitive Grid» и легли в основу пакета @geek.moscow/design-sys и продуктового frontend. Каждый экран показан картинкой и описан: какая роль его видит, какие блоки и действия на нём есть, в каком состоянии он снят.
| Материал | Где смотреть |
|---|---|
| Живые компоненты и макеты страниц | design-system.geek.moscow — Storybook дизайн-системы |
| Правила бренда, типографика и токены | brandbook.geek.moscow — живой брендбук |
| Как устроен пакет компонентов | Дизайн-система |
| Что стоит за экранами | Продукт: сценарии и сущности, возможности участников |
| Работающий прототип | geek.moscow, тестовые аккаунты на странице доступов |
Во всех макетах используется одна вымышленная компания «Маяк Лаб», вакансия «Backend-разработчик Go» и инженер под псевдонимом G-1042: так на разных экранах виден один и тот же сквозной сценарий. Картинка открывается в полном размере по клику.
Навигация по разделам
| Раздел | Экранов | Что внутри |
|---|---|---|
| Главная и вход | 11 | Публичный вход в продукт: три варианта главной страницы, регистрация с выбором типа аккаунта, вход и восстановление доступа |
| Каталог и страница вакансии | 11 | Каталог публичных вакансий для гостя и инженера, подбор под выбранную анкету, пустое состояние поиска, страница вакансии во всех состояниях и выбор анкеты для выражения интереса |
| Публичная страница компании | 4 | Страница компании, которую видят гость и инженер: описание, стек, факты и открытые вакансии, включая пустое состояние и мобильную шторку с жалобой |
| Инженер: профиль, анкеты и ФСП | 14 | Кабинет инженера: один профиль с личными данными, несколько анкет под разные специализации, предпросмотр анкеты глазами работодателя и трёхшаговая привязка записи реестра ФСП с выбором достижений |
| Инженер: интересы, оферы и чаты | 12 | Путь инженера после публикации анкеты: выраженный интерес, входящие оферы, страница офера, принятие с выбором раскрываемых данных, переписка под псевдонимом, блокировка компании и уведомления |
| Компания: вакансии, кандидаты и оферы | 18 | Кабинет представителя компании: карточка компании, вакансии и их редактор, каталог обезличенных анкет под вакансию, анкета инженера с объяснением соответствия, отправка офера, входящие интересы и чаты |
| Настройки, поддержка и документы | 13 | Общие разделы аккаунта: учётная запись и пароль, уведомления, приватность и выданные доступы, удаление аккаунта, обращение в поддержку и правовые документы |
| Модерация | 6 | Жалоба со стороны пользователя и административный контур: очередь жалоб, карточка жалобы с материалами и решение модератора |
| Ошибки и состояния | 4 | Служебные страницы 404 и 500 в фирменном «телеметрическом» стиле, с сохранением локального черновика и быстрыми переходами |
| Библиотека компонентов | 12 | Листы токенов направления «Sport-Tech Competitive Grid» и витрины семейств компонентов UI-05…UI-34: футер, уведомления, поиск и фильтры, зарплата и соответствие, оферы, раскрытие данных, чат и главный экран |
Сквозные сценарии
Экраны ниже сгруппированы по разделам интерфейса. Если удобнее идти по сценарию, используйте эти маршруты: каждая ссылка ведёт к экрану на этой странице.
Инженер: от регистрации до знакомства. Регистрация с выбором роли → Мой профиль инженера → Поиск записи в реестре ФСП → Импорт достижений ФСП в профиль → Редактирование анкеты инженера → Предпросмотр анкеты глазами работодателя → Каталог вакансий под анкету → Страница вакансии для инженера → Выбор анкеты для отклика → Вакансия после отправки интереса → Мои оферы инженера → Страница офера от компании → Принятие офера и выбор раскрытия → Чат инженера с компанией → Настройки приватности инженера
Компания: от вакансии до офера. Профиль компании работодателя → Мои вакансии работодателя → Редактирование вакансии компанией → Каталог инженеров для работодателя → Анкета инженера в контексте вакансии → Модальное окно отправки офера → Интерес к вакансиям компании → Чаты компании, пустой диалог
Тот же путь на телефоне. Регистрация с выбором роли → Настройки профиля инженера → Поиск записи в реестре ФСП → Подтверждение записи ФСП кодом → Выбор достижений ФСП для показа → Редактор анкеты инженера → Каталог вакансий для инженера → Страница вакансии, мобильная версия → Шторка выбора анкеты для отклика → Мои оферы инженера → Мобильная страница офера → Шторка согласия на знакомство → Чат по оферу с компанией
Жалоба и решение модератора. Модальное окно жалобы на вакансию → Шторка жалобы на вакансию → Очередь жалоб модератора → Разбор жалобы модератором → Жалоба REP-1042 на мобильном
Главная и вход
Публичный вход в продукт: три варианта главной страницы, регистрация с выбором типа аккаунта, вход и восстановление доступа. Эти экраны одинаковы для инженера и компании.
Главная, вариант с тёмным хиро
Вариант главной страницы «Dark Ink Hero»: тёмный первый экран с бейджем «Платформа прямых оферов без кадрового спама», заголовком «Работа начинается со взаимного интереса», кнопками «Я инженер», «Я нанимаю» и ссылкой «Смотреть вакансии». Справа в хиро пара карточек: вакансия «Backend-разработчик Go» с вилкой 240 000 – 300 000 ₽ и анкета «Инженер G-1042» с бейджем «Финалист трека ФСП 2024» и блоком «Почему подходит вакансии». Ниже секция «Как работает geek.moscow» (шаги «Создайте анкету», «Получите предложение», «Начните общение»), блок «Актуальные вакансии с прозрачными вилками» с тремя карточками и тёмный CTA «Готовы получать предложения с вилками?» с кнопками «Создать анкету инженера» и «Вход для работодателей».
Главная, вариант светлой модульной сетки
Вариант 2 главной страницы «Clean Modular Grid» на светлом фоне: карточка хиро с бейджем «Спорт-тех платформа прямых оферов», заголовком «Работа начинается со взаимного интереса», кнопками «Я инженер», «Я нанимаю» и ссылкой «Смотреть вакансии в каталоге». Ниже две карточки рядом: «Офер от работодателя» (Backend-разработчик Go, обязательная прозрачная вилка 240 000 – 300 000 ₽, формат, стек, ссылка «Выразить интерес к вакансии») и «Анкета в каталоге» (Инженер G-1042, бейдж «Финалист трека ФСП 2024», блок «Почему подходит вакансии»). Далее секция «Три простых шага без кадрового спама» с карточками 01–03 и футер.
Главная в мобильной версии
Вариант 3 главной страницы для мобильного веба (390px): компактная шапка с «Войти» и бургер-меню, бейдж «Прямые оферы без спама», заголовок «Работа начинается со взаимного интереса», столбиком кнопки «Я инженер», «Я нанимаю» и ссылка «Смотреть вакансии в каталоге», микро-бейджи «Контакты скрыты» и «Обязательная вилка». Блок «Пример взаимодействия» с пометкой «LIVE MOCK»: карточка «Офер компании» (Backend-разработчик Go, 240 000 – 300 000 ₽) и карточка «Инженер G-1042» с бейджем «ФСП 2024» и блоком «Почему подходит». Ниже секция «3 шага без спама» и футер.
Мобильная главная страница
Мобильный лендинг с заголовком «Ваши навыки, повод для предложения», кнопками «Создать профиль» и «Найти специалистов». Далее превью «Как вас видят компании» (анонимная карточка GK-0427, верифицирован ФСП, 96% совпадение), раздел «Как это работает» из трёх шагов (Профиль, Подбор, Знакомство), блок «Приватность и контроль», блок «Специальный трек ФСП на ЛЦТ» с кнопкой «Пройти отборочный контест», быстрый фильтр базы и финальный призыв «Создайте профиль за 3 минуты». Внизу футер и таб-бар.
Вход с возвратом к вакансии
Страница «Войти» из двух колонок: слева тёмная панель с ценностями платформы (Прямые оферы, Приватность контактов, Целевые анкеты) и блоком «Маршрут возврата: Backend-разработчик Go в Маяк Лаб сразу после входа». Справа форма с подсказкой «Вернём вас к выбранной вакансии после входа», полями Email и Пароль, ссылкой «Забыли пароль?», чекбоксом «Запомнить на этом устройстве», кнопкой «Войти» и ссылкой «Создать аккаунт». Сверху ссылка «Вернуться в каталог».
Регистрация с выбором роли
Страница «Создать аккаунт» с баннером «Переход по ссылке, вакансия #GO-842»: система вернёт к вакансии Backend-разработчик Go в Маяк Лаб после подтверждения. Карточки выбора роли «Я инженер» (выбрана) и «Я нанимаю», индикатор шагов «01 Аккаунт, 02 Профиль, 03 Анкета, шаг 1/3». Поля email и пароль с требованиями, чекбокс согласия с Пользовательским соглашением и Политикой конфиденциальности, пометка «Контакты остаются скрытыми до обоюдного согласия», кнопка «Создать аккаунт» и ссылка «Войти».
Регистрация с выбором роли
Форма «Создать аккаунт» (Регистрация, выбор роли) с баннером «Вернём вас к вакансии «Backend-р...»» и двумя карточками роли: «Я инженер» (выбрана, «Публикую целевые анкеты и получаю адресные оферы») и «Я нанимаю» («Ищу инженеров и отправляю оферы с вилкой зарплаты»). Индикатор шагов 01 Аккаунт, 02 Профиль, 03 Анкета, поля Email и Пароль (минимум 8 символов), чекбокс согласия с Условиями платформы и Политикой конфиденциальности, плашка «Приватность: контакты скрыты до обоюдного согласия сторон», кнопка «Создать аккаунт» и ссылка «Уже есть аккаунт? Войти». Ниже статистика «Инженеров онлайн 1 482», «Прямых офферов/нед 238» и блок «Алгоритмический скоринг».
Восстановление доступа по почте
Первый шаг восстановления пароля: карточка «// Восстановление доступа» (код A03) с заголовком «Восстановить доступ» и пояснением, что на email, привязанный к профилю или компании, придёт ссылка для сброса. Поле «Email» (required) с введённым alex.dev@inbox.ru и кнопкой очистки, подсказка «Ссылка будет действовать 30 минут», кнопка «Отправить ссылку», ссылка «Вернуться ко входу» и плашка с советом обратиться в службу поддержки, если почта не помнится.
Восстановление доступа по email
Форма «Восстановить доступ» (метка SEC-AUTH V2.4) с подсказкой указать email, привязанный к аккаунту, для получения ссылки сброса пароля. Поле Email заполнено значением alex.dev@inbox.ru с кнопкой очистки, ниже примечание «Ссылка действует 30 минут», кнопка «Отправить ссылку» и ссылка «Вернуться ко входу». Под карточкой блок поддержки с адресом support@geek.moscow.
Письмо для восстановления отправлено
Шаг восстановления пароля после ввода почты: центральная карточка с полосой «AUTH-SYS // SEC_LINK, STATUS: DISPATCHED», иконкой письма и заголовком «Проверьте вашу почту». Текст сообщает, что если аккаунт с таким email существует, на него отправлена ссылка, показан адрес alex.dev@inbox.ru. Блок «Памятка безопасности» (ссылка действительна 30 минут, проверьте папку «Спам», не передавайте ссылку). Кнопка «Вернуться ко входу» и таймер «Отправить повторно через 01:42».
Установка нового пароля
Шаг сброса пароля: карточка «// Установка пароля» с индикатором «AUTH-SEC:OK», заголовком «Придумайте новый пароль» и указанием аккаунта alex.dev@inbox.ru. Поля «Новый пароль» и «Повторите новый пароль» с кнопками показа пароля, под первым полем чек-лист требований (не менее 8 символов, заглавные и строчные буквы, цифра или спецсимвол), все пункты отмечены зелёным. Кнопка «Сохранить и войти» и ссылка «Вернуться ко входу».
Каталог и страница вакансии
Каталог публичных вакансий для гостя и инженера, подбор под выбранную анкету, пустое состояние поиска, страница вакансии во всех состояниях и выбор анкеты для выражения интереса.
Каталог вакансий для гостя
Вариант каталога «Вакансии» в гостевом режиме: тёмный баннер «Войдите как инженер, чтобы сопоставлять вакансии со своими анкетами» с кнопкой «Войти в профиль», счётчик «Открытых позиций 1 482». Поиск «Должность, стек или компания», быстрый выбор (Все, Go, Python, Frontend, DevOps, Удалённо), фильтры по специализации, формату и уровню зарплаты, блок «Медиана платформы 265 000 ₽». В карточках вместо совпадения показан замок «Для просмотра совместимости с вашей анкетой требуется авторизация», кнопки «Подробнее», «Мне интересно» и внизу «Войти для доступа ко всем».
Каталог вакансий под анкету
Страница «Вакансии» для авторизованного инженера (alex.dev) с селектором «Подобрать под анкету: Go Backend Developer (Основная)» и статусом «Анкета активна». Поисковая строка «Go PostgreSQL Docker», вкладки Все 142, Для меня 18, Избранное 4, Мой интерес 2, сортировка «По соответствию профилю». Слева фильтры (специализация, стек, формат работы, регион, оклад от 180 000), справа карточки вакансий с блоком «Телеметрия совпадения с анкетой» (98% Match) или «Частичное совпадение», кнопками «Подробнее о вакансии» и «Мне интересно». Третья карточка в состоянии «Выражен интерес, ожидает ответа HR» с кнопкой «Перейти к диалогу в чате».
Каталог вакансий, вкладка Для меня
Десктопный каталог «Вакансии» с метриками «Всего в базе 1 492», «Совместимость > 85%: 18», «Медиана офферов 285 000 ₽» и баннером выбранной анкеты «Go Backend Developer (4 года опыта, Middle+)» с индикатором точности выборки 98.4%. Активна вкладка «Для меня 18»; слева панель «Быстрая калибровка» с чекбоксами (только 100% совпадение стека, в рамках ожиданий от 220 000 ₽, удалённый формат) и индексом совпадения рынка. Карточки вакансий «98% MATCH Backend-разработчик Go» (Маяк Лаб, 240 000–300 000 ₽) и «94% MATCH Go / Distributed Systems Engineer» (СтримТех) содержат блок «Анализ соответствия анкеты» с пунктами по стеку, формату и зарплате, чипы технологий и кнопки «В закладки», «Подробнее», «Мне интересно». Всплывающая подсказка «Приватный режим» поясняет, что интерес не раскрывает контакты.
Каталог вакансий, ничего не найдено
Десктопный каталог «Вакансии» (142 всего) с селектором «Подобрать под анкету: Go Backend Developer», поисковой строкой «Rust Highload Blockchain», кнопками «Параметры» и «Найти», вкладками «Все 0», «Для меня 0», «Избранное 4», «Мой интерес 2» и сортировкой по соответствию. Левая колонка: панель «Активные фильтры, 4 активно» (Specialization Systems, стек Rust, Удалённо, от 450 000 ₽), кнопка «Сбросить все фильтры», слайдер зарплаты, чекбоксы опыта, чипы технологического домена и блок «Статистика среза рынка». Основная область показывает пустое состояние «По этим фильтрам вакансий не найдено» с кнопками «Сбросить фильтры поиска» и «Посмотреть все 142 вакансии», подсказками быстрого ослабления ограничений и блоком «Похожие вакансии в категории Backend» с двумя карточками.
Каталог вакансий для инженера
Мобильный каталог «Вакансии» (142 активных) с поиском по запросу «Go», селектором «Анкета: Go Backend Developer», сегментами «Все (142)», «Для меня 18», «Избранное 4», кнопкой «Фильтры 3» и удаляемыми чипами «Удалённо», «Go», «от 200 тыс. ₽». Карточки Маяк Лаб (Backend-разработчик Go, 240 000–300 000 ₽ до вычета), Вектор Софт (Python / FastAPI Team Lead) и ТехноКорп Финтех (Senior Go Engineer, Trading Core, «Идеальный матч: 96%») содержат вилку, чипы стека, строку объяснения соответствия, закладку и кнопку «Мне интересно». Внизу кнопка «Показать ещё 10 вакансий», счётчик «Показано 3 из 142» и таббар Главная, Каталог, Приглашения, Профиль.
Вакансия в гостевом просмотре
Страница вакансии «Backend-разработчик Go» для неавторизованного гостя: в шапке только «Вакансии», «Инженеры», кнопки «Войти» и «Регистрация». Слева карточка вакансии с тегами «Бэкенд · Полный день · Удалённо (РФ)», компанией «Маяк Лаб» (проверена), стеком и разделами «01 // Задачи», «02 // Что пригодится». Справа зарплатная вилка 240 000 – 300 000 ₽, кнопка «Мне интересно» с пояснением, что для выражения интереса требуется войти или создать профиль инженера, кнопка «Войти для выражения интереса», блок «Как это работает на geek.moscow» (три шага) и карточка «Работодатель».
Страница вакансии для инженера
Страница вакансии «Backend-разработчик Go» компании «Маяк Лаб» (бейдж «проверена») в режиме авторизованного инженера: в шапке пункты «Вакансии», «Мои анкеты», «Мои оферы 2», «Чаты» и чип активной анкеты «Backend Go». Слева блоки «Ключевой стек роли» (Go, PostgreSQL, Kafka, Redis, Docker, gRPC), «01 // Задачи», «02 // Что пригодится», «03 // Условия» (формат работы, оформление, техника, развитие). Справа карточка «Зарплатная вилка 240 000 – 300 000 ₽», кнопка «Мне интересно», кнопки «В избранное» и «поделиться», блок «Совпадение с вашей анкетой» с двумя зелёными совпадениями (стек Go и PostgreSQL, удалённый формат) и серым замечанием «Опыт с Kafka не указан», ссылка «Выбрать другую» анкету, карточка «Работодатель» с ООО «Маяк Лаборатория».
Страница вакансии, мобильная версия
Мобильная страница вакансии «Backend-разработчик Go» для авторизованного инженера (аватар «ГК», кнопка «поделиться»): карточка с тегами «Бэкенд · Удалённо (РФ)», блоком «Зарплатная вилка 240 000 – 300 000 ₽» и строкой компании «Маяк Лаб, проверена, 120 инженеров, Сколково» со ссылкой «О компании». Далее блок «Совпадение с анкетой» (зелёное «Стек Go и PostgreSQL совпадает», серое «Опыт с Kafka не указан»), разделы «01 // Задачи», «02 // Что пригодится», «03 // Условия». Внизу закреплённая панель с кнопкой закладки и большой кнопкой «Мне интересно».
Выбор анкеты для отклика
Модальное окно «Какую анкету показать компании?» поверх затемнённой страницы вакансии «Backend-разработчик Go, Маяк Лаб, 260 000–300 000 ₽, Удалённо по РФ». Список из 3 профилей: «Backend-разработчик Go» (выбрана, опубликована, бейдж «98% соответствие стека», от 270 000 ₽, стек Go 1.22/Kafka/PostgreSQL/gRPC/Docker/K8s), «Python для проектной работы» (опубликована, от 240 000 ₽) и недоступный черновик «Data Engineer / MLOps» с подсказкой «Завершите анкету, чтобы отправлять интерес». Ниже уведомление о приватности: компания увидит анкету под псевдонимом G-1042, контакты скрыты до принятия офера. Кнопки «Отмена» и «Отправить интерес». Десктопный вариант geek.moscow_mobile_390px_14.
Шторка выбора анкеты для отклика
Мобильный вариант geek.moscow_desktop_8: нижняя шторка «Какую анкету показать компании?» поверх страницы вакансии «Senior Backend-разработчик Go, Маяк Лаб». Скриншот обрезан и показывает нижнюю часть шторки: карточка «Python для проектной работы» (опубликована, ID 1194-PY, от 240 000 ₽, Python/FastAPI/Redis), недоступный черновик «Data Engineer» (ID 8820-DE, «Завершите анкету для отправки откликов»), блок «Конфиденциальный отклик» о псевдониме и скрытых контактах, кнопки «Отправить интерес» и «Отмена». По HTML выше находится выбранная карточка «Backend-разработчик Go» (ID 0482-GO, от 270 000 ₽).
Закрытая вакансия в архиве
Вариант страницы вакансии «Backend-разработчик Go» в состоянии «закрыта»: хлебные крошки «Вакансии / Архив вакансий», справа дата «Закрыта 14 марта 2025». Сверху жёлтый баннер «Приём выражений интереса к вакансии остановлен» с пояснением и ссылкой «Другие вакансии компании», в карточке тег «Архив». В правой колонке «Зарплатная вилка в архиве», неактивная кнопка «Вакансия закрыта» с пояснением, что новые выражения интереса не принимаются, и кнопка «Смотреть похожие вакансии Go». Остался только раздел «01 // Задачи» и карточка «Работодатель» (2 активных вакансии).
Публичная страница компании
Страница компании, которую видят гость и инженер: описание, стек, факты и открытые вакансии, включая пустое состояние и мобильную шторку с жалобой.
Публичная страница компании с вакансиями
Публичный профиль «Маяк Лаб» (ID ML-882) для гостя: шапка с «Войти» и «Создать анкету», хлебные крошки «Главная / Компании / Маяк Лаб». Слева описание компании и «Ключевой технологический стек» (Go, PostgreSQL, Kafka, Redis, ClickHouse, Docker, Kubernetes, gRPC); справа карточка «Профиль компании» с бейджем «Аккредитация», сайтом, форматом работы, размером команды (~45 инженеров), локацией и ссылкой «Пожаловаться на компанию». Ниже раздел «Открытые вакансии 3» со списком карточек (Backend-разработчик Go, Data Engineer / ClickHouse & Kafka, DevOps / Infrastructure Engineer), у каждой вилка, теги стека, кнопка «В избранное» и «Мне интересно».
Страница компании без вакансий
Публичная страница «Маяк Лаб» (ORG-ID 4920) в пустом состоянии: описание компании, «Инженерный стек», справа блок «Параметры профиля» (веб-сайт, формат, команда ~45 инженеров, локация), строка «Статус найма: Пауза» со ссылкой «Пожаловаться» и карточка «Индекс верификации 100% · Подтверждено». Раздел «Открытые вакансии 0» содержит заглушку «Сейчас нет открытых вакансий» с пояснением и действиями «Смотреть все вакансии каталога» и «Уведомить о новых ролях».
Страница компании, мобильная версия
Мобильная страница компании «Маяк Лаб» (ID MYK-704, бейдж «Проверена»): описание с ссылкой «Показать полностью», сайт mayak.example, карточки «Локация» и «Масштаб» (~45 инженеров), «Основной стек». Раздел «Открытые вакансии 3» со стопкой карточек (Backend-разработчик Go, Data Engineer / ClickHouse & Kafka, DevOps / Infrastructure Engineer), в каждой грейд, блок «Компенсация», теги стека, «Полная занятость», иконка закладки и кнопка «Мне интересно». Внизу ссылка «Пожаловаться на компанию» и нижняя навигация «Главная, Каталог, Вакансии, Профиль».
Опции компании и жалоба в шторке
Мобильная страница компании «Маяк Лаб» (#ML-882) с описанием, стеком и метриками «Активных 3 роли, Отклик ~24 ч, Рейтинг 4.92 / 5», список «Открытые вакансии 3 позиции» (Senior Golang Engineer, Middle+ Data Platform Engineer и др.) с ссылками «Мне интересно». Поверх открыта нижняя шторка «Опции компании»: пункт «Скопировать ссылку на профиль» и красный блок «Пожаловаться на компанию» с выбором причины (Недостоверные данные о зарплате, Спам или дубликат профиля, Нарушение правил платформы). Внизу нижняя навигация.
Инженер: профиль, анкеты и ФСП
Кабинет инженера: один профиль с личными данными, несколько анкет под разные специализации, предпросмотр анкеты глазами работодателя и трёхшаговая привязка записи реестра ФСП с выбором достижений.
Мой профиль инженера
Страница «Мой профиль» с пометкой «Приватный режим, виден только вам». Блок 01 «Персональные данные»: фото, имя Алексей Морозов, краткое интро, подтверждённый email, телефон и Telegram, кнопки «Сохранить изменения» и «Отменить». Блок 02 «Интеграция с ФСП» со статусом «Аккаунт привязан», ID FSP-RU-88219 и двумя достижениями «Верифицировано ФСП», ссылки «Обновить достижения из реестра ФСП» и «Отвязать аккаунт». Справа блок 03 «Приватность и безопасность» и блок 04 «Связанные анкеты (2)» со статусами «В каталоге» и «Только оферы», кнопкой «Создать новую анкету».
Настройки профиля инженера
Экран профиля в приватном режиме для пользователя Алексей Морозов (USR-09414). Карточка 01 «Персональные данные» содержит аватар, поля имени, краткого интро (132/240), подтверждённый email, Telegram, примечание, что контакты не раскрываются без согласия, и кнопку «Сохранить изменения». Карточка 02 «Приватность и безопасность» объясняет, что работодатели видят только обезличенные анкеты. Карточка 03 «Интеграция с ФСП» показывает статус «ФСП привязана», ID реестра, два подтверждённых достижения (финалист Чемпионата Москвы 2024, Топ-50 Кубка России 2023) и кнопку «Обновить данные из реестра ФСП». Карточка 04 «Связанные анкеты (2)» перечисляет анкеты со статусами «В каталоге» и «Только оферы», ссылками «Редактировать» и кнопкой «Создать новую анкету».
Мои анкеты инженера
Список «Мои анкеты» с кнопкой «Создать анкету», баннером «Приватность и адресация» (профиль один, анкеты под разную работу, контакты не раскрываются до согласия) и вкладками Все анкеты 3, В поиске 1, Скрытые 1, Черновики 1. Карточки: «Backend-разработчик Go» (#ANK-104, опубликована, 240 000–300 000 ₽, стек Go/PostgreSQL/Kafka/Docker/gRPC, метрики видимость/интерес 4 запроса/2 активных офера, кнопки Редактировать и Превью), «Python для проектной работы» (#ANK-105, скрыта из каталога, от 2 500 ₽/час, кнопки Опубликовать в каталог, Редактировать, Дублировать, удалить), «Data Engineer» (#ANK-106, черновик, предупреждение «Требуется доработка», кнопки Продолжить заполнение и Удалить черновик). Четвёртая пунктирная карточка «Новая специализация» с кнопкой «+ Добавить роль». Десктопный вариант экрана geek.moscow_mobile_390px_21.
Мобильный список анкет
Мобильный вариант geek.moscow_desktop_5: «Мои анкеты» с кнопкой «Создать», подсказкой «Профиль один. Анкеты можно настроить под разную работу и скрывать ненужные» и чипами Все 3, В поиске 1, Скрытые 1, Черновики. Карточки: «Backend-разработчик Go» (#ANK-104, опубликована, 240 000–300 000 ₽ на руки, Удалённо, Go/PostgreSQL/Kafka/Docker, кнопка Редактировать), «Python для проектной работы» (#ANK-105, скрыта из поиска, от 2 500 ₽/час, пометка «Не отображается в каталоге. Отклики сохраняются», кнопки Опубликовать и Редактировать), «Data Engineer» (#ANK-106, черновик, красное предупреждение «Не указаны зарплата и стек технологий. Публикация заблокирована», кнопка Продолжить заполнение). Нижняя навигация Вакансии, Анкеты (активна), Оферы, Чаты.
Редактирование анкеты инженера
Форма «Редактировать анкету: Backend-разработчик Go» со статусом «Опубликована» в кабинете инженера (боковое меню Вакансии, Мои анкеты, Мои оферы, Чаты). Сверху баннер, что имя, фото и контакты берутся из общего профиля и не раскрываются работодателям без согласия. Разделы: «Название и специализация» (позиция, специализация, опыт, самооценка грейда), «Стек и ключевые навыки» (теги Go, PostgreSQL, Kafka и др.), «Опыт и ключевые проекты», «Какую работу ищу» (формат, локация, зарплатные ожидания 240 000–300 000), «Достижения и хакатоны» с галочками «Подтверждено ФСП», «Видимость и статус поиска» (Активно ищу работу, Рассматриваю предложения, Не ищу работу) и переключатель «Отображать псевдоним в публичном каталоге». Внизу панель «Удалить анкету», «Предпросмотр», «Сохранить черновик», «Опубликовать изменения».
Редактор анкеты инженера
Экран «Редактировать анкету» (#8492, статус «Опубликована», синхронизировано) с баннером о приватности данных и ссылкой «Изменить видимость». Секции: 01 название и специализация (Backend-разработчик Go, грейд Senior), 02 стек и компетенции с полем добавления и удаляемыми чипами Go, PostgreSQL, Kafka и др., 03 опыт и кейсы с карточкой «Финтех-сервис обработки транзакций» и кнопкой «Добавить проект или стартап», 04 пожелания к работе (формат, ожидания 240 000–300 000 ₽/мес), 05 достижения ФСП с меткой Verified и чекбоксами достижений (1 место Moscow Tech Cup 2024, Топ-10 Всероссийский хакатон 2023), 06 настройки приватности (Активно ищу работу, Рассматриваю предложения, Скрыта из поиска). Внизу кнопки «Сохранить и опубликовать», «Превью», «В черновик».
Предпросмотр анкеты глазами работодателя
Режим предпросмотра опубликованной анкеты «Инженер G-1042, Backend-разработчик Go» с баннером «Так вашу анкету видит работодатель до взаимного согласия» и кнопкой «Вернуться к редактированию». Показаны стек, обобщённый опыт с скрытыми брендами, блок «Какую работу ищу» и «Спортивные квалификации и рейтинг» с пометкой ФСП «Верифицировано». Справа блок «Приватность и безопасность» (ФИО, фото, компания скрыты) и демо «Интерфейс работодателя» с неактивными кнопками «Отправить офер кандидату» и «Сохранить в избранное». Нижняя панель: «Статус: Готова к публикации, заполнено 5 из 5», кнопки «Редактировать» и «Опубликовать в каталоге».
Предпросмотр анкеты глазами нанимателя
Экран в режиме предпросмотра с баннером «Так вашу анкету видит наниматель до взаимного согласия» и кнопкой «Редактировать». Карточка Инженер G-1042, Backend-разработчик Go, показывает статус «Ищет работу, Удалённо / Москва», метку «ФИО и контакты скрыты», стек технологий, анонимизированный опыт (Senior Backend-разработчик, сектор Финтех; Backend-разработчик, сектор Логистика и склад), пожелания к проектам, блок «Спортивное программирование» с достижением ФСП 2024–2025 призёр и неактивную кнопку нанимателя «Отправить офер кандидату». Ниже блок «Гарантия приватности geek.moscow» из трёх пунктов, кнопки «Опубликовать анкету» и «Назад к редактору».
Поиск записи в реестре ФСП
Шаг 1 из 3 привязки ФСП поверх затемнённого профиля Алексея Васильева: модальное окно «Привязать достижения ФСП» с пояснением, что привязка опциональна. Форма с полями «ФИО спортсмена», «Дата рождения», «Регион / отделение ФСП», кнопки «Найти в реестре» и «Очистить». Ниже результат «Найдено записей: 2» с рекомендуемым совпадением и кнопкой «Это я, подтвердить», вторым кандидатом из другого региона, ссылками «Запросить проверку в поддержке» и «Пропустить и вернуться в профиль».
Поиск записи в реестре ФСП
Первый шаг привязки ФСП «Шаг 1 из 3, Найти запись» (прогресс 33%): заголовок «Поиск в реестре ФСП», карточка «Федерация спортпрограммирования РФ, Единый реестр атлетов» и блок «Безопасная сверка данных». Форма «Параметры поиска» с полями ФИО полностью (Алексей Владимирович Васильев), Дата рождения (14.07.1996), Регион федерации (г. Москва) и кнопка «Найти запись». Блок «Результаты поиска 2»: «Точное совпадение» Васильев Алексей В. (1996, Москва МРО, реестровый номер FSP-RU-049182, код подтверждения будет отправлен на a***@example.com, кнопка «Это моя запись») и «Похожая запись» Васильев Алексей И. с кнопкой «Выбрать эту запись». Внизу подсказка «Нет в списках участников?», ссылка «Не нашёл свою запись» и кнопка «Пропустить и вернуться в профиль».
Подтверждение владения записью ФСП
Шаг 2 из 3 привязки ФСП поверх затемнённого профиля Алексея Морозова: модальное окно «Подтвердите, что это вы». Показана выбранная запись в реестре ФСП (ФИО, дата рождения, регион, дисциплина) и уведомление «Код отправлен на адрес a***@example.com». Поле ввода 6-значного кода (введено 8492), таймер повторной отправки, ссылка «Выбрать другую запись», кнопка «Подтвердить и продолжить» и подсказки «Свяжитесь со службой поддержки» или «пропустите привязку ФСП».
Подтверждение записи ФСП кодом
Второй шаг привязки ФСП «Привязать ФСП, Реестр спортсменов, 2 из 3»: заголовок «Подтвердите, что это вы» с бейджем «Безопасная верификация». Карточка найденной записи «Найдено в реестре ФСП, ID RU-774092»: Алексей Морозов, 14.05.1996, Москва, Алгоритмическое программирование, «Код отправлен на a***@example.com» с возможностью изменить. Блок «Код подтверждения» на 6 цифр с кнопкой «Вставить», таймером «Отправить повторно через 00:45» и ссылкой «Выбрать другую запись», плашка «Не пришло письмо? Отправить в Telegram-бот, Запросить» и примечание о добровольности привязки. Кнопки «Подтвердить и перейти к импорту» и «Пропустить подтверждение».
Импорт достижений ФСП в профиль
Шаг 3 из 3 привязки ФСП: модальное окно «Достижения ФСП» с зелёным баннером «Запись подтверждена: Алексей Морозов». Список импортированных достижений (Алгоритмическое программирование 2025 призёр, Хакатон по ИИ 2024, Программирование робототехники 2023) с бейджами «ФСП: Подтверждено» и чекбоксами «Разрешить отображение в анкетах», по умолчанию достижения скрыты. Блок «Как это видят работодатели до раскрытия контактов» и кнопки «Перейти к моим анкетам», «Настроить позже», «Завершить».
Выбор достижений ФСП для показа
Третий шаг привязки ФСП «3 из 3, Импорт»: заголовок «Достижения ФСП», запись найдена и подтверждена для Алексея Морозова, зелёный блок «Связь с реестром ФСП подтверждена, ID регистрации 77-0984-ФСП-2024». Три карточки достижений с чекбоксом «Показывать в анкетах»: «Алгоритмическое программирование» (Чемпионат Москвы, 2025, призёр II степени, включено), «Хакатон по искусственному интеллекту» (2024, участник финала, Топ-10, включено), «Программирование робототехники» (2023, 1 место регион, выключено). Блок «Конфиденциальность данных» (работодатели видят значок «Подтверждено ФСП» и суммарный ранг), строка «Спортивный разряд: 1 разряд», счётчик «Выбрано для показа 2 из 3», кнопка «Завершить синхронизацию» и ссылка «Настроить видимость позже в профиле».
Инженер: интересы, оферы и чаты
Путь инженера после публикации анкеты: выраженный интерес, входящие оферы, страница офера, принятие с выбором раскрываемых данных, переписка под псевдонимом, блокировка компании и уведомления.
Вакансия после отправки интереса
Вариант страницы вакансии «Backend-разработчик Go» в состоянии «интерес отправлен»: сверху фиолетовый баннер «Вы выразили интерес к этой вакансии» с указанием связанной анкеты «Backend Go (Senior/Lead)», даты 12 марта 2025 и пометкой «Контакты скрыты до офера». В правой колонке вместо кнопки «Мне интересно» информационный блок «Интерес отправлен работодателю», кнопка «Отозвать интерес», кнопка «Сохранено в избранном» и «поделиться». Блок «Совпадение с вашей анкетой» показывает только зелёные совпадения, ниже карточка «Работодатель». Слева прежние разделы «Задачи», «Что пригодится», «Условия».
Мои оферы инженера
Раздел «Мои оферы» в кабинете инженера с левым меню (Вакансии, Мои анкеты, Мои оферы, Чаты) и селектором «Срез по резюме: Все анкеты (2)». Вкладки статусов: Все 4, Новые 2, Принятые 1, Отклонённые 0, Отозванные 1. Карточки оферов от Маяк Лаб, Вектор Софт, Квант Тех и НеоЛаб Системс с вилкой оклада, привязкой к анкете, сопроводительным письмом и кнопками «В чат с компанией», «Посмотреть офер», «Перейти в чат», «Детали офера», «История офера». Внизу блок «Принцип защищённого оффер-процесса geek.moscow» о скрытии контактов до принятия офера.
Мои оферы инженера
Экран «Мои оферы» (2 новых предложения) с селектором «Все анкеты (2)» и фильтрами статусов «Все 4», «Новые 2», «Принятые 1», «Отозванные 1». Карточки оферов от Маяк Лаб (Senior Go Developer, 260–300 тыс. ₽ на руки) и Вектор Софт (Python / FastAPI Инженер, 220–260 тыс. ₽) содержат превью сообщения к оферу, метку «Новый офер», время и кнопки «Посмотреть офер», «В чат». Карточка Квант Тех (Backend-инженер Go, 280 000 ₽) имеет статус «Принят», отметку «Офер согласован 12 мая» и кнопку «Перейти в диалог с работодателем». Внизу блок «Конфиденциальность защищена» и таббар Вакансии, Анкеты, Оферы, Чаты.
Страница офера от компании
Детальная страница офера OF-8402 («Новый офер», получен сегодня 14:20) в разделе «Мои оферы» со ссылкой «К списку оферов». Главная колонка: карточка «Маяк Лаб, Backend-разработчик Go» с вилкой 260 000–300 000 ₽ и сравнением с вилкой вакансии, чипы Удалённо, Полная занятость, стек, ссылка «Отклик на вашу анкету»; блок «Личное сообщение от команды» от тимлида Дмитрия Корнеева с цитатой и тремя карточками инженерных вызовов (150k RPS, PostgreSQL, Fault-tolerance); блок «О вакансии и стеке» со стеком ядра, условиями и бенефитами и составом команды. Правая колонка «Принятие решения»: пояснение, что офер не является трудоустройством, статус видимости «Инженер G-1042» с описанием, что видит компания сейчас и что раскроется при продолжении, кнопки «Продолжить знакомство», «Уточнить в чате», ссылка «Не интересно». Десктопный вариант geek.moscow_mobile_390px_12.
Мобильная страница офера
Мобильный вариант geek.moscow_desktop_6: «Офер #OF 8402» со статусом «Новый офер», получен сегодня 14:20. Карточка Маяк Лаб (IT-аккредитация) «Backend-разработчик Go» с персональной вилкой 260 000–300 000 ₽ и базовой вилкой вакансии 240 000–300 000 ₽, чипы Удалённо, Полная занятость, Go/PostgreSQL/Kafka, привязка к анкете «Backend-разработчик Go». Блок «Личное сообщение» от Дмитрия Корнеева (Team Lead Go) с ключевым фокусом проекта, блок «Офер, предложение познакомиться» о псевдониме G-1042 и скрытых контактах. Блок «Решение по предложению» с кнопками «Продолжить знакомство», «Уточнить в чате (анонимно)» и ссылкой «Не интересно, Отклонить офер», затем раскрывающийся блок «Условия и стек проекта» с пакетом бенефитов и ссылкой на полное описание вакансии.
Принятие офера и выбор раскрытия
Поверх затемнённой страницы офера открыто модальное окно «Продолжить знакомство с Маяк Лаб» по оферу Backend-разработчик Go 280 000 ₽. Пояснение, что принятие офера не является трудовым договором, а открывает диалог. Раздел «Настройка приватности профиля» с чекбоксами Имя и фото, Email, Телефон, Подробный опыт и ссылки, Подробные достижения ФСП (выбрано 0 из 5), ссылка «Выбрать все поля», блок о анонимном чате под псевдонимом Инженер G-1042. Кнопки «Пока отменить» и «Продолжить знакомство».
Шторка согласия на знакомство
Нижняя шторка «Продолжить знакомство с Маяк Лаб» поверх затемнённого обзора офера OFR-8842-GO (280 000 ₽/мес. net, получатель ООО «Маяк Лаб»). Скриншот обрезан и показывает только шапку шторки с чипами вакансии и получателя и начало пояснения «Вы соглашаетесь пообщаться о вакансии. Это не трудовой договор». По HTML ниже идёт блок «Поля для передачи работодателю» с «Выбрать все» и чекбоксами: Имя и фото, Email, Телефон, Подробный опыт и ссылки (GitHub), Подробные достижения ФСП, примечание о чате под псевдонимом Инженер G-1042, счётчик «Выбрано полей: 3 (базовый профиль)», кнопки «Продолжить знакомство» и «Пока отменить».
Чат инженера с компанией
Раздел «Чаты» инженера: слева список диалогов (Маяк Лаб «Офер активен», Вектор Софт «На рассмотрении», СберТех «Закрыт») с поиском и вкладками «Все диалоги 3» и «Непрочитанные 1». Справа открытый диалог с Маяк Лаб: шапка с пометкой «Контакты скрыты», ссылкой «Смотреть вакансию» и кнопкой «Параметры доступа», карточка «Персональный офер 260 000 – 300 000 ₽» с кнопкой «Открыть офер», системное сообщение о скрытии контактов, переписка и поле ввода с кнопкой «Отправить».
Чат по оферу с компанией
Активный тред чата с Маяк Лаб (ID #GK-7824-GO) с лентой «Контакты скрыты, SSL защищено». Сверху сворачиваемая карточка «Персональный офер, Активен»: 260–300 тыс. ₽/мес. до вычета НДФЛ, Маяк Лаб, Удалённо по РФ, экспирация 4 дня, кнопка «Открыть офер». Системное уведомление «Маяк Лаб отправили персональный офер. Ваши контакты скрыты», затем три сообщения: два входящих от МЛ (интерес к опыту с Kafka, команда распределённая по РФ) и ответ инженера «Можно работать полностью удалённо?» с отметкой о прочтении. Подсказка «Вы можете раскрыть выбранные контакты при принятии офера», быстрые реплики «Стек в проде?», «Онбординг», «Тех. звонок», поле «Сообщение...» со скрепкой и кнопкой отправки.
Подтверждение блокировки компании
Поверх затемнённого чата с Маяк Лаб открыто модальное окно «Заблокировать Маяк Лаб?» с ИНН компании. Перечислены последствия: компания не сможет отправлять оферы и сообщения, история переписки сохранится, блокировку можно снять в «Настройки, Приватность». Заметка, что ранее раскрытые данные останутся у компании, со ссылкой «Управлять доступом». Кнопки «Отмена» и красная «Заблокировать». Внизу переключатель режимов: Инженер блокирует компанию, Работодатель блокирует G-1042, Разблокировать.
Подтверждение блокировки компании
Нижняя шторка подтверждения «Заблокировать Маяк Лаб?» (Компания, ИНН 7704819201, активный диалог) поверх затемнённого чата, где офер уже принят и компания прислала NDA-файл nda_mayak_2025.pdf. Три последствия с иконками: компания не сможет отправлять новые оферы и сообщения, история переписки сохранится в архиве для разрешения споров, блокировку можно снять в настройках профиля. Серый блок: ранее раскрытые персональные данные не удаляются автоматически, ссылка «Управлять доступом». Красная кнопка «Заблокировать» и кнопка «Отмена». Скриншот обрезан сверху, фоновый чат виден только в HTML.
Центр уведомлений
Экран уведомлений с действием «Прочитать всё», вкладками «Все 4» и «Непрочитанные 2» и строкой статуса шлюза событий. Группа «Сегодня» содержит непрочитанные карточки «Маяк Лаб отправила вам офер» (Senior Go Developer, 320 000–380 000 ₽ net, кнопка «Перейти к оферу») и «Новое сообщение по вакансии Backend-разработчик Go» с превью сообщения HR и ссылкой «Открыть диалог». Группа «Ранее» показывает прочитанные «Офер отозван» и событие «Инженер G-1042 заинтересовался вакансией» со ссылкой «Профиль кандидата». Внизу блок «Настроить каналы и события» и кнопка «Настройки уведомлений».
Компания: вакансии, кандидаты и оферы
Кабинет представителя компании: карточка компании, вакансии и их редактор, каталог обезличенных анкет под вакансию, анкета инженера с объяснением соответствия, отправка офера, входящие интересы и чаты.
Страница компании в режиме владельца
Та же публичная страница «Маяк Лаб», но открытая представителем компании: сверху баннер «Режим владельца» с текстом «Вы просматриваете страницу как представитель компании» и кнопками «Редактировать компанию» и «Добавить вакансию». В карточке компании бейджи «Верифицированный профиль» и «PRO EMPLOYER», описание процессов и архитектуры, метрики (Deployment cycle, Test coverage, Data ingestion), стек по группам и блок «Инженерный процесс в цифрах» с графиками. Справа «Факты о компании», кнопка «Настройки профиля компании» и блок «Статус вакансий и откликов» (19 кандидатов, time-to-offer 8 дней, +342 views). В списке «Открытые вакансии 3» у каждой карточки статус «Активна · в поиске», кнопки «Просмотр» и «Управление вакансией».
Профиль компании работодателя
Страница «Моя компания» в кабинете работодателя (меню Мои вакансии, Инженеры, Интерес к вакансиям, Чаты 3) с кнопками «Посмотреть страницу компании» и «Сохранить» и баннером «Повысьте отклик старших инженеров, +40% к конверсии». Левая форма: «Раздел 01 Идентичность бренда» (логотип МЛ с кнопками Загрузить SVG/PNG и Удалить, название Маяк Лаб, сайт mayak.example с проверкой, сфера Fintech & Распределённые системы, город Москва, м. Курская) и «Раздел 02 О компании для соискателей» (краткое описание 94/160, полное описание с Markdown, пометка Публично). Справа «Предпросмотр в реальном времени» карточки в каталоге (3 позиции, стек Go/Kafka/PG) и блок «Принципы geek.moscow» о честной репутации без платных верификаций. Внизу панель Сохранить изменения, Отменить, Создать новую вакансию. Десктопный вариант geek.moscow_mobile_390px_11.
Мобильный профиль компании
Мобильный вариант geek.moscow_desktop_7: страница «Моя компания» (ID 8402) с переключателем «Редактирование / Предпросмотр». Разделы формы: «01 Логотип и название» (логотип МЛ, кнопка Загрузить, название Маяк Лаб, официальный сайт mayak.example с отметкой «DNS проверен»), «02 Отрасль и локация» (Fintech & Распределённые системы, Москва, м. Курская), «03 Описание для разработчиков» (краткое описание 94/160, подробное описание о стеке, теги Rust, Go, ClickHouse, gRPC, Kafka). Ниже «Компактное публичное превью» карточки компании (Активна, Fintech, Москва, 2 вакансии). Кнопки «Сохранить», «Посмотреть страницу компании», «Создать вакансию» и нижняя навигация работодателя.
Мои вакансии работодателя
Кабинет работодателя Маяк Лаб, раздел «Мои вакансии» с кнопкой «Создать вакансию» и пояснением двух путей: «Прямой подбор в каталоге» и «Входящий интерес к роли». Вкладки Все 4, Опубликованные 2, Черновики 1, Снятые 1, поиск и фильтр формата. Карточки вакансий в состояниях «Опубликована, в каталоге» (8 инженеров проявили интерес), «Опубликована, по приглашению», «Черновик» (заполнено 4 из 5 полей), «Снята с публикации» с действиями «Подобрать инженеров», «Кто заинтересовался», «Продолжить заполнение», «Возобновить публикацию», «Редактировать», «Снять», «Удалить».
Мои вакансии работодателя
Список «Мои вакансии» компании Маяк Лаб (3 активные позиции) с кнопкой «Новая вакансия», фильтрами Все 4, Опубликованы 2, Черновики 1, Снятые и подсказкой «Стратегия найма» о двух путях поиска. Карточки: «Backend-разработчик Go» (#VAC-401, опубликована, в каталоге, 240 000–300 000 ₽, «8 инженеров проявили интерес», кнопки Подобрать инженеров и Кто заинтересовался (8)), «Python / FastAPI Инженер» (#VAC-402, по приглашению, 3 инженера по ссылке-приглашению), «Data Pipeline Engineer» (#VAC-405, черновик, заполнено 4 из 5 полей, 80%, кнопка Продолжить заполнение) и «DevOps / Infrastructure Engineer» (#VAC-398, снята с публикации, кнопка Возобновить публикацию). Нижняя навигация Вакансии, Инженеры, Интерес 3, Чаты 1.
Редактирование вакансии компанией
Форма редактирования вакансии «Backend-разработчик Go» (ID VAC-4902, статус «В редактировании», хлебные крошки «Мои вакансии / Редактирование вакансии · Черновик») в кабинете работодателя «Маяк Лаб» с меню Мои вакансии, Инженеры, Интерес к вакансиям, Чаты. Слева навигация по разделам 01–05, справа формы «Основное» (название, специализация, грейд, формат, локация, занятость), «Задачи проекта» (три пункта, «Добавить задачу»), «Требования к кандидату» (обязательный и желательный стек), «Условия и компенсация» (зарплата от/до, налоговый базис, пакет бенефитов) и «Настройки публикации и видимость» (В каталоге geek.moscow или Только по приглашению, уведомления о новом интересе). Сверху кнопки «Предпросмотр» и «Снять с публикации», внизу панель «Сохранить черновик» и «Опубликовать вакансию».
Редактирование вакансии компанией
Форма «Редактирование вакансии» для Маяк Лаб (черновик VAC-4902, индикатор «78% готово», автосохранение) с горизонтальной навигацией по шагам 01 Основное, 02 Задачи, 03 Стек, 04. Секция «Основное» содержит название «Backend-разработчик Go», специализацию, чипы уровня (выбран Senior), формата (Удалённо, Гибрид, Офис Мск) и занятости. Далее список задач проекта с кнопкой «Добавить задачу», обязательный и бонусный стек, текст требований, секция «Зарплата и условия» с вилкой 240 000–300 000 ₽ и чекбоксами бенефитов, секция «Публикация и доступ» с выбором «В каталоге geek.moscow» или «Только по прямой ссылке» и оценкой «412 инженеров совпадают по стеку». Внизу кнопка «Опубликовать вакансию» и статус «Черновик сохранён автоматически».
Каталог инженеров для работодателя
Страница «Инженеры, каталог анкет» в кабинете работодателя Маяк Лаб с кнопками «Только избранное 3» и «Экспорт выборки», селектором «Под вакансию компании: Senior Backend-разработчик Go (260–300 тыс. ₽)», поисковой строкой «Go, Kafka» и счётчиком «Совпадений: 42 анкеты». Слева «Параметры фильтра»: совместимость с бюджетом, опыт работы, формат работы, стек и навыки, достижения ФСП (подтверждённые турниры), плюс «Справка по выборке». Справа карточки обезличенных анкет «Инженер G-1042» (в бюджете, турнир ФСП 2025 призёр, факторы совместимости, стек, статус «Офер отправлен сегодня, 14:20», кнопки Детали офера и Открыть чат), «Инженер G-1086» и «Инженер G-1120» (смежный стек) с кнопками «Смотреть анкету» и «Отправить офер». Внизу пагинация 1–3 из 42 и блок «Принцип анонимности geek.moscow».
Каталог инженеров под вакансию
Список анонимных анкет инженеров для компании (бейдж EMP) с заголовком «Инженеры» и счётчиком «Результаты: 42 анкеты». Сверху селектор «Под вакансию: Go разработчик (FinTech Core)», поиск по стеку, кнопка «Фильтры 3» и чипы «В бюджете», «Опыт 3–6 лет», «Удалённо». Карточки G-1042, G-1086, G-1120 содержат метку бюджета, заголовок анкеты, опыт, формат, плашку достижения ФСП (например «ФСП 2025, призёр (алгоритмы)»), пункты совпадения стека, чипы технологий и кнопки «Отправить офер», «Анкета» или, для кандидата с отправленным офером, «Перейти в чат» и «Посмотреть условия офера». Внизу уведомление, что анкеты анонимизированы, и таббар Вакансии, Инженеры, Интерес, Чаты.
Мобильный каталог кандидатов
Мобильная лента «Кандидаты» (найдено 142 специалиста) с поиском, кнопкой «Фильтры 3» и чипами Все, Бэкенд (Go/Python), Frontend, Алгоритмы. Карточки анонимных инженеров с грейдом, пометкой ФСП, стеком и блоком «Почему подходит вашему профилю», кнопками «Пригласить» и «Подробнее». Вторая карточка в состоянии «Отправлено приглашение, ожидает ответа» с кнопкой «Перейти к переписке». Внизу «Показать ещё 10 специалистов» и таб-бар Главная, Каталог, Приглашения, Профиль.
Анкета инженера в контексте вакансии
Кабинет нанимателя (Маяк Лаб), раздел «Инженеры»: просмотр анонимной анкеты «Инженер G-1042, Backend-разработчик Go» с полосой контекста «Смотрите анкету под вакансию Backend-разработчик Go» и ссылкой «Сменить вакансию». Слева навыки (9 верифицированных тегов), обобщённый опыт без названий работодателей, желаемые задачи, блок «Подтверждённые достижения ФСП». Справа панель «Подходит по вакансии» с тремя совпадениями и одним предупреждением (Kafka), кнопка «Отправить офер», «В избранное», заметка о защите от дубликатов и статус инженера «Открыт к предложениям».
Мобильная анкета инженера
Мобильный вариант предыдущего экрана «Анкета инженера G-1042» для вакансии Backend Go в Маяк Лаб. Карточки стажа, формата, локации и грейда, блок «Подходит по вакансии» (3 совпадения и предупреждение по Kafka), ключевые навыки, обобщённый опыт, желаемые условия и достижения ФСП. Внизу закреплена панель «Статус рассмотрения: Доступен к офферу» и кнопка «Отправить офер».
Модальное окно отправки офера
Поверх затемнённой анкеты инженера G-1042 открыто модальное окно «Предложить вакансию». Карточка инженера с пометкой «Контакты инженера скрыты до согласия на диалог», выпадающий список «Выберите вакансию компании» (Backend-разработчик Go, опубликована) с вилкой вакансии, поля «Предлагаемая вилка для инженера» от 260 000 до 300 000 ₽ и текст «Почему приглашаете этого инженера?» (197 из 800 символов). Внизу пояснение, что офер отправляется персонально и диалог начнётся в чате, кнопки «Отмена» и «Отправить офер».
Форма отправки офера инженеру
Экранная форма «Предложить офер» от компании «Маяк Лаб» с кнопкой «Закрыть». Карточка получателя: инженер G-1042, калибр Senior, «Backend-разработчик Go», Highload/Kafka/Distributed Systems, отметка «Контакты скрыты до принятия офера инженером». Блок «Вакансия компании» с выбором вакансии (#VAC-884, опубликована, вилка 240 000–300 000 ₽), блок «Предложение для кандидата (до вычета НДФЛ)» с полями От 260 000 и До 300 000 ₽ и подсказкой «+10% к медиане», текстовое поле «Почему приглашаете этого инженера?» (163/500) с приветственным сообщением и примечанием, что сообщение откроет приватный тред в Чатах. Внизу блок «Принцип приватности geek.moscow», кнопка «Отправить офер» и «Отмена».
Интерес к вакансиям компании
Страница «Интерес к вакансиям, 3 активных отклика» в кабинете работодателя «Маяк Лаб» (WORKSPACE: Работодатель, PRO тариф): счётчики «02 новые, 01 в диалоге, 2.4ч ср. ответ», вкладки «Все 3 / Новые 2 / Офер отправлен 1», селектор «Все вакансии (3)» и поиск по псевдониму или стеку. Список откликов: Инженер G-1042 и G-1086 со статусом «Новый отклик», тегами стека, пояснением совпадения и кнопками «Посмотреть анкету» и «Отправить офер»; Инженер G-1120 со статусом «Офер отправлен (250 тыс. ₽)» и кнопкой «В чат». Внизу плашка «Принцип взаимного подтверждения контактов» и «Лимит оферов: 18 / 20 в месяц».
Интересы инженеров к вакансиям
Экран «Интерес к вакансиям» (3 отклика) со списком инженеров, проявивших интерес, селектором «Все вакансии (3)» с распределением Go: 2, Data: 1 и сегментами «Все (3)», «Новые (2)», «С офером (1)». Карточки Инженер G-1042 и G-1086 показывают целевую вакансию, заголовок анкеты, опыт, чипы стека, плашку совпадения или достижения ФСП 2025 и действия «Посмотреть анкету», «Отправить офер». Карточка G-1120 уже имеет статус «Офер отправлен 250 000 ₽» и кнопку «В чат». Внизу пояснение о том, что после офера кандидат получает уведомление, а при принятии открывается защищённый диалог.
Чаты компании, пустой диалог
Раздел «Чаты, 3 диалога» в кабинете рекрутера «Маяк Лаб» (Алексей В., Tech Recruiter; меню Вакансии, Инженеры, Интерес к вакансиям, Чаты): фильтры «Все (3)» и «Непрочитанные 1», поиск по диалогам и вакансиям, переключатель роли «Маяк Лаб рекрутер / Как инженер». Слева список «Активные сессии»: Инженер G-1042 (статус «Офер отправлен», 1 непрочитанное), Инженер G-1086 («Офер принят · контакты»), Инженер G-1120 («На рассмотрении»), у каждого вилка и превью сообщения. Справа пустое состояние «Выберите диалог» с блоком «Правило приватности платформы» о том, что диалоги создаются только при отправке офера.
Список чатов компании
Экран «Чаты» со счётчиком 3 для компании Маяк Лаб, поиском по диалогам или ID и фильтрами «Все 3», «Непрочитанные 1». Информационная плашка сообщает, что диалоги привязаны к оферам, а имена инженеров скрыты псевдонимами до взаимного согласия. Три карточки диалогов: Инженер G-1042 (статус «Офер отправлен», Backend-разработчик Go, 240–300 тыс. ₽, 1 непрочитанное), Инженер G-1086 («Офер принят», Python Tech Lead, отметка доставки), Инженер G-1120 («На рассмотрении», Data Engineer / MLOps). Внизу таббар Вакансии, Инженеры, Интерес, Чаты с бейджем 3.
Настройки, поддержка и документы
Общие разделы аккаунта: учётная запись и пароль, уведомления, приватность и выданные доступы, удаление аккаунта, обращение в поддержку и правовые документы.
Настройки аккаунта и пароля
Раздел «Настройки», вкладка «Аккаунт» с подменю Учетная запись, Безопасность и вход, Опасная зона. Блок «Учетная запись»: текущая роль Инженер, подтверждённый email с кнопкой «Изменить email». Блок «Безопасность и пароль»: поля текущий, новый пароль и подтверждение, требования к паролю, кнопки «Сохранить пароль» и «Отмена». Внизу красная «Опасная зона» с описанием последствий и кнопкой «Удалить аккаунт…».
Настройки аккаунта инженера
Страница «Настройки» (v2.4.9) с вкладками Аккаунт (активна), Уведомления, Приватность, API. Карточка «Учетная запись» (UID 8841-DE): роль в системе Инженер, Email engineer@example.com со статусом «Подтвержден», кнопка «Изменить email» и ссылка «Личные данные инженера в Моем профиле». Карточка «Безопасность, Смена пароля» с полями Текущий пароль, Новый пароль (минимум 8 знаков, цифры и латинские символы) и кнопкой «Сохранить новый пароль». Красная зона «Удаление аккаунта» с предупреждением, что анкеты будут скрыты, оферы отозваны, переписки прекращены, и кнопкой «Удалить аккаунт...». Нижняя навигация Вакансии, Анкеты, Оферы, Чаты.
Настройки уведомлений
Раздел «Настройки», вкладка «Уведомления» с заголовком «Каналы и события уведомлений» и переключателем «Режим инженера / Режим работодателя». Таблица событий с тумблерами «В сервисе» и «На email»: Новые оферы, Изменения по оферам, Сообщения, а также зеркальный блок для профиля работодателя (Интерес к вакансиям, Ответы на оферы, Сообщения от кандидатов). Кнопка «Сохранить настройки» со статусом «Настройки сохранены» и пояснение, что отключение уведомлений не влияет на получение предложений. Мокап отрисован с нарушенной вёрсткой (узкая колонка), содержимое читается по коду.
Настройки уведомлений инженера
Страница «Настройки» с вкладками Аккаунт, Уведомления (активна), Приватность и левым сайдбаром инженерного кабинета (Вакансии, Мои анкеты, Мои оферы, Чаты). Слева карточки «Профиль и связь» (привязанный email engineer@example.com, роль Инженер, ссылка «Перейти в резюме и анкету»), «Каналы оповещений» (пояснение «В сервисе» и «На email») и бейдж доставки «48 доставлено, 0 сбоев, 99.4% SLA». Справа две таблицы тумблеров «В сервисе / На email»: «События соискателя (Инженер)» (Новые оферы, Изменения по оферам, Сообщения в диалогах) и «События работодателя» (Интерес к вакансиям, Ответы на оферы, Сообщения от кандидатов). Внизу кнопка «Сохранить настройки» и зелёный статус «Настройки сохранены», плюс примечание, что отключение уведомлений не влияет на получение оферов и доступность чатов.
Мобильные настройки уведомлений
Мобильный вариант geek.moscow_desktop_4: раздел «Настройки» с вкладками Аккаунт, Уведомления (активна), Приватность и подзаголовком с email engineer@example.com. Информационный блок о том, что оповещения в сервисе всегда видны в колокольчике, а email отправляется только по выбранным категориям. Карточки с тумблерами «В сервисе / На email»: «Новые оферы», «Изменения по оферам», «Сообщения в чатах» (email выключен) и отдельная карточка «Для работодателей: Интерес к вакансиям». Кнопка «Сохранить настройки» со статусом «Настройки сохранены» и примечание, что изменение не влияет на отправленные интересы. Нижняя навигация Вакансии, Анкеты, Оферы, Чаты.
Настройки приватности инженера
Раздел «Настройки», вкладка «Приватность» с баннером «Регламент раскрытия сведений». Блок 01 «Кому открыты мои данные»: карточка Маяк Лаб с активным доступом по вакансии Backend-разработчик Go, переданные атрибуты (ФИО, email, Telegram, телефон скрыт), кнопки «Изменить доступ» и «Закрыть доступ». Блок 02 «Видимость резюме в каталоге» с кнопкой «Управление видимостью анкет». Блок 03 «Заблокированные компании» с таблицей (КриптоВектор Тех, Стафф Альянс) и кнопками «Разблокировать». Справа «Приватный аудит», форма «Добавить в черный список» и «Частые вопросы».
Приватность и доступ к данным
Вкладка «Приватность» настроек (Аккаунт, Уведомления, Приватность) с заголовком «Приватность и доступ, контроль раскрытия контактов и список блокировок» и предупреждением, что уже увиденные данные нельзя забрать обратно. Раздел «Кому открыты мои данные (1 активная)»: карточка Маяк Лаб, Backend Go, статус Активен, раскрыто 20 февраля 2025 при принятии офера, список ФИО, Email, Telegram, кнопки «Изменить доступ» и «Закрыть доступ». Раздел «Видимость анкет» с пояснением и ссылкой «Перейти в Мои анкеты». Раздел «Заблокированные компании (2)»: КриптоВектор Тех и Стафф Альянс с датами блокировки и кнопками «Разблокировать». Нижняя навигация инженера.
Подтверждение удаления аккаунта
Поверх затемнённых настроек профиля Алексея Романова открыто модальное окно «Удалить аккаунт?» с меткой «Безвозвратное действие». Блок «Последствия для профиля инженера»: анкеты (2 активные) будут сняты с публикации, потеря доступа к оферам и чатам, разрыв связи с достижениями ФСП, плюс заметка для работодателя. Правовое пояснение со ссылкой на Политику конфиденциальности, поле подтверждения со введённым словом «УДАЛИТЬ», кнопки «Отмена» и «Удалить аккаунт навсегда». Внизу панель режима «Введено УДАЛИТЬ, кнопка активна».
Подтверждение удаления аккаунта
Нижний лист подтверждения «Удалить аккаунт?» с меткой «Безвозвратное действие» и описанием полной деактивации профиля разработчика. Блок «Последствия удаления» (UID 894-FSP) перечисляет: анкеты исчезнут из каталога, потеря доступа к оферам и чатам, аннулирование привязки достижений ФСП, зачёркнутая метрика «14 соревнований». Далее «Юридическое уведомление» со ссылкой на политику конфиденциальности. Состояние: слово «УДАЛИТЬ» введено и совпадает, красная кнопка «Удалить аккаунт» активна, ниже кнопка «Отмена».
Модальное окно обращения в поддержку
Поверх затемнённого рабочего места инженера открыто модальное окно «Написать в поддержку». Выбор темы обращения (Аккаунт, Анкета или вакансия, Офер и чат, ФСП, Другое), поле «Email для ответа» с пометкой «Авторизован», блок контекста «Офер #OFFER-8842, Маяк Лаб» с чекбоксом «Прикрепить ссылку на текущий экран», текст сообщения (168 из 2000) и предупреждение «Не отправляйте пароли и коды». Кнопки «Отмена» и «Отправить обращение», внизу переключатель предпросмотра состояний Гость, Авторизован, Успех.
Форма обращения в поддержку
Экранная форма «Написать в поддержку» (кнопка Назад, индикатор «Шлюз телеметрии SUP-882, online») с подзаголовком о помощи по оферам, анкетам, подтверждению ФСП или аккаунту. Чипы «Тема обращения»: Аккаунт, Анкета или вакансия, Офер и чат (выбрана), ФСП, Другое; поле «Email для ответа» alex.ts@geek.msk; чекбокс «Контекст телеметрии» с привязкой к экрану офера Маяк Лаб (OFFER_ID #8942-ML, stage Negotiation); поле «Опишите проблему» (84/2000) с текстом о неотображаемом подтверждении встречи и ссылка «Прикрепить скриншот, до 10 МБ». Блоки «Протокол безопасности» и «Маршрутизация» (номер вида SUP-1042), кнопки «Отправить обращение» и «Отмена».
Политика конфиденциальности платформы
Публичная страница «Правовые документы и регламенты платформы» с вкладками Политика конфиденциальности v1.4, Условия использования v2.1, Согласие на обработку данных v1.1. Слева оглавление из шести разделов, атрибуты версии (вступление в силу 15 мая 2024, архив редакций), кнопка «Скачать PDF подписанный ЭЦП» и контакт privacy@geek.moscow. Справа текст политики с разделами «Какие данные используются», «Видимость анкет и режим инкогнито», «Передача данных компаниям», «Хранение и безопасность», «Обращения по данным». Внизу опрос «Была ли информация понятна?» с кнопками Да и Нет.
Политика конфиденциальности
Документ «Политика конфиденциальности geek.moscow» (редакция v1.4, 15 мая 2024, действует) с переключателем документов Политика, Условия, Согласия, Cookies и кнопкой «Назад». Сворачиваемое «Оглавление (5 разделов)» и текст разделов: 01 Общие положения, 02 Какие данные используются (приватный системный профиль, обезличенные агрегированные метрики), 03 Видимость анкет и приватность (двустороннее рукопожатие), 04 Передача данных компаниям, 05 Обращения по данным с контактом privacy@geek.moscow. В подвале «Материалы и поддержка»: Скачать PDF-версию, Архив версий и изменений, Задать вопрос поддержке.
Модерация
Жалоба со стороны пользователя и административный контур: очередь жалоб, карточка жалобы с материалами и решение модератора. Экраны модератора относятся к отдельному хосту admin.geek.moscow.
Модальное окно жалобы на вакансию
Модальное окно «Пожаловаться» поверх затемнённой страницы вакансии в рабочем пространстве с боковым меню (Кандидаты, Вакансии, Хакатоны, Радар компаний, Жалобы и аудит). В окне блок «Объект жалобы: вакансия» (Backend-разработчик Go, Маяк Лаб, ID VAC-4091), обязательное поле «Причина обращения» с вариантами Спам, Недостоверные сведения (выбрано), Оскорбления, Нарушение приватности, Другое, поле «Комментарий или детали» со счётчиком 0/1000 и плашка, что отправка не блокирует компанию автоматически, а после можно скрыть вакансию или заблокировать компанию в настройках приватности. Кнопки «Отмена» и «Отправить жалобу».
Шторка жалобы на вакансию
Мобильная нижняя шторка «Пожаловаться» поверх затемнённой страницы вакансии VAC-4091 «Backend-разработчик Go» (Маяк Лаб). В шторке список причин с радиокнопками (Спам, Недостоверные сведения, Оскорбления, Нарушение приватности, Другое) с подсказками, поле «Комментарий (необязательно)» со счётчиком 0/300, плашка «Жалоба конфиденциальна. Отправка не накладывает автоматических санкций», кнопка «Отправить жалобу» и ссылка «Отмена». В коде также предусмотрено состояние «Жалоба принята» с номером обращения #REP-9021.
Очередь жалоб модератора
Интерфейс модератора «Очередь жалоб» с метриками «Всего в очереди 4», «Требуют решения 3», «Обработано сегодня 12». Панель фильтров: Новые 3, Рассмотренные 12, Все объекты (4), приоритеты, поиск по номеру. Таблица обращений REP-1042 (вакансия, недостоверные сведения), REP-1039 (сообщение, спам), REP-1035 (анкета, нарушение приватности) со статусом «Новая» и кнопкой «Рассмотреть», REP-1028 (компания) в статусе «Рассмотрена» с «Архив дела». Внизу «Регламент обработки инцидентов».
Очередь жалоб модератора
Раздел «Жалобы» в режиме модерации (оператор OP-04, SLA 15m, бейдж «3 новых») с переключателем «Новые (3) / Рассмотренные (12)», поиском «Поиск REP-1042...» и фильтрами объекта Все, Вакансии, Чаты, Анкеты. Три карточки жалоб со статусом «Новая»: REP-1042 на вакансию «Backend-разработчик Go» компании «Маяк Лаб» (причина «Недостоверные сведения», цитата заявителя, карма заявителя), REP-1039 на сообщение «Чат по оферу #0842» от FinTech Core Team (Спам / Навязчивость), REP-1035 на анкету G-2081 (Нарушение приватности). У каждой время поступления и кнопка «Рассмотреть». Внизу плашка «Режим модератора» о фиксации действий в протоколе аудита и навигация Жалобы, Инциденты, Журнал.
Разбор жалобы модератором
Рабочее место модерации с навигацией «К очереди жалоб», «Архив решений», «Лог телеметрии» и шапкой инцидента REP-1042 (статус «Новая», поступила сегодня 14:10, заявитель анонимный). Левая колонка: объект жалобы «Вакансия: Backend-разработчик Go» (опубликована, ID VAC-88910), данные работодателя ООО «Маяк Лаб» с ИНН и датой размещения, жёлтый блок «Оспариваемый фрагмент контента» с цитатой о зарплатной вилке 500 000 ₽ и 40 000 ₽ на испытательном сроке, комментарий заявителя и «Слепок карточки вакансии в каталоге». Правая колонка «Решение модератора»: радиокнопки «Нарушение не найдено», «Скрыть публикацию», «Заблокировать нарушителя», обязательное поле обоснования (минимум 20 символов), неактивная кнопка «Применить решение», история решений и блок шифрования сессии.
Жалоба REP-1042 на мобильном
Мобильная версия карточки жалобы «Жалоба Rep 1042» с бейджем «Модератор» и статусом «Новая». Блок «Параметры инцидента» (категория «Недостоверные сведения») указывает целевой объект «Вакансия · Backend Go», компанию Маяк Лаб с ИНН и дату подачи. Далее «Заявление заявителя» с цитатой о расхождении 500 000 ₽ и 40 000 ₽, профиль заявителя Verified и блок «Спорный фрагмент» с подсвеченной цитатой из публикации и сниппетом карточки VAC-9912 со ссылкой «Посмотреть вакансию полностью». Форма «Решение модератора» содержит три варианта решения, поле обоснования (0/500) с чипами-подсказками «п.4.2 Оплата», «Манипуляция» и активную кнопку «Применить решение».
Ошибки и состояния
Служебные страницы 404 и 500 в фирменном «телеметрическом» стиле, с сохранением локального черновика и быстрыми переходами.
Страница не найдена, десктоп
Страница ошибки 404 в техническом стиле: полоса «SYS_DIAGNOSTIC / ROUTING_EXCEPTION_HANDLER» с таймстампом и меткой «HTTP_404», большая цифра «404» в скобках, заголовок «Страница не найдена» и пояснение про изменённую ссылку. Действия: кнопки «На главную», «К вакансиям» и ссылка «Вернуться назад». Ниже блок «Quick routing» с тремя карточками «Каталог вакансий», «Каталог инженеров», «Служба поддержки» и техническая строка с NODE, LATENCY, STATUS_FLAG.
Страница не найдена, мобильная
Мобильная версия ошибки 404: бейдж «STATUS: 404_PAGE_NOT_FOUND», крупная «404», строка «TRACE_FAILED :: ROUTE_UNRESOLVED», заголовок «Страница не найдена» и пояснение, что актуальные предложения собраны в каталоге. Есть строка проверки связи со шлюзом с кнопкой «Тест», кнопки «На главную», «К вакансиям» и ссылка «Назад к предыдущей». Ниже блок «Быстрый переход» (Поиск вакансий, Для инженеров, Обратиться в поддержку) и промо-карточка «Geek Moscow Hub».
Ошибка сервера, десктоп
Страница ошибки 500 с центральной карточкой в серифном шрифте: полоса «DIAGNOSTIC_LOG» и «STATUS: 500 / SERVICE_UNAVAILABLE», крупная «500», заголовок «Не удалось загрузить страницу» и текст про временный сбой. Блок «Локальная сессия защищена» сообщает, что введённые данные сохранены в локальном черновике браузера. Кнопки «Попробовать снова» и «На главную», внизу «Код ошибки: ERR-1042» и ссылка «Сообщить о проблеме».
Ошибка сервера, мобильная
Мобильная версия ошибки 500: шапка «GEEK.MOSCOW /500», бейдж «STATUS 500 · ERR-1042», крупная «500» с индикатором «SRV_FAILOVER_TIMEOUT», заголовок «Не удалось загрузить страницу» и текст «Временная ошибка сервера. Мы уже работаем над исправлением». Плашка «Данные формы и черновики сохранены локально в вашем браузере», кнопки «Попробовать снова» и «На главную страницу», раскрывающийся «Системный дамп», ссылка «Сообщить о проблеме» и код ошибки.
Библиотека компонентов
Листы токенов направления «Sport-Tech Competitive Grid» и витрины семейств компонентов UI-05…UI-34: футер, уведомления, поиск и фильтры, зарплата и соответствие, оферы, раскрытие данных, чат и главный экран. Реализованные компоненты смотрите в Storybook на design-system.geek.moscow.
Токены дизайн-системы Sport-Tech Grid
Лист токенов без изображения: его значения перенесены в пакет дизайн-системы, см. токены.
Лист дизайн-токенов «Sport-Tech Competitive Grid» без макета: палитра Material-подобных ролей со светлой поверхностью #f9f9f9, основным кобальтовым primary #2700dd и primary-container #402fff, нейтральным secondary #5e5e64, оранжево-красным tertiary #821d00 и error #ba1a1a. Типографика: Inter для заголовков headline-xl 40px/700 до headline-sm 18px/600 и body 16/14/12px, JetBrains Mono для label-mono 14/12/11px и табличных чисел data-mono-num. Радиусы от sm 0.125rem до xl 0.75rem и full, отступы на сетке 8px (space-xs 4px до space-2xl 48px, gutter 16/24px). Прозаическая часть описывает философию «High-Performance Engineering», канвас #EDEDED, карточки #FFFFFF, границы #D8D9E0, статусы Success #12754E, Warning #9A5B00, Urgent #EC1D35 и правила 12/8/4-колоночной сетки.
Расширенные токены Sport-Tech Grid
Лист токенов без изображения: его значения перенесены в пакет дизайн-системы, см. токены.
Вторая редакция листа токенов «Sport-Tech Competitive Grid» без макета: та же базовая палитра (primary #2700dd, primary-container #402fff, surface #f9f9f9), но tertiary сдвинут в малиновый #8c0017, и добавлены семантические токены: primary-hover #3020E0, primary-active #2700DD, primary-tint, text-primary #1B1C21, text-muted #5F5F66, border-grid #D8D9E0, surface-canvas #EDEDED, dark-module-bg #1B1C21, статусы status-verified #1FA971, status-warning #FF9900, status-urgent #EC1D35, status-error #BA1A1A. Типографика получает уровни display 48px/800 и display-mobile 32px, headline-sm 20px, токен mono-widget-title JetBrains Mono 13px/700 с разрядкой 0.06em. Радиусы и spacing совпадают с первой версией. Прозаическая часть переписана под «швейцарскую модульную сетку» технического рекрутинга с секциями Chips & Tech Tags, Cards & Modules, Form Fields, Selection Controls, Lists & Leaderboard Rows.
Компоненты UI-05 по UI-08
Витрина «Showcase компонентов geek.moscow: UI-05 – UI-08». Семейство UI-05 «Футер» показывает полный публичный футер с колонками навигации и CTA, компактный футер и состояния фокуса. Семейство UI-06 «Колокольчик и центр уведомлений» содержит состояния триггера, дропдауны уведомлений для инженера и работодателя, пустое состояние и встроенный в навигацию колокольчик. Семейство UI-07 «Поиск и фильтры» включает состояния поисковой строки, строку активных чипов, сайдбар фильтров и состояние «По запросу ничего не найдено». Семейство UI-08 «Выбор анкеты или вакансии» показывает компактный селектор, модалки «Выберите резюме для отклика» и «Выберите вакансию для оффера» и диалог «Выразить интерес к вакансии».
Компоненты UI-13 по UI-16
Спецификация семейств UI-13 «Зарплата и соответствие бюджету» (анатомия вилки с базой, фиксированной суммы на руки и персонального офера, редактор ожиданий с ошибкой валидации, сигнальные метки «В бюджете», «Не совпадает», «Недостаточно данных» без раскрытия цифр), UI-14 «Навыки, статусы и верификация достижений» (чипы навыков, статусы публикации и доступности, карточка «Достоверно ФСП»), UI-15 «Объяснение соответствия» (Deterministic Fit Panel с шестью факторами, empty state «Анкета не выбрана» и skeleton) и UI-16 «Избранное и выражение интереса» (панель «Сохранить в избранное» и «Мне интересно», блок «Что именно видит работодатель»). Завершает страницу композитная карточка «Senior Go Engineer / Распределённый процессинг», объединяющая все четыре семейства.
Компоненты UI-17 по UI-20
Страница «Модули оферов, взаимодействия и приватности». UI-17 «Карточка офера» показывает входящий офер Маяк Лаб (Senior Go Backend Engineer, 280 000–340 000 ₽), компактную плашку офера в чате, варианты «Офер принят», «Отклонён», «Готовый защищённый чат» и предупреждение об изменении вакансии. UI-18 «Форма офера и действия» содержит модалку «Составление персонального офера» для работодателя с выбором вакансии, вилкой и сообщением, а также панель «Решение по предложению» инженера с кнопками продолжить, уточнить, отклонить. UI-19 «Карточка интереса к вакансии» показывает новый интерес Инженер #G-1042 и статусы «Офер отправлен», «Интерес отозван», «В ожидании». UI-20 «Раскрытие данных и приватность» включает модалку «Раскрытие контактных данных» с чекбоксами (имя, email, телефон, GitHub, достижения ФСП) и панель управления выданными доступами с кнопкой отозвать.
Плавающий виджет чата UI-21
Спецификация «Виджет чата / Chat Widget Panel» (пакет @geek.moscow/chat-floating-layer, панель 400x560px, лаунчер 48x48px). Блок 01 показывает реалистичный контекст: страница вакансии «Разработчик Go / Distributed Systems» Маяк Лаб с раскрытым виджетом «Чаты 2», закреплённой полосой офера, сообщениями HR Анны и полем ввода. Блок 02 «Анатомия интерфейса» разбирает зоны header, offer context strip, timeline canvas, compact composer и инженерные требования (никаких звонков, привязка к оферу). Блок 03 «Матрица состояний» содержит семь состояний A–G: компактный лаунчер, реестр активных диалогов, активный диалог с офером, свёрнутый таб в доке, нулевое состояние «Нет активных чатов», сетевой статус и инициализация.
Строка диалога и шапка UI-22
Спецификация «UI-22 · Строка диалога и шапка переписки» с параметрами (ширина списка 320–340px, высота строки 72px, шапка 64/76px, явный токен раскрытия данных, без онлайн-статусов). Интегрированная компоновка показывает список «Сообщения 4 активных» рядом с тредом Алексея Смирнова (G-1042), статусом «Офер согласован 420 000 ₽» и полем ответа. Компонент 1 «Строка диалога в списке» имеет пять вариантов: вид инженера, анонимный кандидат, данные раскрыты, непрочитанное высокого приоритета, заблокированный диалог. Компонент 2 «Шапка переписки» включает шапки A–E: вид соискателя с «Офер принят», «Заблокировать», «Пожаловаться», вид работодателя до и после раскрытия данных с кнопками «Запросить данные» и «Сформировать офер», компактный виджет и заблокированный тред. Завершает таблица маппинга атомов Ant Design 6 на токены.
Сообщения и события переписки UI-23
Спецификация «UI-23 · Сообщения и события переписки» с токенами ленты (ширина 680px, фон #EDEDED, таймстемпы JetBrains Mono 11px, акцент оферов #402FFF). Левая колонка воспроизводит реальный тред с Маяк Лаб: индикатор загрузки истории, разделитель даты, системная карточка «Geek.Offer» с офером Go Developer / Platform Team 320 000–380 000 ₽ и кнопками «Параметры», «Посмотреть офер», входящее и исходящее сообщения со статусом «Доставлено», системное событие предоставления доступа к контактам с кнопкой «Отозвать», плашка «Новые сообщения (1)» и поле ввода. Справа «Матрица статусов отправки» (отправляется, сохранено, доставлено, прочитано, ошибка с кнопкой «Повторить»), «Системные протоколы переписки» (пять событий: офер направлен, решение по оферу, деанонимизация профиля, ревизия условий, ограничение доступа) и «Инженерные варианты сообщений» с блоком кода Go и коротким ответом.
Поле ввода сообщения UI-24
Спецификация «Поле ввода сообщения (Message Composer)» на базе AntD 6 (Enter для отправки, Shift+Enter для переноса, лимит 2000 символов). Блок 01 показывает нижнюю консоль чата с пристыкованным композитором в контексте переписки трека хакатона. Блок 02 «Анатомия» описывает модули: эластичный Textarea (44px до 160px), кнопка отправки #402FFF, контекстный микро-тултип. Блок 03 «Матрица состояний» содержит восемь состояний A–H: пустой буфер, активный ввод со счётчиком 142/2000, отправка со спиннером, реконнект с баннером «Нет связи с сервером», ошибка доставки с кнопкой «Повторить», заблокированная переписка, инициализация защищённого канала, компактный виджетный композитор. Блок 04 приводит контракт параметров компонента (maxLength, autoSize, onSend, isBlocked).
Привязка ФСП и главный экран
Витрина с боковым каталогом спецификаций и двумя семействами. UI-33 «Привязка профиля ФСП и выбор достижений» показывает базовую карточку интеграции в трёх состояниях (не привязано с кнопкой «Привязать профиль ФСП», привязано с достижениями Иван В. Смирнов, реестр ФСП временно недоступен с кнопкой «Повторить запрос»), 3-шаговый мастер «Поиск в реестре спортсменов», «Подтверждение владения» кодом, «Выбор достижений для анкет», и реалистичный фрагмент страницы настроек профиля с разделом «Спортивные достижения (ФСП)». UI-34 «Главный экран и объяснение механики платформы» содержит тёмный Hero «Работа начинается со взаимного интереса» с кнопками «Я инженер», «Я нанимаю» и инлайн-превью вакансии и кандидата, секцию трёх шагов «Создайте анкету», «Получите предложение», «Начните общение», вариации состояний гость / авторизованный инженер / skeleton и ленту «Актуальные предложения с подтверждёнными вилками».
Главный экран и механика UI-34
Отдельная спецификация «UI-34 · Главный экран и объяснение механики» (сетка 1440px, палитра #1B1C21, #402FFF, #EDEDED). Frame 01 «Анатомия Dark Ink Hero» показывает тёмный блок с заголовком «Работа начинается со взаимного интереса», кнопками «Я инженер» и «Я нанимаю», ссылкой «Смотреть каталог вакансий», метриками 4.8 дн., 100%, 680+ и парой карточек «Вакансия #VK-928 Senior Go Engineer» и «Кандидат G-1042» со связкой «Двустороннее согласие». Далее секция «Как устроена платформа geek.moscow» с тремя шагами (создайте анкету, получите предложение, начните общение), «Матрица вариаций и состояний интерфейса» с вариантами гостевого экрана с формой входа, авторизованного инженера с «2 новых входящих офера» и skeleton-загрузки, и секция «Актуальные предложения с подтвержденными вилками» с карточками Staff Go Platform Engineer и C++ / Rust High-Load Architect и кнопками «Предложить анкету».
Поповер уведомлений в шапке
Компонент всплывающего списка «Уведомления» у колокольчика в шапке инженерного кабинета, на фоне затемнённого раздела «Мои оферы» (3 активных офера, матрица оферов). Показаны два варианта поповера: компактный «3 новых» (Новый офер, Интервью, Просмотр анкеты) и развёрнутый «2 новых» с табами «Все 4 / Непрочитанные 2», группами «Сегодня» (Маяк Лаб отправила вам офер, ссылка «Посмотреть офер», бейдж «Актуален 48ч»; новое сообщение по вакансии Backend-разработчик Go с цитатой HR, ссылка «Открыть диалог») и «Ранее» (Офер отозван, закрыто; Инженер G-1042 заинтересовался). В шапке поповера действие «Прочитать всё», в подвале «Настроить уведомления» и канал «email + web».