Gartner
Gartner delivers actionable, objective insight to executives and their teams. Their expert guidance and tools enable faster, smarter decisions and stronger performance on an organization's mission-critical priorities. A $5 billion S&P 500 company with 19,500 associates, we serve 15,000+ clients globally across various industries and sizes.
Role
Design Lead
Senior Web Designer
Skill + Set
Design System
Revamping Gartner: Crafting a Robust Figma Design System.
A leader in its industry, recently embarked on an ambitious brand overhaul, marking a pivotal shift in its market presence with the debut of a revamped website. This transformation has ushered in a need for an advanced, comprehensive design system within Figma. My role is pivotal in crafting this system, which will not only feature automated, intelligent components but also offer exhaustive documentation to illustrate a spectrum of use cases. This design system is tailored to seamlessly integrate with Gartner's new brand identity, ensuring consistency and efficiency in their digital footprint.
Undefined core elements, inconsistency spanning site wide, and over 40 custom pages.
In this project, I ambitiously crafted over 40 uniquely tailored web pages, each fine-tuned to perfection across five distinct responsive screen sizes. The project unveiled an extraordinary challenge: the absence of foundational design elements. I was tasked with developing an entirely new palette, from color schemes and typography to intricate layout/grid systems and precise spacing tokens. This foundational work was not only pivotal for the new project but also essential for ensuring a flawless integration with the existing web infrastructure.
Furthermore, the project demanded a design system that was both highly flexible and modular. I engineered a framework that could accommodate substantial alterations to individual components without compromising the coherence and consistency of the already established, meticulously documented design elements. This balance of innovation and continuity marked a significant milestone in my design journey.
Streamlined & Flexible: Atomic Design principles adapted for maximum efficiency and usability.
Gartner, a leader in its industry, recently embarked on an ambitious brand overhaul, marking a pivotal shift in its market presence with the debut of a revamped website. This transformation has ushered in a need for an advanced, comprehensive design system within Figma. My role is pivotal in crafting this system, which will not only feature automated, intelligent components but also offer exhaustive documentation to illustrate a spectrum of use cases. This design system is tailored to seamlessly integrate with Gartner's new brand identity, ensuring consistency and efficiency in their digital footprint.
Crucially, I spearheaded the definition and integration of core elements, achieving a cohesive impact across the entire website. A significant milestone was the optimization of the component system, where I streamlined the requirements from five categories down to three, thereby enhancing efficiency and clarity.
In addition to these strategic improvements, I implemented auto-layout components in Figma, enriched with a diverse array of custom toggles and dropdowns. This tailored approach allowed for precise adaptation to various specific use cases, demonstrating a balance between standardization and customization. This design system is not just a toolkit; it's a testament to foresight, adaptability, and meticulous design philosophy.
Revolutionizing Workflow: 30% Efficiency Boost with Innovative Design System
Innovating our design approach, I spearheaded the development of a new design system that catalyzed a remarkable 30% surge in team efficiency and streamlined template generation. My initial focus was on educating our team about the intricacies of this comprehensive system, a process that spanned several weeks. This investment in learning paid off significantly: team members soon began to appreciate the system's ability to simplify and enhance their workflow.
Beyond the launch phase, I continued to refine the design system with targeted UX enhancements, contributing to a more cohesive and user-friendly site experience. Concurrently, I embarked on creating comprehensive documentation, a vital ongoing project that is shaping our internal processes and knowledge sharing.
Next Project
.svg){kind=icon}