Product Documentation Illustrations Refresh

Overview

As part of Infoblox’s NIOS 9.0 agile release, I led a comprehensive refresh of legacy product documentation illustrations—many of which had not been updated in over 15 years. The goal was to modernize visual assets to reflect current brand standards, improve clarity and usability for customers, and ensure technical accuracy. This effort spanned multiple teams and disciplines, including marketing, engineering, and technical documentation.

Infoblox
Engineering Team

Project Duration
Feb ‘25 - May ‘25

Team
Sr. Content Designer
Sr. Engineering Manager
Sr. Visual Brand Manager
Technical Project Managers

Summary

I refreshed over 40 technical illustrations for our core networking platform, NIOS 9.0. Each visual was redesigned with updated iconography, color schemes, and layout enhancements that aligned with Infoblox’s modern brand identity. Additionally, I created an illustration style guide that includes palettes, iconography, layout grids, and more that align with Infoblox’s brand standards to ensure consistency across all product documentation moving forward.

I worked closely with marketing to ensure brand consistency, engineering to verify technical accuracy, and the documentation team to integrate updated visuals seamlessly.

My UX expertise ensured that each illustration supported comprehension and usability, particularly for complex network configurations and workflows.

Challenges & Solutions

Cross-Functional Alignment

Challenge: Updating technical illustrations meant working with multiple teams—engineering, marketing, and technical documentation—each with different priorities and workflows. Managing feedback and ensuring alignment across these groups introduced complexity and slowed momentum.
Solution: I initiated a centralized feedback process using shared design files, versioning protocols, and scheduled review checkpoints. This approach ensured timely, actionable feedback and kept all teams aligned without overloading any one group. It also built trust and created a repeatable process for future content updates.

Balancing Technical Accuracy with User Clarity

Challenge: Many of the illustrations depicted complex networking configurations. Including every technical detail risked overwhelming users, while oversimplifying could lead to misunderstandings or misuse of the product.
Solution: I worked closely with engineers to deeply understand each feature, then used UX principles like visual hierarchy and progressive disclosure to simplify without losing accuracy. I prioritized clarity and ease of scanning, so users could quickly interpret each visual and understand how it connected to their workflow.

Outdated Visual Standards and Lack of Style Guide

Challenge: The original documentation illustrations were over 15 years old. They varied widely in design, lacked consistency, and didn’t align with Infoblox’s current brand identity. Additionally, there was no existing illustration style guide, which made it difficult to ensure uniformity across product visuals and complicated efforts to scale improvements across other teams.
Solution: I created a new illustration style guide from the ground up. It included updated color palettes, iconography, line weights, layout grids, and usage guidelines—all aligned with Infoblox’s brand standards. This not only guided my refresh of the NIOS 9.0 illustrations but also provided a reusable framework for other teams to ensure consistency across all product documentation moving forward.

Results & Key Takeaways

This project highlighted how thoughtful visual design enhances usability in technical documentation. By modernizing outdated illustrations and applying UX principles like clarity, consistency, and hierarchy, I made complex concepts easier for users to understand and act on.

It also strengthened my ability to collaborate across functions while advocating for user needs. Creating a scalable visual system improved the overall user experience and set a foundation for more consistent, accessible documentation moving forward.

Ultimately, this work reinforced the impact of user-centered design in driving clarity, confidence, and efficiency for technical audiences.