The story of http://designsparkmarketplace.com

A presentation at Think 2019 in February 2019 in San Francisco, CA, USA by Holly Cummins

Slide 1

Slide 1

Production-ready maker marketplace in three weeks? IBM Cloud Garage says … bring it ON. Holly Cummins STSM, WW Development Lead IBM Cloud Garage Pete Wood Head Technology Evangelist RS Components Think 2019 / DOC ID / Month 02, 2019 / © 2019 IBM Corporation Ed Bryning Head of 10X Innovation Consultancy RS Components

Slide 2

Slide 2

Experience a new way to work. IBM Cloud Garage on the Cloud and Infrastructure Campus IBM Cloud Garage at Think 2019 Meet Garage experts and personalize your cloud and AI journey in the Cloud and Infrastructure campus at the Think expo. Disrupt, innovate, operate, and motivate like a startup. Get empowered with proven practices, methodologies, agile collaboration, and decision-making confidence to build the solid enterprise-strength solutions you need — fast. People Collaborate across disciplines to move faster and work smarter. Platform Combine the most prominent technologies to power your apps. Places Experience a fundamental culture shift to fuel and accelerate your success. Practice Get hands-on guidance through the entire innovation cycle. Visit us Moscone South, Booth TT H Connect with us garage@us.ibm.com Visit us at IBM Cloud Garage San Francisco at Galvanize Don’t miss the chance to visit our flagship Garage right in the heart of the SoMa startup community at Galvanize, a short walk from Moscone Center. Come to our IBM Cloud Garage expo booth to sign up for an IBM Cloud Garage Practices Tour or an IBM Cloud Garage Framing Workshop. Hands-on-keyboards at Think Academy Grab a spot at our IBM Cloud Garage expert-led labs and bootcamps. Check the Think app for our sessions! Learn alongside IBM Cloud Garage experts Browse our sessions in the Think app to gain maximum impact applying our method and innovation culture to your organization. Look for our sessions in the Cloud Garage sub-topic. IBM Cloud Garage Keynote Don’t miss our IBM Cloud Garage Trends and Directions keynote with Stephanie Trunzo, Global Head of IBM Cloud Garage, IBM Fellow Jason McGee, and several visionary Garage clients. From Idea to MVP: Cloud Garage Live Session ID: 6927A Join IBM Cloud Garage at Pier 39 Stop by the IBM Cloud Garage Beer Garden to grab a pint and meet our team.

Slide 3

Slide 3

this is a story … @holly_cummins IBM Cloud Garage

Slide 4

Slide 4

adventure @holly_cummins IBM Cloud Garage

Slide 5

Slide 5

peril @holly_cummins IBM Cloud Garage

Slide 6

Slide 6

new horizons @holly_cummins IBM Cloud Garage

Slide 7

Slide 7

cloud @holly_cummins IBM Cloud Garage

Slide 8

Slide 8

triumph @holly_cummins Credit: National Parks Service IBM Cloud Garage

Slide 9

Slide 9

Holly Cummins Pete Wood Ed Bryning WW Development Lead Head of Partnerships and Services Head of 10X Innovation Consultancy RS Components IBM Cloud Garage RS Components Ed Bryning RS Components @holly_cummins Think 2019 / DOC ID / Month XX, 2019 / © 2019 IBM Corporation IBM Cloud Garage

Slide 10

Slide 10

Credit: NASA Earth Observatory @holly_cummins IBM Cloud Garage

Slide 11

Slide 11

Ed Bryning and Pete Wood are currently here Credit: NASA Earth Observatory @holly_cummins IBM Cloud Garage

Slide 12

Slide 12

it all started in 1930s London … Johann Herbert Waring and Paul Martyn Sebestyen @holly_cummins IBM Cloud Garage

Slide 13

Slide 13

… with a catalogue business

Slide 14

Slide 14

… with a catalogue business

Slide 15

Slide 15

… for radio parts @holly_cummins IBM Cloud Garage

Slide 16

Slide 16

1995 @holly_cummins first catalogue distributor to introduce a CDROM version IBM Cloud Garage

Slide 17

Slide 17

