-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdesign.html
424 lines (349 loc) · 25 KB
/
design.html
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
424
<!DOCTYPE html>
<html >
<head>
<!-- Site made with Mobirise Website Builder v5.1.4, https://mobirise.com -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Mobirise v5.1.4, mobirise.com">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<link rel="shortcut icon" href="assets/images/funficient-2020-favicon-bubble-color-128x97-1.png" type="image/x-icon">
<meta name="description" content="Spend time on what's most important. Validate early, validate often. An iterative approach to design ensures you don't waste time on lengthy design processes just to find out you built the wrong product. ">
<title>Design</title>
<link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.css">
<link rel="stylesheet" href="assets/tether/tether.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="assets/dropdown/css/style.css">
<link rel="stylesheet" href="assets/socicon/css/styles.css">
<link rel="stylesheet" href="assets/theme/css/style.css">
<link href="assets/fonts/style.css" rel="stylesheet">
<link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
</head>
<body>
<section class="menu menu3 cid-sduqUhOB1R" once="menu" id="menu3-49">
<nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg">
<div class="container-fluid">
<div class="navbar-brand">
<span class="navbar-logo">
<a href="http://www.funficient.com">
<img src="assets/images/funficient-2020-favicon-bubble-color-128x97-1.png" alt="Funficient" style="height: 5.3rem;">
</a>
</span>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<div class="hamburger">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav nav-dropdown" data-app-modern-menu="true"><li class="nav-item"><a class="nav-link link text-white display-4" href="about.html">
About</a></li>
<li class="nav-item dropdown open"><a class="nav-link link dropdown-toggle text-white display-4" href="#" data-toggle="dropdown-submenu" aria-expanded="true">
What we do</a><div class="dropdown-menu"><a class="dropdown-item text-white text-primary display-4" href="teams.html">Design workshops</a><a class="dropdown-item text-white text-primary display-4" href="teams.html">Agile team coaching<br></a><a class="dropdown-item text-white text-primary display-4" href="individual.html">Personal coaching<br></a><a class="dropdown-item text-white display-4" href="pricing.html" aria-expanded="false">Pricing</a></div></li>
<li class="nav-item"><a class="nav-link link text-white text-primary display-4" href="resources.html">Grab resources</a>
</li><li class="nav-item"><a class="nav-link link text-white display-4" href="contact.html">Connect</a></li></ul>
<div class="navbar-buttons mbr-section-btn"><a class="btn btn-white display-4" href="https://funficient7392.setmore.com/" target="_blank"><span class="mobi-mbri mobi-mbri-calendar mbr-iconfont mbr-iconfont-btn"></span>
Make a booking</a></div>
</div>
</div>
</nav>
</section>
<section class="features21 cid-sduqUd46Ta" id="features22-46">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-md-8">
<div class="item mbr-flex">
<div class="icon-box w-100">
<span class="step-number mbr-fonts-style display-1">02</span>
</div>
<div class="text-box">
<h4 class="icon-title card-title mbr-black mbr-fonts-style display-2"><strong>Design</strong></h4>
<h5 class="icon-text mbr-black mbr-fonts-style display-7">Playful tools and techniques to design your product or service collaboratively.</h5>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="content15 cid-sduqUf0X8x" id="content15-47">
<div class="container">
<div class="row justify-content-center">
<div class="card col-md-12 col-lg-10">
<div class="card-wrapper">
<div class="card-box align-left">
<h4 class="card-title mbr-fonts-style mbr-white mb-3 display-5">
<strong>Bodystorming. Placestorming. Gamestorming.</strong></h4>
<p class="mbr-text mbr-fonts-style display-7">Spend time on what's most important. Validate early, validate often. An iterative approach to design ensures you don't waste time on lengthy design processes just to find out you built the wrong product. </p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="content10 cid-sduqUgS1ne" id="content10-48">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-md">
<h6 class="mbr-section-subtitle mbr-fonts-style mb-4 display-5">
Shape your ideas with playful design techniques.
</h6>
</div>
<div class="col-md-12 col-lg-6">
<p class="mbr-text mbr-fonts-style display-7">Bypass your existing mental models and cognitive bias with the power of play. The best products and services are also the most useful ones. <br><br>Make sure you're solving the right problem and solving it with a useful and practical solution early.<br><br>Come up with more innovative and crazy ideas with placestorming and gamestorming. Turn the crazy ideas into useful products with bodystorming and more gamestorming.<br></p>
</div>
</div>
</div>
</section>
<section class="timeline3 cid-sduqUj3SQJ" id="timeline3-4a">
<div class="container">
<div class="timelines-container mt-4">
<div class="row timeline-element first-separline mb-5">
<div class="timeline-date col-12">
<div class="timeline-date-wrapper">
</div>
</div>
<span class="iconBackground"></span>
<div class="col-12 col-md-6">
<div class="image-wrapper">
<img src="assets/images/features1.jpg" alt="Mobirise" title="">
</div>
</div>
<div class="col-12 col-md-6">
<div class="timeline-text-wrapper">
<h4 class="mbr-timeline-title mbr-fonts-style mb-0 display-5">
<strong>Gamestorming</strong><br></h4>
<p class="mbr-text mbr-fonts-style mt-3 mb-0 display-7"><strong>Duration: 2 - 5 hours<br></strong><br>Leverage lateral thinking for more original ideas with gamestorming.<br><br>Use one or more of the many Gamestorming games to come up with more original ideas and to include the whole team in the ideation phase for higher engagement and more commitment later in the project.<br><br>Read more about how a selection of gamestorming was used to help a bunch of entrepreneurs come up with a minimal viable product <strong>here >></strong>.<br></p>
</div>
</div>
</div>
<div class="row timeline-element first-separline mb-5">
<div class="timeline-date col-12">
<div class="timeline-date-wrapper">
</div>
</div>
<span class="iconBackground"></span>
<div class="col-12 col-md-6">
<div class="image-wrapper">
<img src="assets/images/features2.jpg" alt="Mobirise" title="">
</div>
</div>
<div class="col-12 col-md-6">
<div class="timeline-text-wrapper">
<h4 class="mbr-timeline-title mbr-fonts-style mb-0 display-5">
<strong>Bodystorming</strong></h4>
<p class="mbr-text mbr-fonts-style mt-3 mb-0 display-7"><br><strong>Duration: 2 - 5 hours
</strong><br><br>Validate assumptions early with bodystorming.
<br>
<br>Bodystorming is perfect if you are looking for opportunities. An interactive and fun role-playing activity, it enables you to gather insights by doing, rather than talking or thinking, removing assumptions from the word go.
<br>
<br>Read more about how bodystorming was used to help design an internet cafe in rural Africa here >>.</p>
</div>
</div>
</div>
<div class="row timeline-element first-separline mb-5">
<div class="timeline-date col-12">
<div class="timeline-date-wrapper">
</div>
</div>
<span class="iconBackground"></span>
<div class="col-12 col-md-6">
<div class="image-wrapper">
<img src="assets/images/features3.jpg" alt="Mobirise" title="">
</div>
</div>
<div class="col-12 col-md-6">
<div class="timeline-text-wrapper">
<h4 class="mbr-timeline-title mbr-fonts-style mb-0 display-5">
<strong>Placestorming</strong></h4>
<p class="mbr-text mbr-fonts-style mt-3 mb-0 display-7"><strong>Duration: 2 - 3 hours
<br></strong><br>Originally designed by game designer Jane McGonigal, placestorming is a fully immersive game experience to discover new ideas.<br><br>Placestorming gets participants physically active in real environments such as coffee shops, telephone booths or libraries. The teams use props while visiting specific locations to accomplish set-out missions. <br><br>They gain insights on their playful discovery while physically enacting possible technological innovations.<br></p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="content6 cid-sduqUlbcDO" id="content6-4b">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-12 col-lg-10">
<hr class="line">
<p class="mbr-text align-center mbr-fonts-style my-4 display-5">
<em>Bypass existing mental models and cognitive bias with play.</em></p>
<hr class="line">
</div>
</div>
</div>
</section>
<section class="content5 cid-sduqUmsHug" id="content5-4c">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-12 col-lg-10">
<h4 class="mbr-section-subtitle mbr-fonts-style mb-4 display-5">
What to expect</h4>
<p class="mbr-text mbr-fonts-style display-7">
Contact us to book an introductory call to tell us the problem you want to solve and pinpoint your main objective(s). Based on your budget, time, location and availability we'll design a workshop just for you (1 - 2 weeks lead time). If any preparation is required we'll let you know in advance, but in principle we believe that each session should be a self-contained unit where all planning, execution and reporting are done in the session.<br><br>On the day of the workshop we'll facilitate the session and adapt the plan as required and based on participant needs. It often happens that once we get into the details what was originally thought to be the main problem turns out not to be the problem at all, requiring the planned workshop to change into the new direction. <br><br>The session starts with a warmer and introductions, followed by the different activities and finally a retrospective to review the findings and agree on the next steps. </p>
</div>
</div>
</div>
</section>
<section class="content11 cid-sduqUnpTdj" id="content11-4d">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-12 col-lg-10">
<div class="mbr-section-btn align-center"><a class="btn btn-info display-4" href="contact.html">Contact Us</a>
<a class="btn btn-info-outline display-4" href="">Schedule introductory call</a></div>
</div>
</div>
</div>
</section>
<section class="info1 cid-sduqUoqktE" id="info1-4e">
<div class="align-center container">
<div class="row justify-content-center">
<div class="col-12 col-lg-8">
<h3 class="mbr-section-title mb-4 mbr-fonts-style display-1">
<strong>Pricing</strong></h3>
</div>
</div>
</div>
</section>
<section class="pricing2 cid-sduqUpFCG3" id="pricing2-4f">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-md-6 align-center col-lg-6">
<div class="plan">
<div class="plan-header">
<h6 class="plan-title mbr-fonts-style mb-3 display-5">
<strong>Pay-what-feels-right</strong></h6>
<div class="plan-price">
<p class="price mbr-fonts-style m-0 display-1"><strong>$500</strong></p>
<p class="price-term mbr-fonts-style mb-3 display-7"><strong>Let's barter</strong></p>
</div>
</div>
<div class="plan-body">
<div class="plan-list mb-4">
<ul class="list-group mbr-fonts-style list-group-flush display-7">
<li class="list-group-item">Minimum payment of $500, fully paid upfront</li><li class="list-group-item">Negotiate remaining terms</li><li class="list-group-item">Maximum 5 hours workshop</li><li class="list-group-item">Custom designed contents</li>
</ul>
</div>
<div class="mbr-section-btn text-center"><a href="contact.html" class="btn btn-black-outline display-4">Get started</a></div>
</div>
</div>
</div>
<div class="col-12 col-md-6 align-center col-lg-6">
<div class="plan">
<div class="plan-header">
<h6 class="plan-title mbr-fonts-style mb-3 display-5">
<strong>Set price</strong></h6>
<div class="plan-price">
<p class="price mbr-fonts-style m-0 display-1"><strong>$1 500</strong></p>
<p class="price-term mbr-fonts-style mb-3 display-7"><strong>Keep it simple</strong></p>
</div>
</div>
<div class="plan-body">
<div class="plan-list mb-4">
<ul class="list-group mbr-fonts-style list-group-flush display-7">
<li class="list-group-item">Set all inclusive price (excluding travel)</li><li class="list-group-item">Maximum 5 hours workshop</li><li class="list-group-item">Custom designed contents</li><li class="list-group-item">50% deposit, 50% on workshop day</li>
</ul>
</div>
<div class="mbr-section-btn text-center"><a href="contact.html" class="btn btn-black-outline display-4">Get started</a></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="content13 cid-sduqUr7XLn" id="content13-4g">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-12 col-lg-10">
<h3 class="mbr-section-title mbr-fonts-style mb-4 display-5">
<strong>Frequently asked questions</strong>
</h3>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-12 col-lg-10">
<div class="row justify-content-center">
<div class="col-12 col-lg-6">
<ul class="list mbr-fonts-style display-7">
<li><strong>Why use playful design over existing design thinking methods?</strong><br>Playful design is not different to design thinking and doesn't replace the existing methods that is often used. It rather ads an element of imagination and lateral thinking to the existing methods. Many of the games are in fact well known design thinking tools.</li><li><strong>Who is it for?</strong><br>Product discovery is suitable for any potential new project to identify and do some initial research before committing to a project to lower the risk and the cost. Entrepreneurs looking for a startup idea, digital agencies looking for original ideas or corporate companies in need of product growth or innovation can benefit from playful discovery.<br><br>It is ideal for anyone looking for a new idea or pivoting an existing idea. </li><li><span style="font-size: 1.2rem;"> </span><span style="font-size: 1.2rem;"><strong>How many people can play?</strong><br>We believe that less is more and like to focus on small groups. The ideal size is 5 - 6 people per team with a minimum of 3 and a maximum of 8 per group with a maximum of 5 teams per session. The larger the group the more time is required thus it is more efficient to have small focus groups.<br></span><br>Depending on the organization we need representatives from all the key functions such as design, development, finance, customer communications and support.</li>
</ul>
</div>
<div class="col-12 col-lg-6">
<ul class="list mbr-fonts-style display-7">
<li><strong>What is playful design?
</strong><br>Playful design uses well known game mechanics such as time limits, randomness and the use of avatars; movement and imagination to augment traditional design.</li>
<li><strong>Is playful design suitable for larger, more serious companies?<br></strong>This extension allows editing the code of block in the
app. Also,
it's possible to add code to the head and body parts of pages.</li><li><strong>What types of projects is it most suited for?</strong><br>Any product or service in the startup phase where the idea or solution is fuzzy or unclear. As an emerging technique, the solution unfolds in a dynamic way.</li><li><strong>Where are the workshops held?</strong><br>It depends on you. Ideally and for the most immersive experience the team should be co-located but remote sessions are also available for smaller groups.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="footer4 cid-sduqUsb2Qw" once="footers" id="footer4-4h">
<div class="container">
<div class="row mbr-white">
<div class="col-6 col-lg-3">
<div class="media-wrap col-md-8 col-12">
<a href="home.html">
<img src="assets/images/funficient-2020-favicon-bubble-color-128x97-1.png" alt="Funficient">
</a>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3">
<h5 class="mbr-section-subtitle mbr-fonts-style mb-2 display-7">
<strong>About</strong>
</h5>
<p class="mbr-text mbr-fonts-style mb-4 display-4">
Based in Cape Town, we help teams globally accelerate productivity by focusing on the human aspect to build the right thing, right. <br>#change #play #teal </p>
<h5 class="mbr-section-subtitle mbr-fonts-style mb-3 display-7">
<strong>Social</strong></h5>
<div class="social-row display-7">
<div class="soc-item">
<a href="https://twitter.com/funficient" target="_blank">
<span class="mbr-iconfont socicon-twitter socicon"></span>
</a>
</div>
<div class="soc-item">
<a href="https://www.linkedin.com/in/kate-dames-509631171/" target="_blank">
<span class="mbr-iconfont socicon-linkedin socicon"></span>
</a>
</div>
<div class="soc-item">
<a href="https://medium.com/@funficient" target="_blank">
<span class="mbr-iconfont socicon-medium socicon"></span>
</a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3">
<h5 class="mbr-section-subtitle mbr-fonts-style mb-2 display-7">
<strong>Services</strong></h5>
<ul class="list mbr-fonts-style display-4">
<li class="mbr-text item-wrap"><a href="teams.html#features3-85" class="text-primary">Design sprint workshops</a></li><li class="mbr-text item-wrap"><a href="teams.html#features3-85" class="text-primary">Agile and team coaching</a></li><li class="mbr-text item-wrap"><a href="teams.html#features3-85" class="text-primary">Project and product management</a></li><li class="mbr-text item-wrap"><a href="individual.html#features3-8a" class="text-primary">Personal coaching</a></li><li class="mbr-text item-wrap"><a href="pricing.html" class="text-primary">Pricing</a></li>
</ul>
</div>
<div class="col-12 col-md-6 col-lg-3">
<h5 class="mbr-section-subtitle mbr-fonts-style mb-2 display-7"><strong>Resources</strong></h5>
<ul class="list mbr-fonts-style display-4">
<li class="mbr-text item-wrap"><a href="resources.html#features22-7n" class="text-primary">6 Thinking Hat printable cards</a></li><li class="mbr-text item-wrap"><a href="resources.html#features22-7n" class="text-primary">Appreciative Inquiry starter kit</a></li>
</ul>
</div>
<div class="col-12 mt-4">
<p class="mbr-text mb-0 mbr-fonts-style copyright align-center display-7">
© Copyright 2020-2021 funficient - All Rights Reserved
</p>
</div>
</div>
</div>
</section><section style="background-color: #fff; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif; color:#aaa; font-size:12px; padding: 0; align-items: center; display: flex;"><a href="https://mobirise.site/m" style="flex: 1 1; height: 3rem; padding-left: 1rem;"></a><p style="flex: 0 0 auto; margin:0; padding-right:1rem;">Develop your own <a href="https://mobirise.site/y" style="color:#aaa;">site</a> with Mobirise</p></section><script src="assets/web/assets/jquery/jquery.min.js"></script> <script src="assets/popper/popper.min.js"></script> <script src="assets/tether/tether.min.js"></script> <script src="assets/bootstrap/js/bootstrap.min.js"></script> <script src="assets/smoothscroll/smooth-scroll.js"></script> <script src="assets/dropdown/js/nav-dropdown.js"></script> <script src="assets/dropdown/js/navbar-dropdown.js"></script> <script src="assets/touchswipe/jquery.touch-swipe.min.js"></script> <script src="assets/theme/js/script.js"></script>
</body>
</html>