Design system of link marketplace Serpzilla

  • ux / ui
  • frontend
  • design
Serzilla

About the project

Serpzilla is a platform that allows advertisers and sites to place advertisements. Every day more than 100 000 users buy and sell advertising banners and links on the advertising marketplace.

Task

Serpzilla decided to combine several products into one. The new strategy required designing new usage scenarios and a complete redesign of the service. In addition, Serpzilla decided to continue launching separate services.

All this required the creation of a design system that would unify all the products and allow:

  1. Make all interfaces simpler and clearer
  2. Launch new features and services faster
  3. Spend less resources on future support

Result

Design system: components in Figma and vue.js, common scenarios and principles

We put together a design system that increases the speed of developing new services and merging old ones.

4 development teams and product managers are over-utilizing the common solutions we came up with. Users understand different services faster, and it takes less time to design and launch new features.

In addition, we developed typography, grid and principles of adaptation for different screens

Typography
Typography-2
Boost in search rankings
Typography-4

Grid

We presented the color system

Color-1
Color-2

Assembled the system of icons and drew the base grid

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

Designed interactive elements

Details-1
Details-2
Details-3

Gathered common components for all cases

Components-1
Balance
Components-2
Menu
Filters
Filters

Components-3
Top menu and table styles
Info-1
Infographics
Info-2

Examples

Marketplace

Marketplace-1
Promo site
Marketplace-2
Interface

Site owner's cabinet

Promo-site
Promo-site
Interface
Interface

Recommendation service from artificial intelligence and promotion experts

Under developing

Media traffic buying service

Under developing

Result

We were involved in three redesigns of the system. The first redesign was done in
2006
Develop new design system from
2021
Switch to a new design system
4products
  • ux / ui
  • frontend
  • design
17November2023

Digital product
 development

for complex, high-loaded multi-input digital services

We research, design, write text, 
help launch features and services, 
analyze metrics and develop

By clicking the button I agree to the processing of my data