Introducing Centra
Collaboration from Design to Production
1

What will be looking at today?
● The Growth of the UI
● The Chasm of Design and Development
● Introducing Centra
● Live Demo
2

3
The User
Interface is
becoming the
defining factor
for digital brands

Design-led companies
outperformed the S&P 500 by
219% over the past 10 years
- Design in Tech ‘20
“

But validation happens during a tiny
part of the design lifecycle
5
Research Design Implement Testing Production
CEO
PM
PMM
UX Research
SWE QA DevOps
VP of Design
Designer

And implementing those designs is
incredibly challenging

7
Getting
from here…
To
here…

Usually looks more like this…
8
Design is
Ready
Implemented into
Production
VP of Prod likes
it this way!
The developer thought this
would look cool!

Main Challenges
1. Lack of communication between growing group of
stakeholders
2. Breadth of technology during implementations
3. No continued source of truth across tooling

10
Implementation
Collaboration for
Product Delivery
Applitools Centra connects teams across the product
delivery lifecycle to allow them to track, validate, and
collaborate on UIs from design to implementation.
Centra

11
Benefits of Centra
Less UI Drift
By comparing design and implementation throughout
the development lifecycle, teams can cut down on the
amount of drift between design and production that
occurs in their User Interface.
Increased Collaboration
Teams from different functions across the
design-to-experience process can all communicate over
the interfaces that they are shipping. Product Managers,
Designers, and Developers can all have equal visibility
into what actually makes it to production.
Design as Docs
Disseminate designs as a single source of truth across
teams. QA teams will know exactly what interfaces are
supposed to look like during validation, ensuring that
the source of truth doesn’t drift over time.
Catch Bugs Earlier
Shift left into design and catch bugs earlier in the SDLC -
right at the moment of implementation, when the cost to
fix is at its lowest.

12
What you can do with Centra
Less UI Drift
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Increased Collaboration
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Design as Docs
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Catch Bugs Earlier
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
● Upload designs simply from your Figma account.
Simply compare design with implementation.

13
What you can do with Centra
Less UI Drift
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Increased Collaboration
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Design as Docs
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Catch Bugs Earlier
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
● Communicate and comment easily.

14
What you can do with Centra
Less UI Drift
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Increased Collaboration
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Design as Docs
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Catch Bugs Earlier
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
● Review design and implementation different versions

15
What you can do with Centra
Less UI Drift
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Increased Collaboration
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Design as Docs
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Catch Bugs Earlier
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
● Open bugs and issues

16
What you can do with Centra
Less UI Drift
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Increased Collaboration
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Design as Docs
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
Catch Bugs Earlier
Shift left into design and catch bugs
earlier in the SDLC - right at the
moment of implementation, when the
cost to fix is at its lowest.
● Approve and Reject

Demo
17

18
Applitools Portfolio
Design Implement Test Ship
Applitools Centra
Applitools Eyes

http://applitools.info/dvv
19
Join the waitlist

FAQ
20