/
Components' implementation matrix

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

Component

Kick-off

Acceptance criteria approval

Development

Testing

UAT

BUAT

Sign off

Release

Overview document

Foundations

Container

All fixed, requires discussion

Fluid Grid

Grid

Section

Spacer

Components

Button

Accordion

Asset item

Breadcrumbs

Carousel

Disclosure

Icon

Image

Link

Page Card

Picto Item

Product Card

Typography 

Video

Skip Links

Blocks

CTA Block

Footer

Header

Heading Block

Image Block

Image + Text

Page Block

Page Header

Product Page Header

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