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 | |||||||||
| |||||||||
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 );