吠える

adtechnacity
design_system

Adtechnacity Design System

Design System for building sites or apps which follow the same experience from beginning to end, making them as one and different at the same time; belonging to the same entity but each one with its own characteristics.

ROLE

I was assigned this mission in 2018 for Adtechnacity Atlanta, GA. My role was to lead design and development. I collaborated with product managers, engineers, and stakeholders on the execution and ship of the product.

THE PROBLEM

Adtechnacity wanted to create a new design language and experience for its main product Maven which previous design was inconsistent and didn’t follow a well designed pattern of UI elements.

DATE

2018 - 2022

TYPE

Design System

ON THE WEB

Adtechnacity Design System

COMPANY

Adtechnacity

PRODUCT
GOAL

Build a system which allows the company to easily maintain main product and gives the ability to create new products ideas based on it.

BUSINESS
GOALS

Have the same language and experience through a variety of products.
Ease the development process of concepts.

USERS

Designer avatar

DESIGNER

NEEDS

Provide a way to ease the development of tasks.
Wants engineers to think less about design related work.
Wants consistency through the UI.

PAINS

Not getting exactly what was designed for the frontend.
Developer Avatar

ENGINEER

NEEDS

Needs a way to ease the development of tasks.
Wants to focus on development, not design related work.
Wants minimal interaction with mark up and styles.

PAINS

Getting pixel perfect designs on the frontend.
Getting stuck on responsiveness issues.

EXAMPLES

ICON BUTTONS

Example of icon buttons with their calling functions

DROPDOWN

Example of dropdowns with their calling functions

TABLE

Example of a table

TOOLTIP

Example of tooltips with their calling functions