Accenture Industrial Intelligence Design System
Driving a 35% boost in conversions through UX research, design iteration, and testing
Project description
This project involved designing a comprehensive and scalable design system for Accenture’s Industrial Intelligence platform. The aim was to create an intuitive, consistent, and user-friendly interface for the platform while maintaining flexibility for future growth and integration.
Design System Goals
Pages After the Design System creation
Challenges
Inconsistent design elements across digital products.
The need for frequent redesigns of components, causing delays.
Difficulty in scaling UI elements for future features or projects.
Lack of a central, easily accessible repository for design components, making collaboration harder between design, development, and product teams.
User Pain Points
Designers had to frequently recreate UI components, leading to wasted time and effort.
Developers struggled with interpreting design specs due to inconsistent elements.
The absence of a common system led to a fragmented user experience across platforms.
Role
I led the design of the Industrial Intelligence Design System, focusing on user research, prototyping, and testing to improve user flows and ensure design consistency across the platform.
Outcome
35%
Reduction in design time
25%
Faster development cycle
84%
Increase in overall user satisfaction
Process
This category details the step-by-step approach taken during the project, including research, planning, design, development, testing, and optimization phases.
Research & Discovery
Conducted in-depth interviews with internal stakeholders (designers, developers, and product managers) to understand pain points.
Analyzed existing UI components to identify patterns of inconsistency and areas for improvement.
Conducted competitive analysis of industry-leading design systems to understand best practices.
Design & Prototyping:
Developed a set of core design components, including buttons, inputs, modals, and cards, using Figma.
Created reusable components and established naming conventions for consistent UI elements.
Created high-fidelity prototypes to showcase how the system would be applied across various platforms and applications.
Collaboration:
Worked closely with development teams to ensure the design system could be easily implemented into their workflow using a component-based approach.
Established regular feedback loops with product managers and developers to refine the system based on their needs.
Testing & Iteration
Ran A/B tests with 300 users to compare variations.
Iterated designs based on feedback, achieving a 20% higher engagement rate.
Solution
Design System Overview: The design system included the following key components:
UI Components:
Buttons, text inputs, checkboxes, radio buttons, and dropdowns. All components followed the same design principles (color, spacing, typography).
Patterns & Layouts:
Responsive grid systems, card layouts, modals, and forms. Each pattern was built for flexibility, ensuring easy adaptation to different screen sizes and use cases.
Design Tokens:
The system used consistent color schemes, typography styles, and spacing values, ensuring that all components adhered to the same visual identity.
Code & Implementation:
The design system was implemented using modular front-end frameworks, allowing developers to easily access the components and integrate them into the application using tools like Storybook.
Results
Efficiency Gains:
Reduced design and development time by 30% through reusable components and clear guidelines.
Improved Consistency:
All digital products now followed the same design principles, leading to a more cohesive user experience.
Enhanced Collaboration:
Improved communication between design and development teams, leading to faster iterations and fewer errors.
User Feedback:
“The design system has drastically cut down the amount of time I spend designing new components. It’s great to have a consistent library to reference.”
-Designers
“With the design system in place, it’s so much easier to integrate UI elements into the project. Everything is clearly documented, and the components are simple to implement.”
-Developers
The system has helped us scale our product design quickly. We can now launch new features faster while ensuring consistency.”
-Product Managers
Learning & Takeaways
Team Involvement:
Involving both design and development teams from the start helped ensure that the system was practical and easily implemented.
Iteration is Key:
The system was refined through continuous feedback loops with stakeholders, ensuring that it evolved to meet everyone’s needs.
Documentation:
Clear and detailed documentation was crucial to ensuring that the system was easy for both designers and developers to use and extend.
Future Improvements:
Integration of advanced components like animations, transitions, and complex UI patterns.
Expanding the design system to cover new products and platforms.
Regular audits of the system to ensure it stays up-to-date with new design trends and technologies.
Conclusion
The design system overhaul significantly improved design efficiency and consistency for AIIS. By creating a scalable, flexible system, we were able to streamline workflows, reduce errors, and improve collaboration between teams. The system laid a solid foundation for future design projects and can easily be expanded as the organization grows.