Obelis
Задача:
Разработать визуальную систему и интерфейсы для Obelis — высоконагруженной платформы ставок на спорт. Нужно было учесть требования к скорости, структуре и плотности информации. Важно было обеспечить удобство взаимодействия для пользователей с разным уровнем подготовки, сохранив читаемость и логику интерфейсов.
Что было сделано:
• Спроектировала интерфейсы мобильной и десктопной версии с учётом сценариев использования и потока данных.
• Разработала масштабируемую дизайн-систему на принципах атомарного дизайна: от базовых элементов до сложных карточек, таблиц и панелей.
• Подготовила полную документацию для разработчиков: UI-гайды, размеры, состояния компонентов и сценарии применения.
• Проработала навигацию, визуальную иерархию и адаптацию интерфейса под разные устройства.
• Настроила визуальный стиль проекта: типографика, сетка, цветовая система — всё направлено на поддержку восприятия в условиях высокой информационной плотности.
• Обеспечила целостность продукта — от UX-решений до визуального кода платформы.
Мобильная версия
Мобильная версия OBELIS разработана с учётом высокой динамики использования платформы. Интерфейс адаптирован для быстрого взаимодействия, а навигация упрощена за счёт системы вкладок, предустановленных фильтров и интеллектуального поиска. Реализованы карточки событий, отображающие коэффициенты, актуальную статистику и динамику изменений в режиме реального времени. Визуальные акценты расставлены так, чтобы пользователи могли мгновенно находить нужную информацию и делать ставки в один клик.
Десктопная версия
Десктопная версия платформы ориентирована на профессиональных пользователей, которым необходим расширенный функционал и доступ к детализированным данным. Интерфейс спроектирован таким образом, чтобы облегчить навигацию в большом потоке информации. Основное внимание уделено структурированию коэффициентов, аналитики и истории ставок, что позволяет быстро ориентироваться и принимать решения. Визуально нагруженный UI остаётся читаемым и удобным за счёт строгой типографики, выверенной цветовой схемы и четкой сетки компоновки элементов.
Дизайн-система
Дизайн-система OBELIS построена на принципах атомарного дизайна, что позволило создать гибкую, масштабируемую и логично структурированную библиотеку компонентов. Каждый элемент системы разрабатывался поэтапно: от базовых атомов до сложных, многослойных компонентов, таких как интерактивные карточки событий, таблицы коэффициентов и панели управления. Такой подход обеспечивает гибкость настройки и удобство в поддержке продукта.

Для ускорения работы команды разработчиков была создана детальная документация, включающая гайды по использованию UI-компонентов, просчитанные отступы, размеры, состояния элементов, а также подробные сценарии применения в различных условиях. Благодаря этому верстка интерфейса стала точной, согласованной и максимально быстрой, исключая лишние правки и доработки.
Элементы фирменного стиля
Визуальный стиль OBELIS сочетает технологичность, структурированность и высокую информационную плотность, что делает его удобным для пользователей с разными уровнями подготовки. В результате фирменный стиль не только подчёркивает статус платформы, но и способствует высокой продуктивности пользователей, обеспечивая комфортное и понятное взаимодействие с системой.
Made on
Tilda