Проектирование приложения для тех. интервью
88
баллов от экспертной комиссии
+25%
к уверенности после 3+ тренировок
60
макетов за 6 месяцев работы
2023
TechInterview — интерактивный тренажёр, который имитирует реальное устное собеседование. Пользователь выбирает направление, слушает вопросы, отвечает голосом и сразу сверяется с эталонным разбором.
Главная цель — дать начинающим специалистам безопасную среду для тренировок и снять страх перед первым созвоном с работодателем.
Discovery
Проект начался с изучения проблемы: почему молодые специалисты сильно нервничают перед интервью и как им помочь.
Я провела количественный опрос среди 167 человек — начинающих специалистов, студентов старших курсов и выпускников IT-курсов 19–24 лет.
76.6% боятся разволноваться и показаться некомпетентными;
61.1% боятся обнаружить пробелы в знаниях прямо во время разговора с работодателем.
Чтобы понять, где именно рождается этот страх, я построила Customer Journey Map.
Пик стресса оказался не на самом звонке, а на самом первом этапе — когда человек только осознаёт, что ему нужна помощь в подготовке. Он ещё не начал готовиться, а уже боится заикаться от волнения.
Это и стало главным продуктовым вызовом: снимать тревожность нужно с первого касания с продуктом, а не только тренировать ответы.
Анализ конкурентов
Я изучила похожие сервисы — Google Interview Warmup, LeetCode, InterviewBit, hh.ru. У всех схожие ограничения: мало профессий (в основном разработка), симуляторы речи не поддерживают русский язык, нет наглядного графика прогресса, а сессии с реальными менторами стоят дорого.
📌
Вывод: чтобы закрыть эти пробелы, TechInterview делаем на русском языке, с расширяемой базой профессий и понятной визуализацией прогресса — как доступную альтернативу дорогим менторским сессиям.
Продуктовая проблема
Психология: сильный стресс мешает сосредоточиться — ухудшается память, внимание и связность речи.
Для бизнеса: edtech-платформы дают хорошую теорию, но их выпускники часто вылетают на первых же созвонах из-за паники. Это портит статистику трудоустройства школы.
Задача
Создать доступный и безопасный инструмент на русском языке, где можно спокойно потренироваться отвечать голосом и сразу видеть правильные ответы.
Этапы работы
• Анализ продукта, ЦА и конкурентов;
• формирование структуры и User Flow;
• UX дизайн;
• UI дизайн;
• юзабилити тестирование;
• подготовка макетов к разработке;
• дизайн-ревью.
JTBD - основная
Когда я ищу первую работу в IT и боюсь провалить собеседование из-за волнения, я хочу регулярно тренироваться отвечать на реальные вопросы голосом в интерфейсе, похожем на созвон, чтобы привыкнуть к формату и чувствовать себя увереннее.
JTBD - дополнительная
Когда я регулярно тренируюсь, я хочу видеть понятную статистику своих ответов, чтобы точечно доучивать сложные темы и отслеживать свой прогресс.
Продуктовая стратегия
У нас были жёсткие рамки — 6 месяцев на весь проект в связке с одним разработчиком. Чтобы успеть запуститься вовремя, мы сознательно отказались от двух сложных фич.
Созвоны студентов друг с другом. Мы не стали это делать, так как двое новичков не смогут дать друг другу качественную оценку, а стресс от этого только вырастет.
Автоматическая оценка ответов через ИИ. Дорого и долго на старте. Вместо этого я спроектировала логику самопроверки: пользователь наговаривает ответ, видит правильный ответ на вопрос и сам себя оценивает. Это сэкономило разработчику около 3 месяцев работы над серверной частью и позволило запустить рабочий продукт в срок.
Базу вопросов при этом наполнили силами самих пользователей — ещё один способ не тратить ресурс разработки на то, что может сделать сообщество.
UX/UI решения
Визуальный язык и типографика
Стиль построен на глассморфизме в глубоких тёмных тонах: тёмно-синий фон с мягким градиентом, стеклянные карточки с размытием для фокуса на контенте, ярко-синие кнопки для главных CTA. Заголовки — акцентный шрифт Unbounded, текст и вопросы — нейтральный Manrope.
Экран симуляции
Во время прохождения каждого из вопросов интерфейс разгружен до предела: текст вопроса, плеер и одна крупная кнопка «Записать ответ». После ответа пользователь может сразу прочитать свой ответ и сверить его с правильным. Отсюда же можно в один клик добавить вопрос в «Избранное».
Снижение стресса через контроль
Пользователь может в любой момент перезаписать ответ, если запутался. На этапе MVP мы намеренно отказались от жёсткого таймера записи, чтобы человек мог формулировать мысли в комфортном темпе.
Экран итогов
После пятого вопроса открывается сводный экран по всей пройденной симуляции: все вопросы с расшифрованным текстовым ответом пользователя, и для каждого — отметка, ответил ли он верно, неверно или частично. Отсюда же можно добавить любой вопрос в «Избранное», чтобы вернуться к слабым темам позже.
Юзабилити тестирование
Я протестировала интерактивный прототип на 12 пользователях. Тест подсветил серьёзную проблему на экране симуляции: люди не понимали, началась ли уже запись звука. Это вызывало микро-панику и портило всё впечатление от продукта.
Чтобы дать пользователю ощущение полного контроля, я добавила два визуальных отклика:
Перевод речи в текст — слова пользователя сразу же превращаются в текст на экране по мере того, как он говорит.
Анимация звука — живая волна и пульсирующая красная точка показывают, что запись идёт прямо сейчас.
📌
Результат: повторный тест показал 100% успешное прохождение. Страх перед кнопкой записи исчез, пользователи почувствовали полный контроль над процессом.
Системный подход
Всего для TechInterview я нарисовала 60 макетов — 26 под компьютер и 34 под мобильные экраны, полностью сохранив единую стилистику.
Я собрала библиотеку компонентов (кнопки, поля ввода, карточки, состояния плеера) и проверила цвета и шрифты на контрастность по стандартам доступности. Структуру каталога профессий заложила так, чтобы в будущем можно было добавлять новые направления без переделки навигации.
Работа с командой
Мы работали короткими итерациями, постоянно сверяя логику с разработчиком:
Технические ограничения. Перед тем как рисовать симулятор, мы обсудили возможности браузеров по записи звука — особенно в мобильных версиях, — чтобы дизайн не разошёлся с техническими возможностями.
Спецификации. Все сценарии и переходы я подробно расписала в FigJam — это помогло разработчику быстрее и точнее понять логику продукта.
Дизайн-ревью. После сборки сайта я провела QA-проверку: отловила баги в отступах, адаптивной вёрстке и поведении всплывающих окон перед финальным запуском.
Результат
Проект получил 88 баллов от экспертной комиссии и отличные отзывы от первых пользователей.
Уверенность пользователей
Первые тесты показали +25% к уверенности после 3 и более тренировок в симуляторе. В перспективе это поможет онлайн-школам поднять процент трудоустройства выпускников за счёт преодоления страха перед первыми собеседованиями
Сэкономили время
Решение сделать самопроверку вместо сложного ИИ сэкономило до 3 месяцев разработки.
Продукт на каждый день
Благодаря базе знаний и «Избранному» сервис стал для пользователей ежедневным тренажёром, а не одноразовым тестом.
Понятный интерфейс
Индикация записи и перевод речи в текст полностью убрали страх перед интерфейсом.
Другие мои проекты
Проектирование приложения для тех. интервью
88
баллов от экспертной комиссии
+25%
к уверенности после 3+ тренировок
60
макетов за 6 месяцев работы
2023
TechInterview — интерактивный тренажёр, который имитирует реальное устное собеседование. Пользователь выбирает направление, слушает вопросы, отвечает голосом и сразу сверяется с эталонным разбором.
Главная цель — дать начинающим специалистам безопасную среду для тренировок и снять страх перед первым созвоном с работодателем.
Discovery
Проект начался с изучения проблемы: почему молодые специалисты сильно нервничают перед интервью и как им помочь.
Я провела количественный опрос среди 167 человек — начинающих специалистов, студентов старших курсов и выпускников IT-курсов 19–24 лет.
76.6% боятся разволноваться и показаться некомпетентными;
61.1% боятся обнаружить пробелы в знаниях прямо во время разговора с работодателем.
Чтобы понять, где именно рождается этот страх, я построила Customer Journey Map.
Пик стресса оказался не на самом звонке, а на самом первом этапе — когда человек только осознаёт, что ему нужна помощь в подготовке. Он ещё не начал готовиться, а уже боится заикаться от волнения.
Это и стало главным продуктовым вызовом: снимать тревожность нужно с первого касания с продуктом, а не только тренировать ответы.
Анализ конкурентов
Я изучила похожие сервисы — Google Interview Warmup, LeetCode, InterviewBit, hh.ru. У всех схожие ограничения: мало профессий (в основном разработка), симуляторы речи не поддерживают русский язык, нет наглядного графика прогресса, а сессии с реальными менторами стоят дорого.
📌
Вывод: чтобы закрыть эти пробелы, TechInterview делаем на русском языке, с расширяемой базой профессий и понятной визуализацией прогресса — как доступную альтернативу дорогим менторским сессиям.
Продуктовая проблема
Психология: сильный стресс мешает сосредоточиться — ухудшается память, внимание и связность речи.
Для бизнеса: edtech-платформы дают хорошую теорию, но их выпускники часто вылетают на первых же созвонах из-за паники. Это портит статистику трудоустройства школы.
Задача
Создать доступный и безопасный инструмент на русском языке, где можно спокойно потренироваться отвечать голосом и сразу видеть правильные ответы.
Этапы работы
• Анализ продукта, ЦА и конкурентов;
• формирование структуры и User Flow;
• UX дизайн;
• UI дизайн;
• юзабилити тестирование;
• подготовка макетов к разработке;
• дизайн-ревью.
JTBD - основная
Когда я ищу первую работу в IT и боюсь провалить собеседование из-за волнения, я хочу регулярно тренироваться отвечать на реальные вопросы голосом в интерфейсе, похожем на созвон, чтобы привыкнуть к формату и чувствовать себя увереннее.
JTBD - дополнительная
Когда я регулярно тренируюсь, я хочу видеть понятную статистику своих ответов, чтобы точечно доучивать сложные темы и отслеживать свой прогресс.
Продуктовая стратегия
У нас были жёсткие рамки — 6 месяцев на весь проект в связке с одним разработчиком. Чтобы успеть запуститься вовремя, мы сознательно отказались от двух сложных фич.
Созвоны студентов друг с другом. Мы не стали это делать, так как двое новичков не смогут дать друг другу качественную оценку, а стресс от этого только вырастет.
Автоматическая оценка ответов через ИИ. Дорого и долго на старте. Вместо этого я спроектировала логику самопроверки: пользователь наговаривает ответ, видит правильный ответ на вопрос и сам себя оценивает. Это сэкономило разработчику около 3 месяцев работы над серверной частью и позволило запустить рабочий продукт в срок.
Базу вопросов при этом наполнили силами самих пользователей — ещё один способ не тратить ресурс разработки на то, что может сделать сообщество.
UX/UI решения
Визуальный язык и типографика
Стиль построен на глассморфизме в глубоких тёмных тонах: тёмно-синий фон с мягким градиентом, стеклянные карточки с размытием для фокуса на контенте, ярко-синие кнопки для главных CTA. Заголовки — акцентный шрифт Unbounded, текст и вопросы — нейтральный Manrope.
Экран симуляции
Во время прохождения каждого из вопросов интерфейс разгружен до предела: текст вопроса, плеер и одна крупная кнопка «Записать ответ». После ответа пользователь может сразу прочитать свой ответ и сверить его с правильным. Отсюда же можно в один клик добавить вопрос в «Избранное».
Снижение стресса через контроль
Пользователь может в любой момент перезаписать ответ, если запутался. На этапе MVP мы намеренно отказались от жёсткого таймера записи, чтобы человек мог формулировать мысли в комфортном темпе.
Экран итогов
После пятого вопроса открывается сводный экран по всей пройденной симуляции: все вопросы с расшифрованным текстовым ответом пользователя, и для каждого — отметка, ответил ли он верно, неверно или частично. Отсюда же можно добавить любой вопрос в «Избранное», чтобы вернуться к слабым темам позже.
Юзабилити тестирование
Я протестировала интерактивный прототип на 12 пользователях. Тест подсветил серьёзную проблему на экране симуляции: люди не понимали, началась ли уже запись звука. Это вызывало микро-панику и портило всё впечатление от продукта.
Чтобы дать пользователю ощущение полного контроля, я добавила два визуальных отклика:
Перевод речи в текст — слова пользователя сразу же превращаются в текст на экране по мере того, как он говорит.
Анимация звука — живая волна и пульсирующая красная точка показывают, что запись идёт прямо сейчас.
📌
Результат: повторный тест показал 100% успешное прохождение. Страх перед кнопкой записи исчез, пользователи почувствовали полный контроль над процессом.
Системный подход
Всего для TechInterview я нарисовала 60 макетов — 26 под компьютер и 34 под мобильные экраны, полностью сохранив единую стилистику.
Я собрала библиотеку компонентов (кнопки, поля ввода, карточки, состояния плеера) и проверила цвета и шрифты на контрастность по стандартам доступности. Структуру каталога профессий заложила так, чтобы в будущем можно было добавлять новые направления без переделки навигации.
Работа с командой
Мы работали короткими итерациями, постоянно сверяя логику с разработчиком:
Технические ограничения. Перед тем как рисовать симулятор, мы обсудили возможности браузеров по записи звука — особенно в мобильных версиях, — чтобы дизайн не разошёлся с техническими возможностями.
Спецификации. Все сценарии и переходы я подробно расписала в FigJam — это помогло разработчику быстрее и точнее понять логику продукта.
Дизайн-ревью. После сборки сайта я провела QA-проверку: отловила баги в отступах, адаптивной вёрстке и поведении всплывающих окон перед финальным запуском.
Результат
Проект получил 88 баллов от экспертной комиссии и отличные отзывы от первых пользователей.
Уверенность пользователей
Первые тесты показали +25% к уверенности после 3 и более тренировок в симуляторе. В перспективе это поможет онлайн-школам поднять процент трудоустройства выпускников за счёт преодоления страха перед первыми собеседованиями
Сэкономили время
Решение сделать самопроверку вместо сложного ИИ сэкономило до 3 месяцев разработки.
Продукт на каждый день
Благодаря базе знаний и «Избранному» сервис стал для пользователей ежедневным тренажёром, а не одноразовым тестом.
Понятный интерфейс
Индикация записи и перевод речи в текст полностью убрали страх перед интерфейсом.