Вайти
Product Designer
•
Стартап
•
2026
С нуля разработал интерфейсы и логику карьерного сервиса, объединив поиск вакансий, каталог компаний, тренажёр интервью и инструменты в единую рабочую среду. Создал общую дизайн-систему, которая связала сервисы и подготовила продукт к быстрому запуску и дальнейшему росту.
О проекте
ВАЙТИ — это job-tech стартап для поиска работы в IT. Единая платформа вместо десятка сервисов: вакансии, каталог компаний, прокачка навыков и инструменты для откликов.
Моя роль
Пришёл в команду без дизайнера. Продукт собирался общими усилиями — интерфейсу не хватало единой логики. Переводил бизнес-идеи в рабочие экраны и искал баланс между задачами бизнеса и удобством пользователя.
Что я сделал
Взял на себя весь дизайн: пересмотрел наработки, спроектировал ключевые сценарии и заложил основу интерфейсной системы.
Исследования
Ограничения
Проект был на стадии MVP, поэтому долго оставаться в исследовании было нельзя: команде нужно было быстрее переходить к интерфейсам и двигать продукт в разработку.
Конкуренты
Провёл быстрый анализ прямых конкурентов (выдача, фильтры, карточки) и косвенных (интервью, резюме, навыки). Фиксировал слабые места и привычные паттерны.
Пользователи
Целевую аудиторию понимал изнутри — сам недавно искал работу в IT. Плюс коридорные тестирования с разработчиками: смотрел, где логика не считывается как надо.
Агрегатор вакансий
Первый модуль — здесь формировалась общая логика и закладывался UI-кит. Хотел создать спокойное пространство без давления. Мягкие градиенты снижают напряжение, фокус остаётся на контенте.
Ключевые решения
Одна вакансия в строке
Отказался от двух колонок после исследования: при поиске важнее спокойное чтение, а не плотность. Колонки создавали шум там, где нужна концентрация.
Подходящие вакансии вместо фильтров
Умный подбор по резюме вывел на первый план, ручные фильтры — под кнопку. Интерфейс разгрузился, поиск ускорился.
Шорт-лист и компромисс
Бизнес хотел сделать шорт-лист единственным путем к отклику. По задумке, пользователь должен был сохранить вакансию, перейти в список и там запустить автоотклик. Однако эта функция работала только через плагины и интеграции, что завело бы большинство людей в тупик. Я предложил оставить прямую кнопку отклика главным действием, а шорт-лист сделать дополнительным сценарием — для тех, кто хочет сначала собрать варианты и разом откликнуться. Пришли к этому решению.
Страница вакансии
Бизнес хотел раскрывать информацию прямо в списке. Я настоял на отдельной странице — без неё выдача стала бы хаосом. На странице: полное описание, главное действие «Откликнуться в источнике», рейтинг и контакты компании рядом.
Swipe-режим
Альтернативный режим, которого нет на российском рынке: вместо списка — карточки со свайпом. Только самое важное для быстрого решения: работодатель, должность, зарплата, стек. Переключение между режимами заметное, рядом — счётчик оставшихся вакансий.
Итог
Данный раздел превратился в полноценное рабочее место соискателя. У меня получилось собрать сложный процесс поиска в одну понятную систему, где все инструменты для работы с вакансиями теперь находятся в одном месте.
Каталог компаний
Каталога компаний в продукте не существовало — был просто , сгруппированных по категориям. Пересобрал в полноценный раздел с карточками, фильтрами и поиском.
Ключевые решения
Две колонки
Компании ищут иначе, чем вакансии — сканируют, а не читают. Две колонки ускоряют сравнение, не перегружая экран.
Карточка компании
Только нужное для первичной оценки: сфера, описание, стек, рейтинг найма и контакты рекрутеров.
Целевой поиск и фильтры
Добавил поиск по названиям и фильтры по ключевым параметрам: технологиям, размеру компании и направлению работы.
Отзывы
Форма собирает детали прохождения интервью: встречи, тестовое, темы и конкретные вопросы.
Итог
Каталог закрывает задачи MVP: найти компанию, поверхностно изучить, выйти на контакты. Интерфейс готов к масштабированию.
Каталог компетенций
Этот раздел решает проблему неопределённости соискателя, который часто не понимает свой реальный уровень и ожидания рынка. Здесь пользователь просто выбирает своё направление и сразу получает полную, понятную карту требований.
Ключевые решения
Грейды
Гибкая структура блоков: через админку легко адаптировать раздел под любую IT-профессию.
Зарплата
Данные скрыты — открываются после того, как сам делишься. База из реальных цифр.
Связанные технологии
Можно изучить технологию подробнее прямо в разделе, не переключаясь.
База технических вопросов
По темам и грейдам: фильтр под уровень и подготовка без поиска по интернету.
Итог
Этот раздел полностью закрывает главную потребность — понять требования рынка и определить свой уровень. На этапе MVP он работает как удобный справочник и инструмент для самопроверки. Позже карту компетенций можно будет превратить в персональный навигатор.
Подготовка к интервью
Раздел помогает тренировать технические знания перед реальным собеседованием. На этапе MVP реализован тренажёр, онлайн-тестирование и песочница заложены как следующие этапы развития.
Ключевые решения
Последние сессии
Вынес историю последних тренировок на главный экран раздела. Это позволяет пользователю мгновенно продолжить прерванное занятие.
Результаты
Экран с результатами я сделал так, чтобы пользователь мог сразу разобрать свои ошибки. Система наглядно подсвечивает, где ответы были правильными, а где нет.
Итог
Этот раздел помогает соискателю оценить свои силы перед выходом на рынок. Пока в продукте работает только тренажёр интервью, но интерфейс уже готов к запуску новых фич.
Сопроводительное письмо
Этот раздел убирает рутину из процесса откликов на вакансии. Главная задача интерфейса — помочь соискателю всего за пару кликов составить текст, который идеально свяжет его опыт с требованиями конкретной вакансии.
Ключевые решения
Универсальность источника
На этапе MVP инструмент работает только из каталога ВАЙТИ. Но я сразу спроектировал логику так, чтобы система не была привязана к одному источнику. Если пользователь нашёл вакансию на другом сайте, он может просто скопировать её описание и вставить вручную.
Акцент на конечном действии
Финальный экран я спроектировал так, чтобы пользователь мог сразу получить результат своей работы, скопировать его или скачать.
Итог
Пользователь получает письмо за пару кликов. Решением с гибким вводом данных обошёл ограничения MVP.
Улучшение резюме
Раздел помогает соискателям находить ошибки в своих анкетах и исправлять их. С его помощью можно доработать резюме так, чтобы оно успешно проходило роботов-скринеров и нравилось реальным HR. При этом пользователь контролирует, какие изменения принимать.
Ключевые решения
Контроль изменений
Никакого «применить всё» вслепую. Советы по категориям: структура, достижения, ATS. Каждая правка — в формате «до / после».
Редактирование в моменте
Редактор встроен в карточку: если вариант неточный — можно исправить сразу.
Sticky-панель
Плавающая панель внизу: счётчик выбранных улучшений и кнопка применить всё разом.
Шаблон, одобренный рекрутером
Шаблон согласован с рекрутером — документ генерируется именно в том виде, в каком его хотят видеть. Отсюда же скачиваешь или сохраняешь в профиль.
Итог
Из слепой генерации — в совместное редактирование. Инструмент подсвечивает точки роста, где последнее слово за пользователем.
UI Kit
Дизайн-система проекта строилась с акцентом на скорость разработки и лёгкость поддержки. Компоненты адаптированы под фронтенд, чтобы исключить недопонимания на вёрстке.
Базовые стили и состояния
Я сразу зафиксировал все правила: от фирменных градиентов до отступов и шрифтов. Каждому элементу я отрисовал понятную сетку состояний.
Компоненты «на вырост»
Все элементы в Фигме я организовал так, чтобы продукт можно было легко развивать дальше. Когда в будущем команда решит добавить новые разделы, им не придётся перерисовывать базовые паттерны.
Итог
Мне удалось превратить общую идею в понятную структуру и интерфейсы, сохранив баланс между целями бизнеса и пользой для кандидатов. Я создал логику и правила, по которым продукт сможет развиваться дальше.
Сейчас проект находится в разработке. Я полностью подготовил и передал команде все наработки — от сценариев до адаптивного UI Kit, создав надёжный фундамент для быстрой сборки.
