О компании
Qubeek.io занимается разработкой цифровых решений, которые можно легко развернуть в инфраструктуре заказчика. Внутренние продукты компании — это самостоятельные платформы с широким API, встроенной аналитикой и полной изолированностью. Но на момент моего прихода многие из них нуждались в редизайне и улучшении UX.
Моя роль
- Улучшение визуальной части и юзабилити интерфейсов;
- Проработка экранов и фич на основе сценариев, предложенных продактами;
- Поддержка новых и существующих интерфейсов;
- Подготовка компонентов и UI-решений для внедрения;
- Взаимодействие с разработчиками и обсуждение фидбека.
Ключевые вызовы
- Оптимизировать пользовательский опыт во внутренних инструментах;
- Участвовать в разработке новых модулей и интерфейсов;
- Улучшить визуальное восприятие и удобство работы в продуктах.
Что я спроектировал
Образовательная среда
Платформа для создания и наполнения образовательных программ уроками и заданиями. Гибкий интерфейс позволял легко масштабировать и адаптировать функционал как для небольших курсов, так и для полноценных академических программ.
Модуль тестирования позволял быстро создавать задания с таймером, уровнями сложности и медиа. Я продумал фильтрацию и распределение по модулям, что упростило работу с большими курсами.
Интерфейс прохождения теста простой и понятный. Есть иллюстрации, таймер, уровень сложности и счётчик попыток. Я сосредоточился на читаемости и удобстве, чтобы ничто не отвлекало от вопросов.
Кабинет эксперта сфокусирован на быстрой проверке заданий. Видно, сколько работ в ожидании, что отклонено и по каким программам была активность. Фильтры и сортировка упрощают навигацию при большом потоке.
Создание программы — это удобное рабочее пространство администратора. Контент добавляется в один клик, структура остаётся наглядной и легко редактируется.
Администратор видит, сколько участников в программе, кто онлайн и как меняется вовлечённость. Ниже — весь контент курса. Всё собрано в одном окне для управления и анализа.
Конструктор опросов позволяет настраивать вопросы — тип ответа, обязательность, порядок вариантов. Всё редактируется сразу, без лишних шагов. Интерфейс простой и удобный даже для новичков.
Встраиваемые чаты
Полноценное чат-решение с адаптивными настройками, включающее все привычные функции популярных мессенджеров.
Я спроектировал чат-модуль с нуля — от логики до визуала. Интерфейс получился знакомым и понятным, с быстрым доступом к уведомлениям.
Чат поддерживает все базовые функции: сообщения, вложения, статусы и быстрые ответы. Я сделал акцент на скорости и простоте, чтобы ничего не отвлекало от задачи.
Создание чата оформлено как модальное окно с поиском и фильтрами. Добавлен предпросмотр активности, что упрощает выбор участников в больших командах.
Редактор текста
Позволяет создавать полноэкранные материалы с медиафайлами и удобной вёрсткой за считанные минуты.
Редактор позволяет сосредиться на тексте без лишнего шума. Блоки, изображения и форматирование добавляются в один клик. Сетка и drag-and-drop делают его удобным для любых публикаций.
Я продумал все состояния текстового блока — обычное, редактирование, перетаскивание. Это делает интерфейс понятным, снижает ошибки и помогает пользователю действовать увереннее.
Для каждого блока можно изменить размер, позицию, вставить код или заблокировать редактирование. Все функции собраны в одном меню прямо внутри документа.
Слева находится библиотека блоков, справа — меню с настройками типографики, стилей и отступов. Такой подход объединяет визуальное и точное редактирование без перегрузки.
Дополнительные инструменты
Помимо полноценных продуктовых решений, я работал над созданием вспомогательных инструментов — встраиваемые решения, которые могут упростить рутинные задачи разработчиков, что позволит сократить бюджет и получить отточенный функционал:
- Таблицы и фильтры — управление данными;
- Spotlight-поиск — быстрый доступ к контенту;
- Превью ссылок — ориентирование внутри системы;
- Блок-схемы — позволяют собирать логические конструкции с действиями, условиями и развилками. Я добавил типовые элементы, масштабирование и мини-карту. Инструмент подходит для интерфейсов и бизнес-процессов.
Что я сделал
- Участвовал в анализе аналогов и решениях UI-задач;
- Создавал макеты и экраны на основе требований;
- Работал над визуальной чистотой и единообразием компонентов;
- Поддерживал реализацию интерфейсов и проверял результат в разработке.
Результаты
- Обновлены 3 полноценных продукта;
- Спроектированы и внедрены новые инструменты (чаты, редактор, блок-схемы);
- Улучшен визуальный язык и интерфейсы;
- Решения успешно внедрены в реальные образовательные платформы.
Чему я научился
- Перешёл от правок к более самостоятельной проектной работе;
- Получил уверенность в UI-проектировании;
- Понял, как адаптировать дизайн под готовую техническую базу;
- Научился грамотно обсуждать визуальные решения;
- Осознал важность системности даже в небольших задачах.
Завершение
Работа в Qubeek.io стала для меня важным этапом: я впервые почувствовал уверенность в себе как дизайнер. Эти внутренние продукты не становились публичными, но они помогали другим платформам работать лучше. Я горжусь, что приложил к ним руку и стал частью командной системы улучшений.