1998 first catalogue distributor to launch a transactional website @holly_cummins IBM Cloud Garage

Slide 18

Slide 18

2010 Almost the first in to launch an on-line Design Engineering Community @holly_cummins IBM Cloud Garage

Slide 19

Slide 19

1M+ customers

Slide 20

Slide 20

500,000 products

Slide 21

Slide 21

£1.75 billion revenue @holly_cummins IBM Cloud Garage

Slide 22

Slide 22

14 distribution centres @holly_cummins IBM Cloud Garage

Slide 23

Slide 23

50,000+ parcels daily @holly_cummins IBM Cloud Garage

Slide 24

Slide 24

presence in markets 90% of the world’s GDP

Slide 25

Slide 25

Sharing Tools and Resources to Inspire Creativity

Slide 26

Slide 26

250k visits/month students makers tech startups design engineers @holly_cummins IBM Cloud Garage

Slide 27

Slide 27

designspark.com A separate platform created in 2010 with links into RS Components @holly_cummins IBM Cloud Garage

Slide 28

Slide 28

750k members students makers tech startups design engineers @holly_cummins IBM Cloud Garage

Slide 29

Slide 29

10,000 new engineers/month community tools design resources @holly_cummins IBM Cloud Garage

Slide 30

Slide 30

users have spent over 1 million hours creating designs in free tools

Slide 31

Slide 31

The Opportunity building on the success of our community platform…

Slide 32

Slide 32

The Opportunity building on the success of our community platform… become the first in our industry to create an eBay-lite style environment that enables DesignSpark members to sell their maker projects and designed products

Slide 33

Slide 33

maker market value: $4 billion

Slide 34

Slide 34

1500+ active maker spaces

Slide 35

Slide 35

190 a maker faires worldwide

Slide 36

Slide 36

190 fires maker faires worldwide

Slide 37

Slide 37

190 fires maker faires worldwide

Slide 38

Slide 38

30m businesses leveraging maker ecosystem by 2035

Slide 39

Slide 39

65% of DesignSpark community are ‘makers’

Slide 40

Slide 40

The Opportunity – Building on the Success of our Community platform…KPIs KPIs • Site Traffic ↑ • Member Engagement ↑ • New Member Acquisition

Slide 41

Slide 41

the business challenge finding the right partner

Slide 42

Slide 42

our requirements @holly_cummins IBM Cloud Garage

Slide 43

Slide 43

our requirements • A credible partner that would deliver the best experience for our users @holly_cummins IBM Cloud Garage

Slide 44

Slide 44

our requirements • A credible partner that would deliver the best experience for our users • Value for money - an MVP Beta solution that fitted our budget @holly_cummins IBM Cloud Garage

Slide 45

Slide 45

our requirements • A credible partner that would deliver the best experience for our users • Value for money - an MVP Beta solution that fitted our budget • Clear understanding of our requirements and users @holly_cummins IBM Cloud Garage

Slide 46

Slide 46

our requirements • A credible partner that would deliver the best experience for our users • Value for money - an MVP Beta solution that fitted our budget • Clear understanding of our requirements and users • Fast ideation & development time @holly_cummins IBM Cloud Garage

Slide 47

Slide 47

our requirements • A credible partner that would deliver the best experience for our users • Value for money - an MVP Beta solution that fitted our budget • Clear understanding of our requirements and users • Fast ideation & development time • Quick time to market @holly_cummins IBM Cloud Garage

Slide 48

Slide 48

our requirements • A credible partner that would deliver the best experience for our users • Value for money - an MVP Beta solution that fitted our budget • Clear understanding of our requirements and users • Fast ideation & development time • Quick time to market • First class hosting and support @holly_cummins IBM Cloud Garage

Slide 49

Slide 49

our requirements • A credible partner that would deliver the best experience for our users • Value for money - an MVP Beta solution that fitted our budget • Clear understanding of our requirements and users • Fast ideation & development time • Quick time to market • First class hosting and support • Manage external systems to use DesignSpark’s login, and for taking payments @holly_cummins IBM Cloud Garage

Slide 50

Slide 50

@holly_cummins IBM Cloud Garage

Slide 51

