Amway
Amway
Amway
Streamlining innovation and empowering users with a refined, efficient design system
Streamlining innovation and empowering users with a refined, efficient design system for crossfunctional team on a global scale.
Streamlining innovation and empowering users with a refined, efficient design system
Timeline
Timeline
Timeline
Jul ‘24 - Aug ‘24
Jul ‘24 - Aug ‘24
Jul ‘24 - Aug ‘24
Team
Team
Team
Vivian L
Vivian L
Vivian L
Kelvin H
Kelvin H
Kelvin H
Contributions
Contributions
Contributions
Visual Design
Visual Design
Visual Design
Design System
Design System
Design System
Documentation
Documentation
Documentation
Tools
Tools
Tools
Figma
Figma
Figma
Illustrator
Illustrator
Illustrator
Storyblock
Storyblock
Storyblock
Collaborating with Amway’s global design team during the Summer of 2024, I analyzed and enhanced the design system while developing new components to improve platform functionality.
Collaborating with Amway’s global design team during the Summer of 2024, I analyzed and enhanced the design system while developing new components to improve platform functionality.
Collaborating with Amway’s global design team during the Summer of 2024, I analyzed and enhanced the design system while developing new components to improve platform functionality.
Focused on streamlining the design process by evaluating reusable components, enabling rapid prototyping, and optimizing efficiencies for web and mobile application development.
Focused on streamlining the design process by evaluating reusable components, enabling rapid prototyping, and optimizing efficiencies for web and mobile application development.
Focused on streamlining the design process by evaluating reusable components, enabling rapid prototyping, and optimizing efficiencies for web and mobile application development.
Introduction
At the inception of the Amway Design System, Sketch served as the foundational platform for managing components and assets. However, as the company expanded and the design team's needs grew in complexity, Sketch began to show its limitations, hindering productivity.
At the inception of the Amway Design System, Sketch served as the foundational platform for managing components and assets. However, as the company expanded and the design team's needs grew in complexity, Sketch began to show its limitations, hindering productivity.
At the inception of the Amway Design System, Sketch served as the foundational platform for managing components and assets. However, as the company expanded and the design team's needs grew in complexity, Sketch began to show its limitations, hindering productivity.
The increasing demand for new applications highlighted these constraints, signaling the need for a more robust and scalable solution to support the evolving workflow of the design team.
The increasing demand for new applications highlighted these constraints, signaling the need for a more robust and scalable solution to support the evolving workflow of the design team.
The increasing demand for new applications highlighted these constraints, signaling the need for a more robust and scalable solution to support the evolving workflow of the design team.
Challenge
How do we streamline components for designers in a robust system?
How do we streamline components for designers in a robust system?
How do we streamline components for designers in a robust system?
With the adoption of Figma, Amway's design team experienced a significant leap in productivity and creative freedom.
With the adoption of Figma, Amway's design team experienced a significant leap in productivity and creative freedom.
With the adoption of Figma, Amway's design team experienced a significant leap in productivity and creative freedom.
However, as the design system evolved and expanded, new challenges emerged. With Figma being a new platform, the understanding of structuring and optimization was still a learning process.
However, as the design system evolved and expanded, new challenges emerged. With Figma being a new platform, the understanding of structuring and optimization was still a learning process.
However, as the design system evolved and expanded, new challenges emerged. With Figma being a new platform, the understanding of structuring and optimization was still a learning process.
01
Inconsistencies
Migration led to overlooked functionality in some components, with excess unused properties potentially hindering designers' efficiency.
02
Optimization
Decentralize the design system by separating assets into multiple files, each categorized by its specific function or component type.
03
High Memory Usage
The growing usage and simultaneous access by designers gradually slowed production, mirroring issues from the previous system.
01
Inconsistencies
Migration led to overlooked functionality in some components, with excess unused properties potentially hindering designers' efficiency.
02
Optimization
Decentralize the design system by separating assets into multiple files, each categorized by its specific function or component type.
03
High Memory Usage
The growing usage and simultaneous access by designers gradually slowed production, mirroring issues from the previous system.
01
Inconsistencies
Migration led to overlooked functionality in some components, with excess unused properties potentially hindering designers' efficiency.
02
Optimization
Decentralize the design system by separating assets into multiple files, each categorized by its specific function or component type.
03
High Memory Usage
The growing usage and simultaneous access by designers gradually slowed production, mirroring issues from the previous system.
01
Inconsistencies
Migration led to overlooked functionality in some components, with excess unused properties potentially hindering designers' efficiency.
02
Optimization
Decentralize the design system by separating assets into multiple files, each categorized by its specific function or component type.
03
High Memory Usage
The growing usage and simultaneous access by designers gradually slowed production, mirroring issues from the previous system.
01
Inconsistencies
Migration led to overlooked functionality in some components, with excess unused properties potentially hindering designers' efficiency.
02
Optimization
Decentralize the design system by separating assets into multiple files, each categorized by its specific function or component type.
03
High Memory Usage
The growing usage and simultaneous access by designers gradually slowed production, mirroring issues from the previous system.
01
Inconsistencies
Migration led to overlooked functionality in some components, with excess unused properties potentially hindering designers' efficiency.
02
Optimization
Decentralize the design system by separating assets into multiple files, each categorized by its specific function or component type.
03
High Memory Usage
The growing usage and simultaneous access by designers gradually slowed production, mirroring issues from the previous system.
01
Inconsistencies
Migration led to overlooked functionality in some components, with excess unused properties potentially hindering designers' efficiency.
02
Optimization
Decentralize the design system by separating assets into multiple files, each categorized by its specific function or component type.
03
High Memory Usage
The growing usage and simultaneous access by designers gradually slowed production, mirroring issues from the previous system.
01
Inconsistencies
Migration led to overlooked functionality in some components, with excess unused properties potentially hindering designers' efficiency.
02
Optimization
Decentralize the design system by separating assets into multiple files, each categorized by its specific function or component type.
03
High Memory Usage
The growing usage and simultaneous access by designers gradually slowed production, mirroring issues from the previous system.
01
Inconsistencies
Migration led to overlooked functionality in some components, with excess unused properties potentially hindering designers' efficiency.
02
Optimization
Decentralize the design system by separating assets into multiple files, each categorized by its specific function or component type.
03
High Memory Usage
The growing usage and simultaneous access by designers gradually slowed production, mirroring issues from the previous system.
The APproach
♦ Assess components to ensure consistent alignment of color and text styles, replace outdated design system elements, refine layer naming conventions, verify responsiveness, evaluate states, variants, and boolean behaviors, incorporate relevant text properties, and reveal any hidden nested instances for optimization.
♦ Assess components to ensure consistent alignment of color and text styles, replace outdated design system elements, refine layer naming conventions, verify responsiveness, evaluate states, variants, and boolean behaviors, incorporate relevant text properties, and reveal any hidden nested instances for optimization.
♦ Assess components to ensure consistent alignment of color and text styles, replace outdated design system elements, refine layer naming conventions, verify responsiveness, evaluate states, variants, and boolean behaviors, incorporate relevant text properties, and reveal any hidden nested instances for optimization.
♦ Optimize component functionality to utilize nested instances and remove redundancies across component sets.
♦ Optimize component functionality to utilize nested instances and remove redundancies across component sets.
♦ Optimize component functionality to utilize nested instances and remove redundancies across component sets.
♦ Update changes made to components and publish to the Global Core Component Library.
♦ Update changes made to components and publish to the Global Core Component Library.
♦ Update changes made to components and publish to the Global Core Component Library.
To maintain a consistent design system on a global scale, we organized a spreadsheet detailing our updates, questions, and potential concerns that could arise as future challenges.
To maintain a consistent design system on a global scale, we organized a spreadsheet detailing our updates, questions, and potential concerns that could arise as future challenges.
To maintain a consistent design system on a global scale, we organized a spreadsheet detailing our updates, questions, and potential concerns that could arise as future challenges.
84+
84+
Globally reusable components
Globally reusable components
10+
10+
Digital products linked to the new system
Digital products linked to the new system
6
6
Significant Component Changes
Significant Component Changes
Takeaways
Through this experience, I gained invaluable insights into the comprehensive process of developing a design system, highlighting the critical balance between aesthetics and functionality. This opportunity allowed me to deepen my understanding of how cohesive design systems drive user-centric solutions that are both visually appealing and practical.
Through this experience, I gained invaluable insights into the comprehensive process of developing a design system, highlighting the critical balance between aesthetics and functionality. This opportunity allowed me to deepen my understanding of how cohesive design systems drive user-centric solutions that are both visually appealing and practical.
Through this experience, I gained invaluable insights into the comprehensive process of developing a design system, highlighting the critical balance between aesthetics and functionality. This opportunity allowed me to deepen my understanding of how cohesive design systems drive user-centric solutions that are both visually appealing and practical.
Despite the temporary nature of this internship, the experience was profoundly transformative, enabling significant personal and professional growth. It reinforced my ability to adapt quickly, embrace new challenges, and expand my skill set in UX design.
Despite the temporary nature of this internship, the experience was profoundly transformative, enabling significant personal and professional growth. It reinforced my ability to adapt quickly, embrace new challenges, and expand my skill set in UX design.
Despite the temporary nature of this internship, the experience was profoundly transformative, enabling significant personal and professional growth. It reinforced my ability to adapt quickly, embrace new challenges, and expand my skill set in UX design.
Overall, this impactful experience validated my aptitude for learning, strengthened my confidence in my abilities, and served as a pivotal step in advancing my career in the field of user experience design.
Overall, this impactful experience validated my aptitude for learning, strengthened my confidence in my abilities, and served as a pivotal step in advancing my career in the field of user experience design.
Overall, this impactful experience validated my aptitude for learning, strengthened my confidence in my abilities, and served as a pivotal step in advancing my career in the field of user experience design.