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
Streamlining innovation and empowering users with a refined, efficient design system
Timeline
Timeline
Jul ‘24 - Aug ‘24
Jul ‘24 - Aug ‘24
Team
Team
Vivian L
Vivian L
Kelvin H
Kelvin H
Contributions
Contributions
Visual Design
Visual Design
Design System
Design System
Documentation
Documentation
Tools
Tools
Figma
Figma
Illustrator
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.
Focused on streamlining the design process, enabling rapid prototyping, and optimizing efficiencies for web and mobile application development.
Focused on streamlining the design process, 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.
Solution
Reimagining Digital Landscapes: An Outside Perspective
Reimagining Digital Landscapes: An Outside Perspective
Reimagining Digital Landscapes: An Outside Perspective
After given the objective to learn Amway's design system and guidelines, I dove straight in by meticulously analyzing components at an atomic level, reverse-engineering them to grasp the correct workflow while adhering to established documentation standards.
After given the objective to learn Amway's design system and guidelines, I dove straight in by meticulously analyzing components at an atomic level, reverse-engineering them to grasp the correct workflow while adhering to established documentation standards.
After given the objective to learn Amway's design system and guidelines, I dove straight in by meticulously analyzing components at an atomic level, reverse-engineering them to grasp the correct workflow while adhering to established documentation standards.
Through this comprehensive review, I gained deep expertise in design systems. This process not only improved the our knowledge but also contributed to in our growth with real world experience.
Through this comprehensive review, I gained deep expertise in design systems. This process not only improved the our knowledge but also contributed to in our growth with real world experience.
Through this comprehensive review, I gained deep expertise in design systems. This process not only improved the our knowledge but also contributed to in our growth with real world experience.