Slide 51

what we liked about IBM Cloud Garage capabilities @holly_cummins IBM Cloud Garage

Slide 52

Slide 52

what we liked about IBM Cloud Garage capabilities • Use Design Thinking methods @holly_cummins IBM Cloud Garage

Slide 53

Slide 53

what we liked about IBM Cloud Garage capabilities • Use Design Thinking methods • Created personas to fully understand requirements @holly_cummins IBM Cloud Garage

Slide 54

Slide 54

what we liked about IBM Cloud Garage capabilities • Use Design Thinking methods • Created personas to fully understand requirements • Create the right cloud strategy and tools @holly_cummins IBM Cloud Garage

Slide 55

Slide 55

what we liked about IBM Cloud Garage capabilities • Use Design Thinking methods • Created personas to fully understand requirements • Create the right cloud strategy and tools • Utilised relevant open source offerings @holly_cummins IBM Cloud Garage

Slide 56

Slide 56

what we liked about IBM Cloud Garage capabilities • Use Design Thinking methods • Created personas to fully understand requirements • Create the right cloud strategy and tools • Utilised relevant open source offerings • Regular contact with the client throughout the process @holly_cummins IBM Cloud Garage

Slide 57

Slide 57

what we liked about IBM Cloud Garage capabilities • Use Design Thinking methods • Created personas to fully understand requirements • Create the right cloud strategy and tools • Utilised relevant open source offerings • Regular contact with the client throughout the process • Rank backlogs to deliver a minimum viable product @holly_cummins IBM Cloud Garage

Slide 58

Slide 58

what we liked about IBM Cloud Garage capabilities • Use Design Thinking methods • Created personas to fully understand requirements • Create the right cloud strategy and tools • Utilised relevant open source offerings • Regular contact with the client throughout the process • Rank backlogs to deliver a minimum viable product • Build user experience prototypes, and validate with test users @holly_cummins IBM Cloud Garage

Slide 59

Slide 59

what we liked about IBM Cloud Garage capabilities • Use Design Thinking methods • Created personas to fully understand requirements • Create the right cloud strategy and tools • Utilised relevant open source offerings • Regular contact with the client throughout the process • Rank backlogs to deliver a minimum viable product • Build user experience prototypes, and validate with test users • Deliver ideas faster @holly_cummins IBM Cloud Garage

Slide 60

Slide 60

the journey @holly_cummins IBM Cloud Garage

Slide 61

Slide 61

initial contact daily sta ndups design thinking workshop concept designs development 2 continuous testing days bug fixing user testing 4 weeks laun ch! internal commercial processes Stripe and Paypal account agreements … support and enhancements ongoing 41

Slide 62

Slide 62

this is a very ambitious project …

Slide 63

Slide 63

Slide 64

Slide 64

your budget is three weeks of dev?!?

Slide 65

Slide 65

Slide 66

Slide 66

@holly_cummins IBM Cloud Garage

Slide 67

Slide 67

what about offthe-shelf? @holly_cummins IBM Cloud Garage

Slide 68

Slide 68

innovation comes in many forms it’s not always about writing mountains of code @holly_cummins IBM Cloud Garage

Slide 69

Slide 69

we can do it. let’s do it. @holly_cummins IBM Cloud Garage

Slide 70

Slide 70

demo (we did it.) http://designsparkmarketplace.com @holly_cummins IBM Cloud Garage

Slide 71

Slide 71

design thinking focus on users to identify the true problem we need to solve

Slide 72

Slide 72

just enough architecture

Slide 73

Slide 73

PUBLIC NETWORK IBM CLOUD THIRD PARTY CLOUD CONTAINERS IN KUBERNETES CLUSTER SELLER SHARETRIBE APP CLOUD INTERNET SERVICES SENDGRID WORKER MICROSERVICE RUBY RUNTIME STRIPE PAYPAL PUBLIC GATEWAY USER DIRECTORY BUYER COMPOSE ELASTICSEARCH COMPOSE REDIS COMPOSE MYSQL OBJECT STORAGE ZENHUB TICKETING MONITORING DELIVERY PIPELINE COLLABORATIVE DEVELOPMENT DEVOPS CONTINUOUS TESTING

