Squadder

Squadder

Продукт

Комплексный редизайн и развитие B2C/B2B платформы для мероприятий

Клиент

Squadder

Сфера

EventTech / Social

Год

2023

Задача

Мне предстояло возглавить редизайн масштабной платформы для поиска и проведения мероприятий - от концертов и спортивных событий до камерных хобби-встреч. Исходный интерфейс был перегружен, неконсистентен и не справлялся с растущими функциональными требованиями. Моей задачей было не просто «освежить» внешний вид, а провести полную системную трансформацию продукта: выстроить новую логику взаимодействия, заложить основу для быстрого роста и спроектировать ключевые модули с нуля, а также помимо этого спроектировать дизайн-систему.

Процесс

Я выстроила работу вокруг принципа «от общего к частному», чтобы каждый шаг был обоснованным и вел к целостному результату. - Глубокий аудит: Начала с анализа всех существующих пользовательских сценариев, интерфейсов и выявления главных проблем — от навигационной путаницы до визуального хаоса. - Архитектура и стратегия: Совместно с владельцем продукта переосмыслили структуру продукта, определили, какие модули являются критичными для MVP после редизайна. Совместно с продакт-менеджером были выстроены прозрачные процессы. - Внедрение токенов как основы: Я инициировала и продвигала идею перехода на систему дизайн-токенов как на краеугольный камень всего обновления. Этот подход позволял гарантировать визуальную целостность и в разы ускорить будущие итерации. Построение дизайн-системы «снизу вверх»: - Токены: Я создала и структурировала полный набор токенов для цвета, типографики, пространства и других атрибутов, дав им понятные семантические имена. - Библиотека компонентов: На этой надежной основе спроектировала модульную библиотеку - от простейших кнопок до сложных карточек событий и элементов чатов. Все компоненты были полностью адаптивны и документированы для разработчиков. - Проектирование модулей: Используя готовые компоненты, я последовательно разрабатывала пользовательские потоки для каждого нового модуля, постоянно сверяя их с общей логикой продукта и проводя внутренние кросс-ревью.

Решение

На фундаменте новой дизайн-системы мы полностью переработали и создали следующие ключевые разделы платформы: - Ядро для открытия мероприятий: Интерактивная карта для геопоиска, «умный» список с продвинутыми фильтрами и личный календарь для планирования. - Инструменты для организаторов: Личные кабинеты, страницы площадок и функционал для управления событиями. - Социальный слой: Многоуровневая система чатов — личные сообщения, групповые обсуждения и публичные чаты прямо на страницах мероприятий для живого общения участников. - Онлайн-участие: Целый модуль для проведения и просмотра прямых трансляций, бесшовно встроенный в общий опыт платформы. Моя цель для каждого экрана была одна: создать интуитивный, вовлекающий и эстетичный интерфейс, который помогает пользователю легко находить интересное и комфортно общаться.

Итог

- Создана и внедрена production-дизайн-система: Разработчики получили в работу полную библиотеку токенов и компонентов, что резко повысило скорость и качество реализации интерфейсов. Команда перестала тратить время на уточнение оттенков и отступов. - Успешно запущен редизайн: Обновленный интерфейс был поэтапно выпущен для пользователей. Мы получили положительную обратную связь о возросшей простоте и удобстве использования платформы. - Заложен фундамент для будущего: Гибкая дизайн-система на токенах доказала свою эффективность, когда нам потребовалось быстро спроектировать и добавить новые экспериментальные функции - система позволила делать это в единой стилистике и за считанные дни. - Повышение зрелости процессов: Моя работа перевела взаимодействие дизайнеров и разработчиков на качественно новый уровень: от точечных правок макетов к совместной работе над системой. Это освободило время для более глубокой проработки пользовательского опыта. Этот проект стал для меня ярким примером того, как стратегический, системный подход к дизайну позволяет превратить сложный редизайн в драйвер развития всего продукта. Я не только улучшила пользовательский опыт, но и внедрила инструменты (дизайн-систему на токенах), которые продолжают приносить пользу команде после того, как были нарисованы последние экраны.

Create a free website with Framer, the website builder loved by startups, designers and agencies.