Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

BrightonSEO - Perfect Outcomes: Create amazing websites 10x Faster with Rapid Prototyping

574 Aufrufe

Veröffentlicht am

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.

Veröffentlicht in: Design
  • Als Erste(r) kommentieren

BrightonSEO - Perfect Outcomes: Create amazing websites 10x Faster with Rapid Prototyping

  1. 1. @JustinGraphitas PERFECT OUTCOMES CREATE AMAZING WEBSITES 10X FASTER WITH RAPID PROTOTYPING JUSTIN TAYLOR // Graphitas // SLIDESHARE.NET/JustinGraphitas@JustinGraphitas
  2. 2. @JustinGraphitas
  3. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 18. @JustinGraphitas
  19. 19. @JustinGraphitas Wireframe Prototype Far too much time is lost here Design User Test DevIdea User Test
  20. 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. 21. @JustinGraphitas SO HOW ABOUT…
  22. 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. 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. 24. @JustinGraphitas D I D H E J U S T S A Y ?
  25. 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. 26. @JustinGraphitas BUT THINK ABOUT IT…
  27. 27. @JustinGraphitas D E S I G N E R S G E T T H I S S T U F F
  28. 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. 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. 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. 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. 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. 33. @JustinGraphitas ALSO
  34. 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. 35. @JustinGraphitas
  36. 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. 37. @JustinGraphitas
  38. 38. @JustinGraphitas W H Y A D O B E X D
  39. 39. @JustinGraphitas W H Y A D O B E X D We were already using Adobe Creative Cloud
  40. 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. 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. 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. 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. 44. @JustinGraphitas
  45. 45. @JustinGraphitas WHAT DID WE DO?
  46. 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. 47. @JustinGraphitas T O T H I S … Idea
  48. 48. @JustinGraphitas T O T H I S … Design & Prototype Idea
  49. 49. @JustinGraphitas T O T H I S … User TestIdea Design & Prototype
  50. 50. @JustinGraphitas T O T H I S … User Test DevIdea Design & Prototype
  51. 51. @JustinGraphitas T O T H I S … User Test DevIdea Design & Prototype
  52. 52. @JustinGraphitas HOW DOES IT WORK?
  53. 53. @JustinGraphitas
  54. 54. @JustinGraphitas
  55. 55. @JustinGraphitas
  56. 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. 57. @JustinGraphitas
  58. 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. 59. @JustinGraphitas
  60. 60. @JustinGraphitas Product name
  61. 61. @JustinGraphitas Product name Price
  62. 62. @JustinGraphitas Product name Price Description
  63. 63. @JustinGraphitas Product name Price Description Image
  64. 64. @JustinGraphitas Copy this link
  65. 65. @JustinGraphitas
  66. 66. @JustinGraphitas
  67. 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. 68. @JustinGraphitas
  69. 69. @JustinGraphitas
  70. 70. @JustinGraphitas
  71. 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. 72. @JustinGraphitas
  73. 73. @JustinGraphitas UNEXPECTED BENEFITS
  74. 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. 75. @JustinGraphitas C O L O U R - B L I N D S I M U L A T I O N
  76. 76. @JustinGraphitas
  77. 77. @JustinGraphitas M U L T I - L I N G U A L T E S T I N G
  78. 78. @JustinGraphitas
  79. 79. @JustinGraphitas
  80. 80. @JustinGraphitas
  81. 81. @JustinGraphitas R E A L W O R L D U S E R T E S T I N G
  82. 82. @JustinGraphitas
  83. 83. @JustinGraphitas
  84. 84. @JustinGraphitas IS IT TIME TO CHANGE THE WAY YOU WORK?
  85. 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. 86. @JustinGraphitas T H A N K Y O U

×