Дизайн-система маркетплейса ссылок Serpzilla

Serpzilla — платформа, которая объединяет рекламодателей и площадки для размещения рекламы. Каждый день более 100 тыс. пользователей ежедневно покупают и продают рекламные баннеры и ссылки на рекламном маркетплейсе.

В Serpzilla решили объединить несколько продуктов в один. Новая стратегия потребовала проектирования новых сценариев использования и полной переработки сервиса. Кроме того в Serpzilla решили продолжать запускать отдельные небольшие сервисы.

Всё это потребовало создания дизайн-системы, которая объединит все продукты и позволит:

1. Сделать все интерфейсы проще и понятнее;
2. Запускать новые фичи и сервисы быстрее;
3. Тратить меньше ресурсов на поддержку в будущем.

Дизайн-система: компоненты в Figma и на vue.js, общие сценарии и принципы

Мы собрали дизайн-систему, которая помогла увеличить скорость разработки новых сервисов и объединения старых.

4 команды разработчиков и продакт-менеджеры переиспользуют общие решения, которые мы придумали. Пользователи быстрее разбираются в разных сервисах, а проектирование и запуск новых фич занимает меньше времени.

Разработали, типографику, сетку и принципы адаптации для разных экранов

Представили систему цветов

Собрали систему иконок и нарисовали основой сет

Проработали интерактивные элементы

Собрали общие компоненты на все случаи

Маркерплейс

Кабинет владельца сайта

Сервис рекомендаций от искусственного интеллекта
и экспертов по продвижению

Сервис покупки медиа-траффика