Problem
No clear designation for designs
Inconsistencies were widespread across the designs, leading to time wasted in design discussions due to the absence of clear product guidelines. These discrepancies also negatively impacted user experience, causing confusion and hindering system comprehension and learning.
Goal
I used Figma as the main platform to communicates brand values and promote collaboration across internal teams
Inconsistencies were widespread, leading to time wasted in design discussions due to the absence of clear product guidelines. These discrepancies also negatively impacted user experience, causing confusion and hindering system comprehension and learning.
My Responsibilities
I focused on icons, colors, and typography for Huggies, Scott Toilet Paper, and More…
Created, organized, and published documentation on Figma.
Collaborated closely with stakeholders, content writers, UX researchers, and the development team to establish Figma as the sole point of reference.
Ensured accessibility and readability of the products and shopping services by creating guidelines and checking color contrast and typography.
Partnered with the marketing team to develop standardization for designing over 25+ custom icons that align with the product description.
Designed and Iterated over 3+ unique shopping experiences and features.
Conveyed a seamless handoff process to the development team.
Inspected and double-checked website code closely aligns with final designs.
01 - Process
Component Organization and Structure on Figma
Figma's automatic component categorization enhances the user experience by streamlining internal workflows, enhanced collaboration with teams, and allowing designers to easily search for labeled elements, applying UX principles.
02 - Process
Page Organization
I organized and labeled every page according to the step by step process.
Takeaways
Next Steps
Implement design tokens
In the future, we would like to add design tokens for design system to reduce QA with developers.