Design Systems

As part of my core strengths in building design system components, I created a comprehensive library of custom illustrations. These assets were integrated into the design systems of multiple companies to standardize feedback screens, empty states, success messages, error states, and loading processes, ensuring visual consistency across diverse platforms.

Cliente: Instaleap and  PrOffice

Service:
Product Design - User Interface

Year:
2020

Instaleap and PrOffice

Facing a lack of visual assets for user feedback, I designed a suite of illustrations to build the foundation of a new design system.

I focused on translating complex operational actions such as product dispatch, system errors, and success states into intuitive visual metaphors. This project filled a critical void, ensuring that the interface could communicate clearly and effectively with the user.

Design workflow

01.

Visual research and benchmarking

After defining the scope of the illustrations, I performed a deep dive into competitor solutions. By analyzing how industry leaders handle visual feedback and empty states, I was able to identify best practices and design patterns that would resonate most effectively with our target audience.

Dashboard mockup
Dashboard mockup
02.

Conceptual definition and sketching

I began the creative process by sketching initial concepts for each defined state. These wireframe-level illustrations were reviewed and validated with the team through structured feedback sessions. This collaborative approach ensured that the conceptual metaphors were clear and aligned with our goals before moving into high-fidelity production.

03.

High-fidelity execution and handoff

After iterating based on stakeholder feedback, I executed the final high-fidelity designs. These assets were then strategically placed within the user interface, ensuring that every feedback loop and empty state was polished and ready for the engineering team to build.

Dashboard mockup
Dashboard mockup
04.

Development and design QA

Throughout the development phase, I provided constant support and oversight. This allowed for continuous verification of the implementation, ensuring the final product was perfectly aligned with the original design specifications and maintained high-quality standards.

Results and impact

Integrating these illustrations into the design system allowed us to significantly enrich the user experience. These visual assets were strategically deployed to communicate system feedback clearly, providing intuitive responses to user actions and ensuring every interaction felt responsive and well-guided.

< Previous project