Problem Identification:
The absence of standardized design frameworks led to inefficiencies, inconsistent branding, and longer time-to-market for digital products.
Product Vision:
Develop scalable and cohesive web and digital signage design systems to enhance efficiency, consistency, and user satisfaction.
Research & Insights:
Conducted usability testing to identify gaps in existing UI consistency.
Partnered with developers to understand technical constraints and opportunities.
Design & Implementation
Example Web Design System:
Designed a reusable component library in Figma, integrated with Storybook for front-end development.
Established guidelines for accessibility, responsive design, and visual hierarchy.
Example Digital Signage Design System:
Created a robust design framework tailored to train and bus departure boards.
Tested readability and usability in diverse lighting and distance conditions.
Delivery:
Rolled out systems incrementally, starting with high-impact components.
Conducted cross-functional workshops for onboard teams and ensured adoption.
Outcomes:
Reduced design iteration time by 30% across platforms.
Improved accessibility compliance scores for web products by 25%.
Enhanced update speed of digital signage by 50%, resulting in a 95% satisfaction rate among transit users.
Reflection & Key Takeaways
Problem-Centric Development:
Each initiative began with a clear problem definition to align with user and business needs.
Customer-Centered Design:
Integrated user research and feedback throughout the product development lifecycle to ensure relevance and usability.
Cross-Functional Collaboration:
Partnered with engineering, product management, and marketing to deliver high-quality solutions efficiently.
Scalable Impact:
Established frameworks and systems that scale across platforms, reducing redundancy and driving consistent experiences.