Задачи выполняла в роли UX/UI дизайнера в студии Purrweb в 2025 году.
Product camp: продуктовая не-конференция
Product camp:
о проекте
ProductCamp — крупнейшее и старейшее комьюнити в СНГ для Product-менеджеров
и профессионалов в сфере цифровых технологий. Это не классическая конференция,
а уникальный загородный лагерь и платформа для обмена опытом, объединяющая тысячи специалистов.
и профессионалов в сфере цифровых технологий. Это не классическая конференция,
а уникальный загородный лагерь и платформа для обмена опытом, объединяющая тысячи специалистов.
бизнес-проблема
Много лет под каждый новый ивент (сезон) команда создавала отдельный лендинг с нуля. Это привело к полному отсутствию консистентности и преемственности. Трафик размывался, старые полезные материалы терялись. Более того, прошлый дизайн выглядел «пластиковым»
и неживым — он не отражал ту самую «ламповую» и душевную атмосферу лагеря, которой славится кэмп.
и неживым — он не отражал ту самую «ламповую» и душевную атмосферу лагеря, которой славится кэмп.
главная задача
Переработать архитектуру и собрать все разрозненные страницы в единый целостный сайт
с удобной навигацией, а также создать уникальную, запоминающуюся визуальную айдентику, передающую дух сообщества.
с удобной навигацией, а также создать уникальную, запоминающуюся визуальную айдентику, передающую дух сообщества.
моя роль и что входило в работу
Архитектура и логика: полная переработка карты сайта (Sitemap) и проектирование новых пользовательских путей.
Проектирование с нуля: полный отказ от старых шаблонных вайрфреймов и проектирование структуры экранов заново.
Визуальная концепция: разработка итераций стиля, подбор шрифтов, предложение и защита ключевой цветовой палитры.
Дизайн-система: создание гибкого UI-kit для сборки страниц будущих сезонов.
Особенности проекта
Сжатые сроки и огромный объем контента: нужно было не просто нарисовать красивую картинку, а систематизировать архивы за несколько лет (программы прошлых лагерей, спикеры, мерч, вакансии).
Смена концепции на ходу: в процессе работы метафора проекта полностью изменилась —
от идеи «ворот в пионерский лагерь» мы перешли к масштабной космической «орбите компетенций». Это потребовало полной перестройки интерфейса, когда часть работы уже была проделана.
от идеи «ворот в пионерский лагерь» мы перешли к масштабной космической «орбите компетенций». Это потребовало полной перестройки интерфейса, когда часть работы уже была проделана.
Проектирование без шаблонов: готовые черновые вайрфреймы ограничивали логику
и не ложились на новую концепцию, поэтому было принято решение проектировать UI практически с чистого листа.
и не ложились на новую концепцию, поэтому было принято решение проектировать UI практически с чистого листа.
Как я решала задачи через UX/UI
1. Улучшила пользовательский путь и объединила разрозненный контент
Бизнес-задача: Избавиться от хаоса сезонных сайтов, упростить навигацию для участников и снизить нагрузку на организаторов перед стартом ивентов.
Решение:
Спроектировала новую карту сайта (Sitemap). Собрала все лендинги прошлых лет, информацию о спикерах, волонтерстве, спонсорах и форматах участия в единую логичную структуру.
Создала понятные точки входа для разных сегментов аудитории (участники, спикеры, партнеры). Теперь пользователю легко найти расписание текущего кэмпа и одновременно посмотреть архивы прошлых лет
или оставить заявку на участие в будущем сезоне.
или оставить заявку на участие в будущем сезоне.
2. Провела две масштабные визуальные итерации для поиска «того самого» вайба
Бизнес-задача: Сделать сайт заметным, уйти от «пластикового» корпоративного стиля
и отразить ценности комьюнити: открытость, коллаборацию, инновации.
и отразить ценности комьюнити: открытость, коллаборацию, инновации.
Итерация №1 (Минимализм и Постцифра): первые концептуальные экраны создавались
на стыке швейцарского модернизма и NASA-интерфейсов. Однако на ревью мы с командой поняли, что сухой минимализм выглядит слишком холодно и не передает единство и теплоту комьюнити.
на стыке швейцарского модернизма и NASA-интерфейсов. Однако на ревью мы с командой поняли, что сухой минимализм выглядит слишком холодно и не передает единство и теплоту комьюнити.
Итерация №2 (Ретрофутуризм и Космическая мечта): я полностью перестроила визуал, сделав ставку на более теплый, насыщенный и нарративный стиль. Вдохновением стала эстетика научно-популярных журналов, плакатной графики и советской космической романтики. Это создало глубокий эмоциональный контекст и ностальгический «ламповый» вайб.
3. Сформировала уникальный UI-код: цвета, шрифты и микродинамика
Контекст: Космическая концепция требовала сильных и характерных интерфейсных решений, которые бы при этом не мешали читать сложную программу выступлений.
Решение:
Цветовое решение: Я предложила и отстояла ключевую палитру — глубокие темные оттенки космоса в сочетании с акцентным терракотовым (ассоциация с Марсом и достижением новых высот). Это решение мгновенно выделило проект на фоне стандартных светлых IT-конференций.
Типографика: Выбрала современный шрифт Inter. Благодаря своей идеальной геометрии и оптимизированным межбуквенным интервалам он сохраняет отличную читаемость на экранах в таблицах расписания, но в контексте темы выглядит как интерфейс космического корабля.
Анимация: Разработала интерактивные прототипы кнопок, ховеров и мелких интерактивных элементов. Микродинамика оживила интерфейс, сделав переходы между блоками плавными и вовлекающими.
4. Создала масштабируемую дизайн-систему (UI-kit)
Контекст: У ProductCamp проходят лагеря весной, летом и осенью, и каждый раз контент обновляется.
Решение:
Собрала строгую адаптивную дизайн-систему на компонентах и автолейаутах в Figma. Все карточки спикеров, плашки форматов, элементы расписания и теги были стандартизированы.
Результат:
Организаторы получили гибкий конструктор. Теперь для запуска нового сезона кэмпа команде не нужно нанимать агентство и рисовать сайт заново — достаточно использовать готовые UI-компоненты, сохраняя визуальную преемственственность и узнаваемость бренда.
Результат редизайна
Платформа ProductCamp обрела визуальную целостность и единый, понятный для пользователя опыт. Сайт выглядит как стильный, дорогой продукт с сильной айдентикой, который транслирует масштаб комьюнити, бережно сохраняя его традиции.
Результат и итоги проекта
В результате масштабного редизайна разрозненные сезонные лендинги ProductCamp были успешно объединены в единую, консистентную цифровую экосистему с уникальной ретрофутуристичной айдентикой.
Что в итоге получил продукт и комьюнити:
Единый информационный хаб: Создана централизованная архитектура сайта. Архивы за несколько лет, база спикеров, вакансии, мерч и программы прошлых сезонов теперь упорядочены и доступны в один клик. Комьюнити получило полноценную платформу знаний, а трафик перестал размываться.
Оптимизация внутренних процессов (Бизнес-эффект): Благодаря разработанной дизайн-системе на компонентах и автолейаутах организаторы получили автономный «конструктор» для будущих мероприятий. Время и затраты команды на запуск и наполнение сайта нового сезона кэмпа сократились вдвое, полностью исключив необходимость каждый раз привлекать стороннюю разработку.
Бесшовная смена концепции: Несмотря на радикальную смену визуальной метафоры в разгар работы, интерфейс был полностью перепроектирован с нуля без потери качества и срыва дедлайнов.
Сильное визуальное позиционирование: Космическая концепция в сочетании с глубокой темной палитрой и терракотовыми акцентами создала сильный эмоциональный ToV. Сайт полностью ушел от шаблонного «пластикового» стиля IT-конференций, подчеркнув уникальный, «ламповый» и авторитетный статус старейшего комьюнити в СНГ.
А вот что о результате говорит сама команда ProductCamp:
