ANSLY
ANSLY
AI-ассистент для технических собеседований: слышит вопрос, видит экран и код, сохраняет контекст и помогает быстро собрать точный ответ.
Что требовалось бизнесу?
Ansly — desktop-продукт для подготовки и поддержки во время технического интервью. Ассистент одновременно работает с голосом интервьюера, содержимым экрана и кодом, поэтому понимает не только отдельный вопрос, но и продолжение разговора. Мы выстроили понятный путь от знакомства с продуктом и выбора модели до загрузки приложения, подключения собственного API-ключа и работы в живой сессии. Интерфейс намеренно остаётся спокойным и компактным: подсказка помогает структурировать ответ, но не отвлекает от собеседования.
Решение, которое мы реализовали
Несколько источников контекста одновременно
Вопрос может звучать голосом, относиться к коду на экране и продолжать предыдущую тему. Продукт должен собирать эти сигналы в одну понятную сессию.
Ответ нужен в реальном времени
Во время интервью нет времени переключаться между вкладками, переписывать задачу или заново объяснять модели контекст.
Разные модели и сценарии
Пользователи выбирают OpenAI, Gemini, Claude или Qwen и ожидают одинаково прозрачную настройку без привязки к одному провайдеру.
Доверие к desktop-приложению
Нужно было ясно объяснить работу с экраном, микрофоном и локальным API-ключом, не перегружая первый запуск техническими деталями.
Сложная функция без сложного интерфейса
Продукт обрабатывает много контекста, но пользователь во время собеседования должен видеть только вопрос, подсказку и состояние сессии.
Единый путь от лендинга до запуска
Маркетинговый сайт, загрузка под macOS и Windows, авторизация, документация и приложение должны ощущаться одним продуктом.
Как мы работали над проектом
01
Спроектировали контекстную модель сессии
Объединили голос, экран, код и историю follow-up вопросов, чтобы ответ строился на полном контексте интервью.
02
Собрали компактный live-интерфейс
Оставили в фокусе формулировку вопроса, структуру ответа и управление прослушиванием без лишних панелей.
03
Добавили выбор AI-провайдера
Поддержали несколько моделей и понятное подключение собственного API-ключа с локальным хранением настроек.
04
Разделили onboarding и рабочий сценарий
Первичная настройка объясняет разрешения и параметры, а повторный запуск сразу возвращает пользователя к сессии.
05
Собрали продуктовую витрину и документацию
Лендинг, страницы загрузки и база знаний последовательно объясняют пользу, совместимость и начало работы.
06
Подготовили кроссплатформенный выпуск
Согласовали единые состояния и визуальный язык для macOS и Windows, сохранив быстрый и предсказуемый сценарий запуска.
Инструменты
- React
- TypeScript
- Tailwind CSS