Платформа для подготовки к техническим собеседованиям: задачи с фильтром по компаниям, теория и ежедневная практика в одном месте.
Задачу и требования готовил аналитик, а я проектировала на их основе интерфейс: сценарии, прототипы, UI и адаптив. Если в требованиях были пробелы, разбирали их вместе с аналитиком на созвонах.
Проблема и конкуренты
Разработчики, которые готовятся к техническим собеседованиям, собирают материалы из разных мест: задачи на одном сайте, теорию в статьях, вопросы с собеседований в чатах и на форумах. Крупные платформы — англоязычные, а фильтр задач по компаниям обычно закрыт подпиской. В итоге подготовка идёт рывками перед собеседованием, а не регулярно.
| платформа | что хорошо | чего не хватает |
|---|---|---|
| LeetCode | огромная база задач, задача дня | интерфейс только на английском; задачи по компаниям (Google, Amazon и др.) только в платной подписке Premium; теории и вопросов «не про код» почти нет |
| Codewars | задачи-«ката» с рангами от 8 kyu до 8 dan, игровая прокачка | это тренажёр навыка, а не подготовка к собеседованию: нет привязки к компаниям и теории |
| HackerRank | готовые наборы для подготовки к собеседованию на неделю и на 3 месяца | англоязычный, без российских компаний |
| Codeforces | есть русский язык, большой архив задач | заточен под олимпиадное программирование, а не под собеседования |
Вывод. Нет одного места на русском, где есть задачи с фильтром по компаниям, теория, вопросы с собеседований и привычка заниматься каждый день.
Решения
Три гипотезы выросли из анализа конкурентов и на пользователях пока не проверялись. Каждый экран отвечает на одну из них.
Профиль с прогрессом
Если человек видит свой уровень и прогресс по языкам, ему проще понять, что подтянуть, и он не бросает подготовку.
что сделалаУровень растёт с каждой решённой задачей, рядом грейд, специализация и прогресс по языкам в процентах. В подсказках объяснено, сколько баллов даёт задача каждой сложности.
Библиотека задач с фильтрами
Если задачи фильтруются по компании, сложности и языку, готовиться можно прицельно — к конкретному собеседованию, а не «ко всему».
что сделалаКомпании выбираются чипсами, сложность и язык — фильтрами рядом с поиском, сброс одной кнопкой. В карточке сразу видны сложность, компания и время на задачу.
Daily Coding
Если каждый день есть небольшой набор задач и таймер до обновления, практика становится привычкой, и навык не теряется между собеседованиями.
что сделалаКаждый день новый набор из 10 задач разной сложности и таймер до обновления. Задачу можно решить прямо на странице: редактор, запуск и отправка.
Дизайн-система
Упрощенный путь
Реализовать функцию shortenPath(path) , которая упрощает абсолютный Unix-путь и возвращает его каноническое представление, обрабатывая . , .. и множественные /.
Адаптив
Сайт адаптирован под ПК, ноутбук, планшет и телефон. Показываю, как меняются два главных экрана на мобильном.
- Фильтры свернулись в одну кнопку-воронку рядом с поиском
- Карточки встали в одну колонку
- Меню спряталось в бургер
- «Запустить» и «Отправить» собрались в одну кнопку «Действия»
- Таймер остался наверху, чтобы был виден сразу
- Редактор кода на всю ширину экрана