Slide 74

Slide 74

inception break the MVP down into user stories and put them into a ranked backlog

Slide 75

Slide 75

what does an inception look like? @holly_cummins IBM Cloud Garage

Slide 76

Slide 76

Goals define goals & future-goals break the MVP down into user stories and put them into a ranked backlog Future-Goals

Slide 77

Slide 77

build

Slide 78

Slide 78

Steve Jurveston, Creative Commons CC BY 2.0 Ed Catmull Pixar President

Slide 79

Slide 79

At one point in time, all Pixar movies suck! Steve Jurveston, Creative Commons CC BY 2.0 Ed Catmull Pixar President

Slide 80

Slide 80

The first version of the movie Up had a giant bird, a king and two princes in a castle in the clouds. The only thing we kept was the bird and the word “up”. Steve Jurveston, Creative Commons CC BY 2.0 At one point in time, all Pixar movies suck! Ed Catmull Pixar President

Slide 81

Slide 81

first week of development @holly_cummins IBM Cloud Garage

Slide 82

Slide 82

first week of development accessible on the web @holly_cummins IBM Cloud Garage

Slide 83

Slide 83

first week of development our Garage visual designer was not impressed that we truncated the text @holly_cummins accessible on the web IBM Cloud Garage

Slide 84

Slide 84

first week of development our Garage visual designer was not impressed that we truncated the text @holly_cummins accessible on the web who chose a photo of jeans? IBM Cloud Garage

Slide 85

Slide 85

first week of development our Garage visual designer was not impressed that we truncated the text accessible on the web who chose a photo of jeans? object storage wasn’t implemented yet @holly_cummins IBM Cloud Garage

Slide 86

Slide 86

second week of development @holly_cummins IBM Cloud Garage

Slide 87

Slide 87

second week of development hooked in cloud object storage for pictures @holly_cummins IBM Cloud Garage

Slide 88

Slide 88

second week of development visual designs complete …. but not implemented @holly_cummins hooked in cloud object storage for pictures IBM Cloud Garage

Slide 89

Slide 89

second week of development still truncated! @holly_cummins visual designs complete …. but not implemented hooked in cloud object storage for pictures IBM Cloud Garage

Slide 90

Slide 90

second week of development (more) @holly_cummins IBM Cloud Garage

Slide 91

Slide 91

second week of development (more) hooked in SendGrid to send emails @holly_cummins IBM Cloud Garage

Slide 92

Slide 92

third week of development @holly_cummins IBM Cloud Garage

Slide 93

Slide 93

third week of development this integrates with the accounts on designspark.com @holly_cummins IBM Cloud Garage

Slide 94

Slide 94

fourth week of development @holly_cummins IBM Cloud Garage

Slide 95

Slide 95

fourth week of development it looks as intended! @holly_cummins IBM Cloud Garage

Slide 96

Slide 96

fourth week of development hooked in Compose ElasticSearch, so search works it looks as intended! @holly_cummins IBM Cloud Garage

Slide 97

Slide 97

fourth week of development (more) @holly_cummins IBM Cloud Garage

Slide 98

Slide 98

fourth week of development (more) @holly_cummins IBM Cloud Garage

Slide 99

Slide 99

fourth week of development (more) endto-end transaction flow! @holly_cummins IBM Cloud Garage

Slide 100

Slide 100

fourth week of development (more) endto-end transaction flow! @holly_cummins IBM Cloud Garage

Slide 101

Slide 101

fourth week of development (more) endto-end transaction flow! @holly_cummins IBM Cloud Garage

Slide 102

Slide 102

fourth week of development (more) endto-end transaction flow! @holly_cummins IBM Cloud Garage

Slide 103

Slide 103

Caspar Schoenmakers product owner

Slide 104

Slide 104

Caspar Schoenmakers product owner We had our first conversations about this with IBM at the end of May, and 3 months later we have a transactional platform ready to use. It’s incredible.

Slide 105

Slide 105

