AI SUMMARY OF PROJECT

David influenced the introduction of Mercado with a refreshed brand, new foundations, and interactive components, achieving a significant milestone by launching the first app in just two days during a hackathon. He enhanced data visualization through the development of clear presentation guidelines and released comprehensive content guidelines complete with examples. In Figma, David with a team of ICs reimagined thousands of components, leading to an impressive 1 billion users.

Through targeted training sessions, David empowered over 400 designers (domestically and internationally) and partners to refine their motion design skills, resulting in design improvements that contributed to a 40% increase in mobile upsell click-through rates. His leadership facilitated team expansion with the addition of five full-time members and collaboration with seven contractors. David partnered with illustrative designers to introduce over 30 new illustrations, including dark mode designs. Furthermore, his partnership with Flagship enabled the introduction of a full dark mode for Mercado and the revamping of the design system with updated guidelines.

PROBLEM

There were three related problems we were trying to solve:

• As a user, I want to know about features that would help me get the most out of LinkedIn.

• As a designer, I would like to know the right foundations and components to help my users accomplished their goals.

• As a UX platform team, we would like to evaluate the quality and effectiveness of the design system for our JTBD (jobs to be done).

SOLUTION

LinkedIn content engines already match content with the right audience so users can engage with content they may find most valuable.

Suppose we introduce features to users at contextually relevant moments by guiding designers in identifying the right context, user, message type, and components while also evaluating how effective these are. In that case, we can provide lasting value to our users, helping them with their individual immediate and long-term goals and objectives on our platform.

Design Systems

Building LinkedIn's First Design System: Scaling for Web, iOS, and Android

Led the development of comprehensive design systems for web, iOS, and Android, delivering fully spec’d components in Figma for engineering. Defined motion parameters, including ease, delay, and timing, and introduced an interactive prototype library to enhance component engagement.

Developed a Figma plugin that integrates realistic product data to improve design accuracy. Focused on building scalable, inclusive design patterns, while establishing documentation, onboarding processes, and Mercado training for cross-functional teams.

Time on project: 5yrs
Focus area: Design at scale, Motion, Prototyping

Components

Components are the building blocks of a design system, offering a library of reusable, functional elements like buttons, cards, modals, and input fields. Each component is designed to be consistent and scalable, ensuring that products maintain visual and interactive harmony across different platforms. These components not only streamline the design process but also allow teams to implement and iterate quickly, maintaining efficiency while adhering to a unified system.

The strength of a component-driven design system lies in its flexibility and adaptability. By leveraging pre-built, well-documented components, teams can focus on creating user-centric solutions rather than starting from scratch. This approach accelerates development cycles while ensuring that all interfaces remain visually cohesive and aligned, no matter the product’s scale or complexity.