Components' implementation matrix
Components' implementation matrix was built, based on steps, that each component must pass through
Process steps are submitted under the Matrix.
Component | Kick-off | Acceptance criteria approval | Development | Testing | UAT | BUAT | Sign off | Release | Overview document |
---|---|---|---|---|---|---|---|---|---|
Foundations | |||||||||
All fixed, requires discussion | |||||||||
Fluid Grid | |||||||||
Spacer | |||||||||
Components | |||||||||
Asset item | |||||||||
Page Card | |||||||||
Picto Item | |||||||||
Product Card | |||||||||
Skip Links | |||||||||
Blocks | |||||||||
Image Block | |||||||||
Image + Text | |||||||||
Page Block | |||||||||
Teaser | |||||||||
Snippets | |||||||||
Asset Item Listing | N/A | N/A | N/A | N/A | |||||
Page Card Listing | N/A | N/A | N/A | ||||||
Picto Item Listing | N/A | N/A | N/A | N/A | |||||
Product Card Listing | N/A | N/A | N/A | N/A | |||||
Product Overview | N/A | N/A |
Implementation process steps
1. Component initial overview development (Reckitt);
2. Component kick-off (Reckitt);
3. Requirements development basing on inputs received (DataArt);
3.1 Acceptance criteria development (DataArt);
4. Initial outputs approval;
4.1 Component interface approval by Tech team (Reckitt);
4.2 Component interface approval by Business team (Reckitt);
4.3 Acceptance criteria review & approval (Reckitt);
5. Development: Interfaces', Implementations' development, Code review, Unit testing (DataArt);
5.1 Documentation in Storybook (DataArt);
6. Testing: UI compatibility and cross-browser, Smoke, Accessibility, Visual Regression, Functional, Performance testing & bug fixes (DataArt);
7. Demo (DataArt);
8. UAT & bug fixes (Reckitt);
9. Components sign-off (Reckitt);
10. Release to AWS Code Artifact (DataArt );