key enablers in delivering a credible and stable MVP in 4 weeks @holly_cummins • Using IBM managed Kubernetes Containers service the team deployed the OpenSource commerce marketplace ShareTribe - within days. • The Cloud Garage were then able to modify ShareTribe to the DesignSpark requirements. other technical components used in solution : • MySQL - that database used to back the website • Cloud Object Storage - Used for site images • ElasticSearch - send to replace the search functionality across the site • SendGrid - the thirdparty service available IBM Cloud used for sending emails from the site and within the site • Redis - used for caching from the server to make the site as fast as possible and alert in case of issues • Continuous Delivery - Used to enable the DevOps pipeline • Marketplace integrated into DesignSpark registry for smooth user experience IBM Cloud Garage

Slide 106

Slide 106

peril @holly_cummins IBM Cloud Garage

Slide 107

Slide 107

challenges @holly_cummins IBM Cloud Garage

Slide 108

Slide 108

Sharetribe

Slide 109

Slide 109

Sharetribe • best platform for the requirements

Slide 110

Slide 110

Sharetribe • best platform for the requirements • written in Ruby on Rails

Slide 111

Slide 111

Sharetribe • best platform for the requirements • written in Ruby on Rails • we had skills in many languages…but not Ruby

Slide 112

Slide 112

Sharetribe • best platform for the requirements • written in Ruby on Rails • we had skills in many languages…but not Ruby • so we learned Ruby :)

Slide 113

Slide 113

Kubernetes is powerful… but complex some defaults didn’t work well for a big Ruby on Rails app

Slide 114

Slide 114

what happens once an MVP is ‘done’?

Slide 115

Slide 115

nothing stands still in the cloud

Slide 116

Slide 116

migration sunsets happen

Slide 117

Slide 117

IBM Cloud Container Service IBM Cloud Kubernetes Service we had to move container orchestrator Barry Lewis, Creative Commons CC BY 2.0 …and object storage

Slide 118

Slide 118

it’s important to think about maintenance

Slide 119

Slide 119

round the clock support needs lots of people

Slide 120

Slide 120

what’s the right SLA for your business? enable people in-house, or find a partner who can work at the scale you want

Slide 121

Slide 121

things to think about @holly_cummins IBM Cloud Garage

Slide 122

Slide 122

open is great no reinventing wheels no platform lock-in

Slide 123

Slide 123

off the shelf roll your own

Slide 124

Slide 124

:( :) :| frameworks they speed you up, and they slow you down Weekly retrospective Second week of development

Slide 125

Slide 125

Cloud Foundry Kubernetes •super-easy •highly flexible •not flexible enough for the framework we chose •flexibility has a cost •multi-buildpack can be done, but it’s hard work •needs much more configuration @holly_cummins •devs need to understand more ops IBM Cloud Garage

Slide 126

Slide 126

the most meaningful way to innovate is to get to production

Slide 127

Slide 127

… and things don’t stop once you’re in production

Slide 128

Slide 128

thirty-sixth week of (very part-time) development @holly_cummins IBM Cloud Garage

Slide 129

Slide 129

thirty-sixth week of (very part-time) development multicurrency support @holly_cummins IBM Cloud Garage

Slide 130

Slide 130

success @holly_cummins Credit: National Parks Service IBM Cloud Garage

Slide 131

Slide 131

key RS business benefits • increased site traffic – new and returning visitors • new DesignSpark member Acquisition • market differentiation • increased engagement with the Maker and Pro Maker Community

Slide 132

Slide 132

Slide 133

Slide 133

Slide 134

Slide 134

The IBM Cloud Garage …

Slide 135

Slide 135

The IBM Cloud Garage … • showed a clear understanding of our requirements and users

Slide 136

Slide 136

The IBM Cloud Garage … • showed a clear understanding of our requirements and users • fast ideation in an inspiring environment

Slide 137

Slide 137

The IBM Cloud Garage … • showed a clear understanding of our requirements and users • fast ideation in an inspiring environment • delivered a credible and reliable platform that gives a great user experience for our users

Slide 138

Slide 138

The IBM Cloud Garage … • showed a clear understanding of our requirements and users • fast ideation in an inspiring environment • delivered a credible and reliable platform that gives a great user experience for our users • an MVP Beta platform that fitted our budget

