Purposely Lucky

A presentation at Made in the Middle in September 2018 in Kansas City, MO, USA by Mina Markham

Slide 1

Slide 1

πŸŽ™ Made in the Middle πŸ—Ί Kansas City πŸ—“ September 15, 2018 purposely lucky ! @minamarkham % mitmcon2018

Slide 2

Slide 2

hello. ! @minamarkham πŸ”— mina.codes

Slide 3

Slide 3

Slide 4

Slide 4

Slide 5

Slide 5

Slide 6

Slide 6

Slide 7

Slide 7

MAY CONTAIN POLITICS WILL INDUCE FEELS πŸ˜‚πŸ˜­πŸ€¬ warning

Slide 8

Slide 8

very brief history of me

Slide 9

Slide 9

Slide 10

Slide 10

Slide 11

Slide 11

Slide 12

Slide 12

Slide 13

Slide 13

Slide 14

Slide 14

luck make your own

Slide 15

Slide 15

Slide 16

Slide 16

Slide 17

Slide 17

Slide 18

Slide 18

Slide 19

Slide 19

Slide 20

Slide 20

Slide 21

Slide 21

just say yes

Slide 22

Slide 22

Slide 23

Slide 23

Slide 24

Slide 24

male very pale very

Slide 25

Slide 25

Slide 26

Slide 26

scared it’s okay to be

Slide 27

Slide 27

fake it.

Slide 28

Slide 28

Slide 29

Slide 29

Dan Ryan

Slide 30

Slide 30

Slide 31

Slide 31

insert email joke here

Slide 32

Slide 32

social good issue millions of people

Slide 33

Slide 33

Slide 34

Slide 34

embrace your strengths

Slide 35

Slide 35

Slide 36

Slide 36

We need a Bootstrap… KYLE RUSH, DEPUTY CTO

Slide 37

Slide 37

Slide 38

Slide 38

…and it needs a good name. KYLE RUSH, DEPUTY CTO

Slide 39

Slide 39

Slide 40

Slide 40

Slide 41

Slide 41

😳 Broke the homepage of hillaryclinton.com πŸš€ Launched a site for oppositional content ❀️ Built design system used by dozens of apps πŸ“ˆ Created a dashboard for caucus data β™Ώ Led effort for accessibility compliance 🎨 Implemented redesign of hillaryclinton.com πŸ“ Helped build a custom CMS for new site πŸ—£οΈ Ran tech talk series πŸŽ‰ Had the time of my life

Slide 42

Slide 42

😳 Broke the homepage of hillaryclinton.com πŸš€ Launched a site for oppositional content ❀️ Built design system used by dozens of apps πŸ“ˆ Created a dashboard for caucus data β™Ώ Led effort for accessibility compliance 🎨 Implemented redesign of hillaryclinton.com πŸ“ Helped build a custom CMS for new site πŸ—£οΈ Ran tech talk series πŸŽ‰ Had the time of my life

Slide 43

Slide 43

Slide 44

Slide 44

Slide 45

Slide 45

Slide 46

Slide 46

Slide 47

Slide 47

😭

Slide 48

Slide 48

😭😭

Slide 49

Slide 49

Slide 50

Slide 50

Slide 51

Slide 51

INPUTS HEADLINES HIGHLIGHTS CARDS BUTTONS PULLQUOTES DROPDOWNS

Slide 52

Slide 52

Slide 53

Slide 53

Slide 54

Slide 54

Slide 55

Slide 55

Slide 56

Slide 56

Slide 57

Slide 57

Slide 58

Slide 58

Slide 59

Slide 59

Slide 60

Slide 60

Slide 61

Slide 61

πŸ‘¨ πŸ” πŸ‘¨πŸ‘© πŸ‘¨πŸ‘¨ πŸ“ πŸ‘¨ πŸ’° = ⭐ πŸ‘¨βœ… πŸ“‹πŸ‘¨ πŸ¦„ πŸ‘¨πŸ‘© πŸ› οΈ πŸ‘¨πŸ‘¨

Slide 62

Slide 62

Slide 63

Slide 63

Slide 64

Slide 64

Slide 65

Slide 65

Slide 66

Slide 66

Slide 67

Slide 67

Slide 68

Slide 68

iwillvote.com

Slide 69

Slide 69

Slide 70

Slide 70

Slide 71

Slide 71

Pantsuit turned our tech products into a couture collection – each app individually crafted with unifying motifs that tied them together. KYLE LUCOVSKY, Engineer, Voter Team

Slide 72

Slide 72

It was hands down the best tool we had at our disposal on the campaign ❀️. KYLE LUCOVSKY, Engineer, Voter Team

Slide 73

Slide 73

mina.fyi/slack-post

Slide 74

Slide 74

πŸš€>

Slide 75

Slide 75

Slide 76

Slide 76

Slide 77

Slide 77

Slide 78

Slide 78

/spacesuit colors red

Slide 79

Slide 79

Slide 80

Slide 80

collaboration breeds creativity

Slide 81

Slide 81

Slide 82

Slide 82

😭

Slide 83

Slide 83

Slide 84

Slide 84

Slide 85

Slide 86

Slide 86

