Why is it the process of creating or revamping websites takes so long? With modern tools like Adobe XD and Sketch this process can be done 10x faster. Discover how you can super speed this process while creating visually accurate fully functioning website prototypes.

1. @JustinGraphitas
PERFECT OUTCOMES
CREATE AMAZING WEBSITES
10X FASTER WITH RAPID PROTOTYPING
JUSTIN TAYLOR // Graphitas //
SLIDESHARE.NET/JustinGraphitas@JustinGraphitas

2. @JustinGraphitas

3. @JustinGraphitas
B E C A U S E T H E C U R R E N T P R O C E S S
L O O K S S O M E T H I N G L I K E T H I S …

4. @JustinGraphitas
Idea
B E C A U S E T H E C U R R E N T P R O C E S S
L O O K S S O M E T H I N G L I K E T H I S …

5. @JustinGraphitas
WireframeIdea
B E C A U S E T H E C U R R E N T P R O C E S S
L O O K S S O M E T H I N G L I K E T H I S …

6. @JustinGraphitas
Wireframe PrototypeIdea
B E C A U S E T H E C U R R E N T P R O C E S S
L O O K S S O M E T H I N G L I K E T H I S …

7. @JustinGraphitas
Wireframe Prototype User TestIdea
B E C A U S E T H E C U R R E N T P R O C E S S
L O O K S S O M E T H I N G L I K E T H I S …

8. @JustinGraphitas
Wireframe Prototype User Test DesignIdea
B E C A U S E T H E C U R R E N T P R O C E S S
L O O K S S O M E T H I N G L I K E T H I S …

9. @JustinGraphitas
Wireframe Prototype User Test Design User TestIdea
B E C A U S E T H E C U R R E N T P R O C E S S
L O O K S S O M E T H I N G L I K E T H I S …

10. @JustinGraphitas
Wireframe Prototype User Test Design User Test DevIdea
B E C A U S E T H E C U R R E N T P R O C E S S
L O O K S S O M E T H I N G L I K E T H I S …

11. @JustinGraphitas
Wireframe Prototype User Test Design User Test DevIdea
I N R E A L I T Y , I T L O O K S M O R E
L I K E T H I S … .

12. @JustinGraphitas
Wireframe Prototype User Test Design User Test DevIdea
I N R E A L I T Y , I T L O O K S M O R E
L I K E T H I S … .

13. @JustinGraphitas
Wireframe Prototype User Test Design User Test DevIdea
I N R E A L I T Y , I T L O O K S M O R E
L I K E T H I S … .

14. @JustinGraphitas
Wireframe Prototype User Test Design User Test DevIdea
I N R E A L I T Y , I T L O O K S M O R E
L I K E T H I S … .

15. @JustinGraphitas
Wireframe Prototype User Test Design User Test DevIdea
I N R E A L I T Y , I T L O O K S M O R E
L I K E T H I S … .

16. @JustinGraphitas
Wireframe Prototype User Test Design User Test DevIdea
I N R E A L I T Y , I T L O O K S M O R E
L I K E T H I S … .

17. @JustinGraphitas
Wireframe Prototype User Test Design User Test DevIdea
I N R E A L I T Y , I T L O O K S M O R E
L I K E T H I S … .

18. @JustinGraphitas

19. @JustinGraphitas
Wireframe Prototype
Far too much time is lost here
Design User Test DevIdea User Test

20. @JustinGraphitas
A M O R E
E F F I C I E N T S O L U T I O N
I S R E Q U I R E D

21. @JustinGraphitas
SO HOW
ABOUT…

22. @JustinGraphitas
P U T T I N G T H E D E S I G N T E A M
A T T H E B E G I N N I N G O F T H E
P R O C E S S

23. @JustinGraphitas
S O T H E Y C A N B R I N G T H E
I D E A T O L I F E A N D
C R E A T E T H E
U S E R E X P E R I E N C E

24. @JustinGraphitas
D I D H E J U S T S A Y ?

25. @JustinGraphitas
D I D H E J U S T S A Y
D E S I G N T E A M S ?

26. @JustinGraphitas
BUT THINK
ABOUT IT…

27. @JustinGraphitas
D E S I G N E R S
G E T T H I S S T U F F

28. @JustinGraphitas
D E S I G N E R S
G E T T H I S S T U F F
THEY are trained in visual communication

29. @JustinGraphitas
D E S I G N E R S
G E T T H I S S T U F F
THEY are trained in visual communication
THEY are trained to intrigue and engage consumers