Slide 139

Slide 139

The IBM Cloud Garage … • showed a clear understanding of our requirements and users • fast ideation in an inspiring environment • delivered a credible and reliable platform that gives a great user experience for our users • an MVP Beta platform that fitted our budget • smooth interaction with our DesignSpark developers and 3rd party applications

Slide 140

Slide 140

The IBM Cloud Garage … • showed a clear understanding of our requirements and users • fast ideation in an inspiring environment • delivered a credible and reliable platform that gives a great user experience for our users • an MVP Beta platform that fitted our budget • smooth interaction with our DesignSpark developers and 3rd party applications • quick time to market

Slide 141

Slide 141

Notices and disclaimers © 2018 International Business Machines Corporation. No part of this document may be reproduced or transmitted in any form without written permission from IBM. U.S. Government Users Restricted Rights — use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM. Information in these presentations (including information relating to products that have not yet been announced by IBM) has been reviewed for accuracy as of the date of initial publication and could include unintentional technical or typographical errors. IBM shall have no responsibility to update this information. This document is distributed “as is” without any warranty, either express or implied. In no event, shall IBM be liable for any damage arising from the use of this information, including but not limited to, loss of data, business interruption, loss of profit or loss of opportunity. IBM products and services are warranted per the terms and conditions of the agreements under which they are provided. IBM products are manufactured from new parts or new and used parts. In some cases, a product may not be new and may have been previously installed. Regardless, our warranty terms apply.” Performance data contained herein was generally obtained in a controlled, isolated environments. Customer examples are presented as illustrations of how those customers have used IBM products and the results they may have achieved. Actual performance, cost, savings or other results in other operating environments may vary. References in this document to IBM products, programs, or services does not imply that IBM intends to make such products, programs or services available in all countries in which IBM operates or does business. Workshops, sessions and associated materials may have been prepared by independent session speakers, and do not necessarily reflect the views of IBM. All materials and discussions are provided for informational purposes only, and are neither intended to, nor shall constitute legal or other guidance or advice to any individual participant or their specific situation. It is the customer’s responsibility to insure its own compliance with legal requirements and to obtain advice of competent legal counsel as to the identification and interpretation of any relevant laws and regulatory requirements that may affect the customer’s business and any actions the customer may need to take to comply with such laws. IBM does not provide legal advice or represent or warrant that its services or products will ensure that the customer follows any law. Any statements regarding IBM’s future direction, intent or product plans are subject to change or withdrawal without notice. Think 2019 / DOC ID / Month XX, 2019 / © 2019 IBM Corporation 88

Slide 142

Slide 142

Notices and disclaimers continued Information concerning non-IBM products was obtained from the suppliers of those products, their published announcements or other publicly available sources. IBM has not tested those products about this publication and cannot confirm the accuracy of performance, compatibility or any other claims related to non-IBM products. Questions on the capabilities of non-IBM products should be addressed to the suppliers of those products. IBM does not warrant the quality of any third-party products, or the ability of any such third-party products to interoperate with IBM’s products. IBM expressly disclaims all warranties, expressed or implied, including but not limited to, the implied warranties of merchantability and fitness for a purpose. IBM, the IBM logo, ibm.com and [names of other referenced IBM products and services used in the presentation] are trademarks of International Business Machines Corporation, registered in many jurisdictions worldwide. Other product and service names might be trademarks of IBM or other companies. A current list of IBM trademarks is available on the Web at “Copyright and trademark information” at: www.ibm.com/legal/copytrade.shtml. The provision of the information contained herein is not intended to, and does not, grant any right or license under any IBM patents, copyrights, trademarks or other intellectual property right. Think 2019 / DOC ID / Month XX, 2019 / © 2019 IBM Corporation 89

Slide 143

Slide 143

@holly_cummins @petenwood ® https://www.ibm.com/legal/us/en/copytrade.shtml 90

Slide 144

Slide 144

Thank you Dr Holly Cummins Worldwide Development Leader, IBM Cloud Garage mobile: +44 (0) 7918 371516 @holly_cummins www.ibm.com/cloud/garage/