Purpose: PRD for the Design Systems Intern, focusing on key deliverables and processes for contributing to the evolution of OmniSynkAI's design system, Accel.
Title: Design Systems Internship
Manager: Jordyn Harrison
Project Objectives
Design System Enhancement: Refine and evolve the existing design system to ensure scalability, clarity, and consistency.
Documentation & Education: Create comprehensive design system resources, establishing guidelines for developers and designers.
Design System Advocate: Champion the use of the design system across teams, promoting its value and benefits.
Key Deliverables
Design System Audit & Refinement:
Conduct a thorough review of existing components, styles, and patterns.
Identify areas for improvement (accessibility, naming, visual hierarchy, etc).
Propose and implement updates within Figma, getting feedback from the design team.
Design System Documentation:
You will do your design system documentation in ZeroHeight.
Create a dedicated space (Confluence, Notion, etc.) for design system resources.
Document component usage, best practices, and code integration guidelines.
Include clear visual examples and explanations.
Education & Onboarding:
Develop a presentation/workshop on the design system for other designers and interns.
Prepare resources to help new team members quickly adopt the system.
Processes
Change Proposals:
Establish a process for suggesting design system updates (form, Slack channel, etc.).
Review proposals with the Design Lead for approval before implementation.
Accessibility Focus:
Run regular accessibility checks on components to ensure inclusivity.
Integrate accessibility testing tools into the design workflow.
Staying Informed:
Research industry trends in design systems and component libraries.
Explore ways to continuously improve OmniSynkAI's system.
Success Metrics
Design Consistency: Noticeable improvement in UI consistency across product.
Adoption Rate: Increase in design system usage by interns and designers.
Documentation Quality: Clear, easy-to-use documentation, minimizing questions for the Design Lead.
Resources
Here's a toolkit, including resources and probing questions to guide your work:
Resources
Design System Examples:
Material Design by Google: https://material.io/
Polaris by Shopify: https://polaris.shopify.com/
Atlassian Design System: https://atlassian.design/
Documentation Platforms:
Zeroheight: https://www.zeroheight.com/ [YOU WILL BE DOING YOUR DOCUMENTATION HERE]
Storybook: https://storybook.js.org/
Accessibility Tools:
WAVE Evaluation Tool: https://wave.webaim.org/
Stark (Figma Plugin): https://www.getstark.co/
Key Questions
Audit & Refinement
Are components and styles clearly named and organized?
Does the system address common UI patterns within OmniSynkAI's product?
Are there areas where the system can be streamlined or made more flexible?
How can the system better consider accessibility requirements from the start?
Documentation
What's the best way to structure information for designers AND developers?
How can I make the documentation engaging and easy to navigate?
Are my component examples clear and comprehensive?
Adoption
What are the pain points designers currently face that the design system could solve?
How can I present the design system's value in a compelling way?
Additional Tips
Collaborate: Discuss the current Design System with your mentor early on. [DONE]
Seek Inspiration: Explore design systems outside e-commerce for fresh ideas.