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

  • Дизайн
  • Продуктовый дизайн
serpzilla.com
serzilla

О проекте

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

Задача

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

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

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

Результат

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

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

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

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

Typography
Typography-2
Typography-5
Typography-3

Typography-4

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

Color-1
color-2

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

Icon-1
Icon-2
Icon-3
Icon-4
Icon-5

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

Details-1
Details-2
Details-3

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

Components-1
Баланс
Components-2
Меню
Фильтры
Фильтры
Компоненты
Верхнее меню и стили таблиц
Info-1
Инфографика
Info-2

Примеры

Маркерплейс

Маркетплейс-1
Промо-сайт
Маркетплейс-2
Интерфейс

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

Промо-сайт
Промо-сайт
Интерфейс
Интерфейс

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

В разработке

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

В разработке

Результат

serpzilla.com
Перешли 
на новую
 дизайн-систему
4продукта
Развиваем новую 
дизайн-систему с
2021
Учавствовали 
в трех редизайнах
 системы. Первый 
редизайн провели в
2006
  • Дизайн
  • Продуктовый дизайн
6сентября2023

Давайте обсудим ваш проект

Напишите нам и мы ответим в течение дня

Андрей Давыдов

Дизайн-директор

Александр Солтан

Директор по развитию

ЗАПОЛНИТЕ ФОРМУ

Нажимая на кнопку, я соглашаюсь с обработкой моих персональных данных