do the unglamorous work

Slide 87

Slide 87

πŸ“· Scott Schiller

Slide 88

Slide 88

πŸ“· Scott Schiller

Slide 89

Slide 89

πŸ“· Scott Schiller

Slide 90

Slide 90

πŸ“· Scott Schiller

Slide 91

Slide 91

Slide 92

Slide 92

πŸ“· Uli Seit

Slide 93

Slide 93

πŸ“· Uli Seit

Slide 94

Slide 94

Slide 95

Slide 95

Slide 96

Slide 96

Slide 97

Slide 97

Slide 98

Slide 98

Slide 99

Slide 99

Slide 100

Slide 100

be humble

Slide 101

Slide 101

visibility has consequences

Slide 102

Slide 102

twitter https://twitter.com/MinaMarkham/status/771019251750735872

Slide 103

Slide 103

mina.fyi/pantsuit-post

Slide 104

Slide 104

Slide 105

Slide 105

Slide 106

Slide 106

Slide 107

Slide 107

I love my college calculator! HILLARY CLINTON, Buzzfeed

Slide 108

Slide 108

Slide 109

Slide 109

Slide 110

Slide 110

Take criticism seriously, but not personally. HILLARY CLINTON, Living History

Slide 111

Slide 111

The Day I Almost Quit

Slide 112

Slide 112

Go to hillaryclinton.com

Slide 113

Slide 113

😫

Slide 114

Slide 114

twitter

Slide 115

Slide 115

Slide 116

Slide 116

twirl on your haters.

Slide 117

Slide 117

twitter https://twitter.com/MinaMarkham/status/806244330826592256

Slide 118

Slide 118

Slide 119

Slide 119

reddit https://www.reddit.com/r/The_Donald/comments/53quh5/ meet_mina_markham_the_designer_of_hillarys_ui/

Slide 120

Slide 120

reddit

Slide 121

Slide 121

Slide 122

Slide 122

REDDIT IS A WASTELAND

Slide 123

Slide 123

twitter https://twitter.com/MinaMarkham/status/805934566695464960

Slide 124

Slide 124

twitter https://twitter.com/uzumaki42/status/806215721252507649

Slide 125

Slide 125

Slide 126

Slide 126

twitter

Slide 127

Slide 127

REDDIT TWITTER IS A WASTELAND

Slide 128

Slide 128

f a c e b o o

Slide 129

Slide 129

Slide 130

Slide 130

FACEBOOK REDDIT TWITTER IS A WASTELAND

Slide 131

Slide 131

THE INTERNET FACEBOOK REDDIT TWITTER IS A WASTELAND

Slide 132

Slide 132

Part of the personal attacks… is to crush your spirit, to make you feel inadequate. I refused and that infuriated them even more. HILLARY CLINTON, April 6, 2017, the Women in the World Summit

Slide 133

Slide 133

twitter Source: https://twitter.com/lizzaretsky/status/855042702278307840

Slide 134

Slide 134

twitter Source: https://twitter.com/MinaMarkham/status/855452958393114624

Slide 135

Slide 135

twitter https://twitter.com/stephantaylor/status/741151893460819968

Slide 136

Slide 136

twitter https://twitter.com/MinaMarkham/status/741291821884661760

Slide 137

Slide 137

Slide 138

Slide 138

it takes a village

Slide 139

Slide 139

HFA Tech Team

Slide 140

Slide 140

Michael Bierut

Slide 141

Slide 141

Slide 142

Slide 142

Slide 143

Slide 143

Slide 144

Slide 144

Jennifer Kinon

Slide 145

Slide 145

HFA Design Team

Slide 146

Slide 146

Slide 147

Slide 147

Slide 148

Slide 148

Victor Ng

Slide 149

Slide 149

Slide 150

Slide 150

I’m With Her Ida Woldemichael

Slide 151

Slide 151

regrets create without

Slide 152

Slide 152

Slide 153

Slide 153

Slide 154

Slide 154

πŸ“· Landon Nordeman/TIME

Slide 155

Slide 155

Slide 156

Slide 156

Slide 157

Slide 157

Slide 158

Slide 158

Slide 159

Slide 159

πŸ“· Barbara Kinney/Hillary for America

Slide 160

Slide 160

πŸ“· Samuel Fisch/Hillary for America

Slide 161

Slide 161

Slide 162

Slide 162

Slide 163

Slide 163

Slide 164

Slide 164

πŸ“· Barbara Kinney/Hillary for America

Slide 165

Slide 165

πŸ“· Sara Kerens

Slide 166

Slide 166

πŸ“· Samuel Fisch/Hillary for America

Slide 167

Slide 167

Slide 168

Slide 168

Slide 169

Slide 169

πŸ“· Barbara Kinney/Hillary for America

Slide 170

Slide 170

Slide 171

Slide 171

= @minamarkham πŸ’» mina.codes thanks!

Slide 172

Slide 172

references + credits 😍 Emoji provided by Emoji One πŸ“Έ Campaign photos by Barbara Kinney and Samuel Fisch πŸ–₯️ Typefaces: Visby CF & Quentin πŸ–ΌοΈ Washington Wasteland image from Fallout 3