/ AltoQi - Icon System

The By Design Studio approached me with a challenge: to redesign 2,000 icons for the CAD Software company, AltoQi. While the company had multiple software products, they all shared the same icon set. However, AltoQi sought a redesign for these icons and desired color variations that aligned with the branding of each software. To meet this challenge, I redesigned the icons and developed an Icon System to efficiently generate color variations for each icon, utilizing Figma Styles due to the absence of Figma Variables at the time.

Icon Style Development

Initially, I curated a small sample of icons to define a new design style. This involved modernizing the icons, adjusting their perspective, and standardizing their appearance to meet the client's requirements.

Color Study and Integration

Next, I delved into studying how each software's brand color could be integrated into the icons. I meticulously crafted corresponding colors for various elements of the icons (fill, outline, background, etc.), which were then transformed into color variables within Figma. This allowed for seamless color customization for each icon, tailored to the specific software.

Icon Redesign

With the design style and color integration established, I proceeded to redesign all 2,000 icons for the software suite. Each icon was meticulously redesigned, with the default icons serving as references. The redesigned icons were then exported and seamlessly implemented into the software by the AltoQi team.

Below, I present a generous sample of the icon set.

Creative Director: Cristiano Fernandes

Design / Art Direciton: Gabriel Raatz

Agency: By Design Studio

Client: Alto QI

↑Back to Top