harrytrimble.github.io/normally-interview.html at master · HarryTrimble/harrytrimble.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

	<!-- Primary Meta Tags -->
	<title>Harry Scott-Trimble | Designer</title>
	<meta name="title" content="Harry Scott-Trimble | Designer">
	<meta name="description" content="Doing product strategy, prototyping, creative direction and design team hiring.">

	<!-- Open Graph / Facebook -->
	<meta property="og:type" content="website">
	<meta property="og:url" content="https://www.harrytrimble.co.uk/">
	<meta property="og:title" content="Harry Scott-Trimble | Designer">
	<meta property="og:description" content="Doing product strategy, prototyping, creative direction and design team hiring.">
	<meta property="og:image" content="https://www.harrytrimble.co.uk/images/preview-card.png">

	<!-- Twitter -->
	<meta property="twitter:card" content="summary_large_image">
	<meta property="twitter:url" content="https://www.harrytrimble.co.uk/">
	<meta property="twitter:title" content="Harry Scott-Trimble | Designer">
	<meta property="twitter:description" content="Doing product strategy, prototyping, creative direction and design team hiring.">
	<meta property="twitter:image" content="https://www.harrytrimble.co.uk/images/preview-card.png">

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

        <link href="https://fonts.googleapis.com/css?family=Rubik" rel="stylesheet">

		<link href="https://fonts.googleapis.com/css?family=Righteous" rel="stylesheet">

		<link href="https://fonts.googleapis.com/css?family=Rubik:700" rel="stylesheet">

		<link rel="icon" href="https://www.harrytrimble.co.uk/images/favicon.png">

		<!-- Global site tag (gtag.js) - Google Analytics -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=UA-180120612-1"></script>
		<script>
		  window.dataLayer = window.dataLayer || [];
		  function gtag(){dataLayer.push(arguments);}
		  gtag('js', new Date());

		  gtag('config', 'UA-180120612-1');
		</script>


  </head>
  <body>

    <div class="jumbotron" id="header">
	    <div class="container-fluid">
		    	<div class="row">
					<div class="col-md-1"></div>
					<div class="col-md-6 col-lg-6 col-md-offset-2 col-lg-offset-2">
						<div style="float: left;">
							<h2 id="h1-big">
								<span id="link-to-homepage">
									<a href="/" id="h1-heading">
										Harry Scott-Trimble
									</a>
								</span>
							</h2>
						</div>
						<div class="header-links">
							<p>
								<a style="padding-right: 10px;" href="#work"><span class="me-on-internet">Work</span></a>
								<a style="padding-right: 10px;" href="https://www.harrytrimble.co.uk/cv"><span class="me-on-internet">CV</span></a>
								<a style="padding-right: 10px;" href="https://www.harrytrimble.co.uk/words"><span class="me-on-internet">Writing</span></a>
								<a style="padding-right: 10px;" href="#contact"><span class="me-on-internet">Contact</span></a>
						</div>
					</div>
		    	</div>
	    </div>
	</div>

    <div class="jumbotron" style="margin-bottom: 0px; color: #333; padding-top: 36px; padding-bottom: 0px;">
	    <div class="container-fluid">
			<div class="row">
				<div class="col-md-1"></div>
				<div class="col-md-6 col-lg-6 col-md-offset-2 col-lg-offset-2">
					<!--<p id="lead">My work time is spent with service users, frontline teams, software engineers, designers and organisations' leaders.</p>-->
					<p id="lead">I'm Harry, a designer doing product strategy, prototyping, creative direction and design team hiring.</p>
					<p id="lead">I have a lot of experience working on public services, data as infrastructure and early digital transformation. I’ve done this within the public, private and nonprofit sectors.</p>
					<p id="lead">I'm motivated by working towards a positive near future that protects our rights, helps keep people safe and disperses power fairly in society.</p>
				</div>
			</div>
	    </div>
	</div>

    <div class="jumbotron">
	    <div class="container-fluid">
				<div class="row">
					<div class="col-md-1"></div>
					<div class="col-md-6 col-lg-6 col-md-offset-2 col-lg-offset-2">
						<div id="work"></div>

						<img src="images/5F59C276-0D32-4AE1-AB83-CE3B7368F58E.gif" class="img-responsive" alt="Responsive image">
						<h3><a href="https://web.archive.org/web/20190617170334/https://www.projectsbyif.com/blog/explaining-devices-that-learn-google-ai-and-if/"><span class="me-on-internet">Explaining devices that learn</span></a></h3>
						<p id="description">
								I led the creative direction of a project for Google to communicate a new type of AI, federated learning.
						</p>
						<p>
							<span class="employer">Google, IF</span>
							<span class="read-time">2019</span>
						</p>

						<br><br>

						<a href="https://designnotes.blog.gov.uk/2017/04/04/weve-published-the-task-list-pattern/"><img src="images/task-list.jpg" class="img-responsive" alt="Responsive image"></a>
						<h3><a href="https://designnotes.blog.gov.uk/2017/04/04/weve-published-the-task-list-pattern/"><span class="me-on-internet">GOV.UK task list page</span></a></h3>
						<p id="description">
								I designed the first version of the GOV.UK task list page. So far it’s been used by over two million people across dozens of digital services.
						</p>
						<p>
							<span class="employer">GOV.UK</span>
							<span class="read-time">2017</span>
						</p>

						<br><br>

						<img src="images/govbins-display.png" class="img-responsive" alt="Responsive image">
						<h3><a href="https://govbins.uk"><span class="me-on-internet">govbins.uk</span></a></h3>
						<p id="description">
								A project to photograph wheelie bins in every UK local council. Started in 2017, the catalogue is the work of dozens of people submitting photos from across the UK and beyond.
						</p>
						<p>
							<span class="employer">Personal work</span>
							<span class="read-time">On-going</span>
						</p>

						<br><br>

						<img src="images/patient-data.jpg" class="img-responsive" alt="Responsive image">
						<h3><a href="#"><span class="me-on-internet">Patient data and permissions</span></a></h3>
						<p id="description">
								Designing and testing how people might give access to health data about them and how its used by clinicians and automated sysyems.
						</p>
						<p>
							<span class="employer">Google, IF (NDA)</span>
							<span class="read-time">2017</span>
						</p>

						<br><br>

						<img src="images/citizens-advice.png" class="img-responsive" alt="Responsive image">
						<h3><a href="#"><span class="me-on-internet">Future of complex, automated advice</span></a></h3>
						<p id="description">
								I prototyped and tested ideas with people to get personalise automated advice when dealing with debt problems.
						</p>
						<p>
							<span class="employer">Citizens Advice, IF (NDA)</span>
							<span class="read-time">2019</span>
						</p>

						<br><br>

						<img src="images/authentification.png" class="img-responsive" alt="Responsive image">
						<h3><a href="#"><span class="me-on-internet">Simple, secure authentication in hospitals. </span></a></h3>
						<p id="description">
								Designing and building a simpler way for clincians to securely access health data and automated systems.
						</p>
						<p>
							<span class="employer">Google, IF (NDA)</span>
							<span class="read-time">2017</span>
						</p>

						<br><br>

						<a href="https://designedandmade.substack.com/p/link-together-my-carbon-car-and-cash"><img src="images/zone-notification.png" class="img-responsive" alt="Responsive image"></a>
						<h3><a href="https://designedandmade.substack.com/p/link-together-my-carbon-car-and-cash"><span class="me-on-internet">Link together my carbon, car and cash</span></a></h3>
						<p id="description">
								For a while I’ve felt data about cars could be better joined up to improve both driver experience and regulation. In this blog post I illustrate my ideas.
						</p>
						<p>
							<span class="employer">Personal work</span>
							<span class="read-time">2022</span>
						</p>

						<br><br>

						<a href="https://medium.com/digital-and-innovation-at-british-red-cross/creating-a-scaleable-rota-system-for-emergencies-ec5e00d4e3c9"><img src="images/rota-illustration.png" class="img-responsive" alt="Responsive image"></a>
						<h3><a href="https://medium.com/digital-and-innovation-at-british-red-cross/creating-a-scaleable-rota-system-for-emergencies-ec5e00d4e3c9"><span class="me-on-internet">Emergency response rota</span></a></h3>
						<p id="description">
								I designed and prototyped the rota for the British Red Cross emergency response team. It’s now used to mobilise hundreds of volunteers for emergencies such as fires and floods.
						</p>
						<p>
							<span class="employer">British Red Cross</span>
							<span class="read-time">2020</span>
						</p>

						<br><br>

						<a href="https://medium.com/@HarryTrimble/make-renting-simpler-ac45fc28de2a"><img src="images/make-renting-simpler.png" class="img-responsive" alt="Responsive image"></a>
						<h3><a href="https://medium.com/@HarryTrimble/make-renting-simpler-ac45fc28de2a"><span class="me-on-internet">Make renting simpler</span></a></h3>
						<p id="description">
								As a frustrated renter, I listed my ideas for how open and joined up housing data could help remove the administrative burden of renting.
						</p>
						<p>
							<span class="employer">Personal work</span>
							<span class="read-time">2016</span>
						</p>

						<br><br>

						<a href="https://dataportability.projectsbyif.com/"><img src="images/data-portability.jpg" class="img-responsive" alt="Responsive image"></a>
						<h3><a href="https://dataportability.projectsbyif.com/"><span class="me-on-internet">New data rights and services</span></a></h3>
						<p id="description">
								I ran a study into how people could use a new right to data portability under GDPR in future services.
						</p>
						<p>
							<span class="employer">Open Data Institute, IF</span>
							<span class="read-time">2018</span>
						</p>

						<br><br>

						<a href="http://www.elrha.org/hif-blog/early-stage-prototyping-consent-and-data-minimisation-for-those-affected/"><img src="images/oxfam.jpg" class="img-responsive" alt="Responsive image"></a>
						<h3><a href="http://www.elrha.org/hif-blog/early-stage-prototyping-consent-and-data-minimisation-for-those-affected/"><span class="me-on-internet">Data use in humanitarian crisis</span></a></h3>
						<p id="description">
								I did early stage prototyping of consent and data minimisation for Oxfam, to test with people affected by humanitarian crises.
						</p>
						<p>
							<span class="employer">Oxfam, IF</span>
							<span class="read-time">2018</span>
						</p>

						<br><br>

						<a href="https://openapis.projectsbyif.com/"><img src="images/open-apis-for-telecoms.jpg" class="img-responsive" alt="Responsive image"></a>
						<h3><a href="https://openapis.projectsbyif.com/"><span class="me-on-internet">Open APIs for telecoms</span></a></h3>
						<p id="description">
								I prototyped services that could be made possible if telecoms data was opened up. I tested these with likely users, to help understand their potential value.
						</p>
						<p>
							<span class="employer">Open Data Institute, IF</span>
							<span class="read-time">2018</span>
						</p>

						<br><br>

						<a href="https://medium.com/digital-and-innovation-at-british-red-cross/making-a-manual-for-support-line-volunteers-3b842341594b"><img src="images/helen-volunteer.jpeg" class="img-responsive" alt="Responsive image"></a>
						<h3><a href="https://medium.com/digital-and-innovation-at-british-red-cross/making-a-manual-for-support-line-volunteers-3b842341594b"><span class="me-on-internet">Operator Manual</span></a></h3>
						<p id="description">
								I designed a manual for Red Cross staff answering calls made to the Covid support line, including its content and tools. It was accessed 22,000 times in its first two weeks.
						</p>
						<p>
							<span class="employer">British Red Cross</span>
							<span class="read-time">2020</span>
						</p>

						<br><br>

						<a href="https://designedandmade.substack.com/p/consistent-roles-hiring-and-promotions?s=w"><img src="images/roles-made-tech.png" class="img-responsive" alt="Responsive image"></a>
						<h3><a href="https://designedandmade.substack.com/p/consistent-roles-hiring-and-promotions?s=w"><span class="me-on-internet">Hiring a design team</span></a></h3>
						<p id="description">
								I built Made Tech’s first design team, from zero to fifty people. As part of this, I devised the hiring process, shaped job descriptions and recruited diverse candidates into various seniority of roles.
						</p>
						<p>
							<span class="employer">Made Tech</span>
							<span class="read-time">2022</span>
						</p>

						<br><br>

						<a href="https://design-system.service.gov.uk/"><img src="images/design-system.png" class="img-responsive" alt="Responsive image"></a>
						<h3><a href="https://design-system.service.gov.uk/"><span class="me-on-internet">GOV.UK Design System</span></a></h3>
						<p id="description">
								I worked with my teammates at GDS to create and test the information architecture and naming conventions for the alpha version of the GOV.UK Design System.
						</p>
						<p>
							<span class="employer">GOV.UK</span>
							<span class="read-time">2017</span>
						</p>

						<br><br>

						<a href="https://www.youtube.com/watch?v=9T0Kv8DUXb0"><img src="images/support-line.jpg" class="img-responsive" alt="Responsive image"></a>
						<h3><a href="https://www.youtube.com/watch?v=9T0Kv8DUXb0"><span class="me-on-internet">Support line</span></a></h3>
						<p id="description">
								I envisaged and designed the British Red Cross Covid support line for people to access food and services. I led a multi-disciplinary team to build this service in the first few weeks of the Covid-19 pandemic.
						</p>
						<p>
							<span class="employer">British Red Cross</span>
							<span class="read-time">2020</span>
						</p>

						<br><br>

						<a href="https://medium.com/digital-and-innovation-at-british-red-cross/the-design-approach-at-british-red-cross-40cbdb57f0a4"><img src="images/design-approach.png" class="img-responsive" alt="Responsive image"></a>
						<h3><a href="https://medium.com/digital-and-innovation-at-british-red-cross/the-design-approach-at-british-red-cross-40cbdb57f0a4"><span class="me-on-internet">Design approach</span></a></h3>
						<p id="description">
								I designed and built a small website to show how, as one of the UK's biggest charities, the British Red Cross takes a design approach to problems.
						</p>
						<p>
							<span class="employer">British Red Cross</span>
							<span class="read-time">2020</span>
						</p>

						<br><br>

						<a href="https://designnotes.blog.gov.uk/2017/03/27/naming-your-service-a-new-approach-to-patterns/"><img src="images/naming-your-service.jpg" class="img-responsive" alt="Responsive image"></a>
						<h3><a href="https://designnotes.blog.gov.uk/2017/03/27/naming-your-service-a-new-approach-to-patterns/"><span class="me-on-internet">Naming your service</span></a></h3>
						<p id="description">
								I wrote the GOV.UK guide for how public services should be named in the Internet age, drawing on best practice around government. The guide has been read 11,000 times by digital teams.
						</p>
						<p>
							<span class="employer">GOV.UK</span>
							<span class="read-time">2016</span>
						</p>

						<br><br>

						<!--<a href="https://designnotes.blog.gov.uk/2017/03/30/weve-published-the-check-before-you-start-pattern/"><img src="images/check-before-you-start.jpg" class="img-responsive" alt="Responsive image"></a>
						<h3><a href="https://designnotes.blog.gov.uk/2017/03/30/weve-published-the-check-before-you-start-pattern/"><span class="me-on-internet">Check a service is suitable</span></a></h3>
						<p id="description">
								Tested and proved a way to ask users questions to help them work out if they can or should use a public service.
						</p>
						<p>
							<span class="employer">GOV.UK</span>
							<span class="read-time">2017</span>
						</p>

						<br><br>-->

						<a href="https://governmentasaplatform.blog.gov.uk/2016/01/07/mapping-driving-services/"><img src="images/driving-services.png" class="img-responsive" alt="Responsive image"></a>
						<h3><a href="https://governmentasaplatform.blog.gov.uk/2016/01/07/mapping-driving-services/"><span class="me-on-internet">Government driving services</span></a></h3>
						<p id="description">
								I illustrated how users access government driving services. This helped the DVLA and DVSA decide what funding to ask from the Treasury in its 2015 Spending Review.
						</p>
						<p>
							<span class="employer">GOV.UK</span>
							<span class="read-time">2015</span>
						</p>

						<br><br>

						<a href="https://medium.com/digital-and-innovation-at-british-red-cross/mapping-unmet-needs-f0cf830b307d"><img src="images/fires-and-floods.png" class="img-responsive" alt="Responsive image"></a>
						<h3><a href="https://medium.com/digital-and-innovation-at-british-red-cross/mapping-unmet-needs-f0cf830b307d"><span class="me-on-internet">Fires and floods discovery</span></a></h3>
						<p id="description">
								I led strategic research into the unmet needs of people affected by large fires and floods.
						</p>
						<p>
							<span class="employer">British Red Cross</span>
							<span class="read-time">2019</span>
						</p>

						<br><br>

						<a href="https://www.madetech.com/blog/work-with-made-tech/"><img src="images/posters.png" class="img-responsive" alt="Responsive image"></a>
						<h3><a href="https://www.madetech.com/blog/work-with-made-tech/"><span class="me-on-internet">Team principles</span></a></h3>
						<p id="description">
								I led Made Tech’s Creative Team and Heads of Practice to distill and share how the company works with clients.

						</p>
						<p>
							<span class="employer">Made Tech</span>
							<span class="read-time">2022</span>
						</p>

						<br><br>

						<a href="http://www.studiopsk.com/iwishtoberain.html"><img src="images/DfD1.jpg" class="img-responsive" alt="Responsive image"></a>
						<h3><a href="http://www.studiopsk.com/iwishtoberain.html"><span class="me-on-internet">I Wish to be Rain</span></a></h3>
						<p id="description">
								We prototyped an alternative idea for what to do with cremation ashes: be scattered over clouds to trigger rain. It was exhibited at the National Funeral Directors’ Association international conference in Austin, Texas.
						</p>
						<p>
							<span class="employer">Studio PSK</span>
							<span class="read-time">2013</span>
						</p>

						<br><br>

						<div class="embed-responsive embed-responsive-16by9">
							<iframe src="https://player.vimeo.com/video/49369794" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
						</div>
						<h3><a href="https://www.dezeen.com/2012/11/18/oscar-medley-whitfield-and-harry-trimble-at-designers-in-residence-2012/"><span class="me-on-internet">Wharfware</span></a></h3>
						<p id="description">
								We made a set of ceramics from Thames river clay, commissioned by the Design Museum as part of its Designers in Residence exhibition.
						</p>
						<p>
							<span class="employer">Design Museum</span>
							<span class="read-time">2012</span>
						</p>

					</div>
				</div>

	    </div>
	</div>

    <div class="jumbotron" id="contact">
	    <div class="container-fluid">
		    	<div class="row">
					<div class="col-md-1"></div>
					<div class="col-md-6 col-lg-6 col-md-offset-2 col-lg-offset-2">
						<div style="float: left;">
								<h2 id="email-address">
										<a href="mailto:harryroberttrimble@gmail.com">
											harryroberttrimble@gmail.com
										</a>
								</h2>
						</div>
						<div class="header-links">
							<p>
								<a style="padding-right: 10px;" href="https://twitter.com/HarryTrimble"><span class="me-on-internet">Twitter</span></a>
								<a style="padding-right: 10px;" href="https://www.linkedin.com/in/harry-scott-trimble-b23b3a38/"><span class="me-on-internet">LinkedIn</span></a>
								<a style="padding-right: 10px;" href="https://github.com/HarryTrimble"><span class="me-on-internet">GitHub</span></a>
						</div>
					</div>
		    	</div>
	    </div>
	</div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>