30. @JustinGraphitas
D E S I G N E R S
G E T T H I S S T U F F
THEY are trained in visual communication
THEY are trained to intrigue and engage consumers
THEY care about making things impactful

31. @JustinGraphitas
D E S I G N E R S
G E T T H I S S T U F F
THEY are trained in visual communication
THEY are trained to intrigue and engage consumers
THEY care about making things impactful
THEY understand the importance of consistency

32. @JustinGraphitas
D E S I G N E R S
G E T T H I S S T U F F
THEY are trained in visual communication
THEY are trained to intrigue and engage consumers
THEY care about making things impactful
THEY understand the importance of consistency
AND THEY want things to look great

33. @JustinGraphitas
ALSO

34. @JustinGraphitas
M O D E R N P R O T O T Y P I N G
T O O L S A R E
B U I L T F O R D E S I G N E R S

35. @JustinGraphitas

36. @JustinGraphitas
W E C H A N G E D T H E W A Y W E W O R K E D

37. @JustinGraphitas

38. @JustinGraphitas
W H Y
A D O B E X D

39. @JustinGraphitas
W H Y
A D O B E X D
We were already using Adobe Creative Cloud

40. @JustinGraphitas
W H Y
A D O B E X D
We were already using Adobe Creative Cloud
It integrates well with other Adobe Products

41. @JustinGraphitas
W H Y
A D O B E X D
We were already using Adobe Creative Cloud
It integrates well with other Adobe Products
It used a familiar toolset

42. @JustinGraphitas
W H Y
A D O B E X D
We were already using Adobe Creative Cloud
It integrates well with other Adobe Products
It used a familiar toolset
It was FREE!!

43. @JustinGraphitas
W I T H I N A C O U P L E O F M O N T H S W E
W E R E L A U N C H I N G W E B S I T E S

44. @JustinGraphitas

45. @JustinGraphitas
WHAT DID
WE DO?

46. @JustinGraphitas
Wireframe Prototype User Test Design User Test DevIdea
O U R W O R K F L O W C H A N G E D
F R O M T H I S …

47. @JustinGraphitas
T O T H I S …
Idea

48. @JustinGraphitas
T O T H I S …
Design &
Prototype
Idea

49. @JustinGraphitas
T O T H I S …
User TestIdea
Design &
Prototype

50. @JustinGraphitas
T O T H I S …
User Test DevIdea
Design &
Prototype

51. @JustinGraphitas
T O T H I S …
User Test DevIdea
Design &
Prototype

52. @JustinGraphitas
HOW DOES
IT WORK?

53. @JustinGraphitas

54. @JustinGraphitas

55. @JustinGraphitas

56. @JustinGraphitas
T H E P O W E R O F
R E P E A T I N G G R I D S

57. @JustinGraphitas

58. @JustinGraphitas
A D D P R O D U C T S
T O T H E P A G E F R O M
G O O G L E S H E E T S

59. @JustinGraphitas

60. @JustinGraphitas
Product name

61. @JustinGraphitas
Product name Price

62. @JustinGraphitas
Product name Price Description

63. @JustinGraphitas
Product name Price Description Image

64. @JustinGraphitas
Copy this link

65. @JustinGraphitas

66. @JustinGraphitas

67. @JustinGraphitas
C R E A T E A
F U L L Y F U N C T I O N I N G
P R O T O T Y P E

68. @JustinGraphitas

69. @JustinGraphitas

70. @JustinGraphitas

71. @JustinGraphitas
S I G N I F I C A N T C H A N G E S . . .
N O P R O B L E M

72. @JustinGraphitas

73. @JustinGraphitas
UNEXPECTED
BENEFITS

74. @JustinGraphitas
S T R E S S T E S T I N G T H E D E S I G N

75. @JustinGraphitas
C O L O U R - B L I N D
S I M U L A T I O N

76. @JustinGraphitas

77. @JustinGraphitas
M U L T I - L I N G U A L T E S T I N G

78. @JustinGraphitas

79. @JustinGraphitas

80. @JustinGraphitas

81. @JustinGraphitas
R E A L W O R L D U S E R T E S T I N G

82. @JustinGraphitas

83. @JustinGraphitas

84. @JustinGraphitas
IS IT TIME TO
CHANGE THE
WAY YOU
WORK?

85. @JustinGraphitas
I F Y O U W A N T A D O B E X D F O R F R E E
W W W . A D O B E . C O M / U K / P R O D U C T S / X D . H T M L

86. @JustinGraphitas
T H A N K Y O U