-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
386 lines (373 loc) · 19.1 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Start cookieyes banner -->
<script id="cookieyes" type="text/javascript"
src="https://cdn-cookieyes.com/client_data/5dc1c9a65198863c96c4019b.js" async></script>
<!-- End cookieyes banner -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-QJBR1MV8X1"></script>
<script defer>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-QJBR1MV8X1');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Take part in a study of Upwork Freelancers' Work-Life Balance" />
<meta property="og:description"
content="This research project aims to explore the perceived work-life balance of freelancers who use the platform Upwork to complete freelance work. The main purpose of this research is to investigate how features of the Upwork platform impact freelancers work and personal preferred boundaries. Learn more about the study." />
<meta property="og:url" content="https://carlos-alvarezdelavega.github.io/freelance-balance/" />
<meta property="og:image:type" content="image/jpg" />
<meta property="og:image:width" content="1200px" />
<meta property="og:image:height" content="630px" />
<meta property="og:image" content="https://carlos-alvarezdelavega.github.io/freelance-balance/assets/Freelancebalance-banner.jpg" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="en_GB" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:creator" content="@CarlosAlvarezIF">
<meta name="twitter:title" content="Participate in a study about Freelancers' Work-Life Balance">
<meta name="twitter:description"
content="This research project aims to explore the perceived work-life balance of freelancers who use the platform Upwork to complete freelance work. Sign up here." />
<meta name="twitter:image" content="https://freelbalance.info/assets/Freelancebalance-banner.jpg" />
<title>Qualitative Exploration of Upwork Freelancers’ Work-Life Balance</title>
<link rel="stylesheet" href="css/mystyles.css">
<link rel="icon" type="image/png" href="assets/Freelance-balance-favicon-02.png">
<link type="image/jpg" href="assets/Freelancebalance-banner.jpg">
<link type="image/png" href="assets/northumbria-university-logo.png">
<link rel="stylesheet" type="text/css"
href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />
</head>
<body>
<nav class="navbar is-light has-shadow is-fixed-top" role="navigation" aria-label="main navigation">
<!--Logo / brand -->
<div class="navbar-brand">
<a class="navbar-item" href="#home">
<img src="assets/Freelance-balance-01.svg" alt="freelance balance logo" href="#home" data-target="home">
</a>
<a class="navbar-burger" role="bottom" data-target="menubar" id="navbar-burger" aria-label="menu"
aria-expanded="false">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div class="navbar-menu is-primary" id="menubar">
<div class="navbar-end">
<a href="#home" class="navbar-item" data-target="home">Top</a>
<a href="#about" class="navbar-item" data-target="about">About the study</a>
<a href="#faqs" class="navbar-item" data-target="faqs">FAQs</a>
<a href="./assets/Freelance-Balance-Information-Sheet.pdf" target="_blank" class="navbar-item" data-target="">Participant information PDF</a>
</div>
</div>
</nav>
<!--Section Landing -->
<section class="section" id="home">
<div class="hero is-primary">
<div class="hero-body mt-4">
<div class="container">
<div class="notification is-primary">
<div class="columns is-vcentered is-multiline">
<div class="column">
<h1 class="is-size-2 title is-size-3-mobile mb-4">Freelance Balance</h1>
<!--<p style="font-size: 160%;"> Registrations are closed. We have received the maximun amount of participants, thank you for your interest.<p>-->
<br>
<p>This research study aims to explore the perceived work-life balance of freelancers who use the
platform Upwork to conduct freelance work. We are particularly interested in how freelancers go about establishing work and personal boundaries.
To do so, we will ask you to take part in a diary study with a post-interview. Please read all this information carefully. This
research project is funded and organised
by <a href="https://www.northumbria.ac.uk/research/" target="_blank" style="color:#FFB296;">
<u>Northumbria
University</u></a> and has <em>no</em> relation or association with Upwork in any
form. If you have any questions, you can always reach out to us at: [email protected]
</p>
<br></br>
<button class="button is-light is-centered"><a href="#who">Who can take part?</a></button>
</div>
<div class="column is-6-desktop">
<!--<img src="assets/section-1.png" alt="Freelancer artwork" class="px-6">-->
<video width="1920" height="1010" controls>
<source src="./assets/Freelance Balance Ad Cut 1.mp4" type="video/mp4"> Your browser does not support the video tag.
</video>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Who can take part? -->
<section class="section" id="who">
<div class="hero-body mt-4">
<div class="columns is-vcentered is-multiline">
<div class="column is-6-desktop is-hidden-mobile">
<img src="assets/section-2.png" alt="participant artwork" class="px-6">
</div>
<div class="column is-6-desktop">
<h1 class="is-size-3 title mb-4">Who can take part?</h1>
<p>We are recruiting professionals that use the Upwork platform regularly to complete freelance services. To
take part you must fulfil the following requirements: </p>
<br></br>
<div class='list-item'>
<li>
Be 18 years or older.
</li>
</div>
<div class='list-item'>
<li>
Use the platform Upwork regularly to conduct freelance work and have successfully completed at least one
job through the platform.
</li>
</div>
<div class='list-item'>
<li>
Intend to use the Upwork platform as a freelancer during the period of the study (upcoming months).
</li>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="is-divider"></div>
<!-- About the study -->
<section class="hero is-info is-medium" id="about">
<div class="hero-body">
<div class="container">
<div class="columns columns is-vcentered">
<div class="column">
<h1 class="is-size-2-desktop title is-size-3-mobile mb-4">About the study</h1>
<p>We will ask you to take part in a 14-day diary study with a post-interview.
You will use WhatsApp to capture diary entries. In the interview, we will discuss your diary entries,
experience using Upwork, and preferences to combine Upwork with other life activities.
In detail, the study consists of the four stages detailed below. </p>
</div>
<div class="column is-6-desktop is-6-tablet is-hidden-mobile">
<img src="assets/section-3.png" alt="Freelancer artwork" class="px-6">
</div>
</div>
</div>
<!-- Study steps-->
<br></br>
<div class="container">
<div class="columns is-7 is-variable is-multiline">
<div class="column">
<figure class="image is-128x128">
<img src="assets/Survey.png" alt="Survey icon">
</figure>
<h2 class="subtitle is-size-5 has-text-weight-semibold" style="font-weight: bold;"> 1. Registration Survey
</h2>
<p>In this survey, you will share some details about yourself, your experience with Upwork, and your
work-life balance preferences. This survey will determine if you are a suitable candidate for
participating in this study. The survey takes between 5-10 minutes to complete. All this
information will be kept confidential.</p>
<br>
<!-- Temporarily closed -->
<div class="buttons">
<button class="button is-primary" href="https://forms.office.com/Pages/ResponsePage.aspx?id=3c9X5zUfV0Svj3ycaxQ342SwHL1nc7FKhnO8jxbK2MJUQkZMM0FJSVhEMUVNNFNNUkhUU1o2NkZLTy4u"
target="_blank">
<a href="https://forms.office.com/Pages/ResponsePage.aspx?id=3c9X5zUfV0Svj3ycaxQ342SwHL1nc7FKhnO8jxbK2MJUQkZMM0FJSVhEMUVNNFNNUkhUU1o2NkZLTy4u"
target="_blank" style="color:#fff;">Take survey</a>
</button>
</div>
</div>
<div class="column">
<figure class="image is-128x128" alt="On-boarding interview icon">
<img src="assets/On-boarding.png">
</figure>
<h2 class="subtitle is-size-5 has-text-weight-semibold" style="font-weight: bold;"> 2. On-Boarding call
</h2>
<p>This call is aimed at explaining in detail the captures you will complete during the diary study. The
lead researcher will reiterate the purposes of the study and clarify any questions you might have. This
call will last between 10-20 minutes and will take place over Microsoft Teams at a time of your and
the researcher’s convenience, taking into account time zones. </p>
</div>
</div>
<br>
<div class="container">
<div class="columns is-7 is-variable is-multiline">
<div class="column">
<figure class="image is-128x128" alt="Activities icon">
<img src="assets/Research-activities.png">
</figure>
<h2 class="subtitle is-size-5 has-text-weight-semibold" style="font-weight: bold;"> 3. Diary Captures
</h2>
<p>Starting the day after the on-boarding call, you will be asked to capture short diary entries for 14
days. Each day, you will receive a diary prompt on WhatsApp, as well as a reminder to capture your entry
and share your response back. Capturing your diary entries should not take you more than a few minutes to
complete, and you should capture them when is most convenient during the day. You can capture your diary
entries using different formats supported by WhatsApp, such as taking photos, recording voice notes,
filming yourself, or simply typing down your answers.
<br></br>
The diary prompts will vary across the 14 days and cover the following themes:
<div class='list-item'>
<li>
perceptions of your work activities and use of the Upwork platform,
</li>
</div>
<div class='list-item'>
<li>
non-work activities that you enjoy and help you recover from work, and
</li>
</div>
<div class='list-item'>
<li>
perceptions of your work-life boundaries.
</li>
</div>
<br></br>
* If you do not have access to WhatsApp, you can still take part in the study by completing the
activities and sharing them with the researcher via email.
</p>
</div>
<div class="column">
<figure class="image is-128x128" alt="Activities icon">
<img src="assets/Follow-up interview.png">
</figure>
<h2 class="subtitle is-size-5 has-text-weight-semibold" style="font-weight: bold;"> 4. Post-Diary
Interview
</h2>
<p>Within a week of completing your diary, you will take part in an interview. The purpose of this
interview is to talk through your diary captures, provide more details, and more contextual
explanations. The interview will last around 60 minutes and will take place over Microsoft Teams at
a date and time of your and researcher’s convenience, taking into account time zones.
</p>
</div>
</div>
</div>
<br>
<div class="container">
<div class="columns is-7-is-multiline">
<div class="column is-half">
<h2 class="subtitle is-size-5 has-text-weight-semibold" style="font-weight: bold;">
Compensation
</h2>
<p>
Once you complete all four stages of the study (survey, on-boarding call, 14-day diary, and interview),
you will receive an Amazon voucher worth £30 as a compensation for your time.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FAQs section -->
<section class="hero is-primary is-medium" id="faqs">
<div class="hero-body">
<div class="container">
<div class="columns columns is-vcentered">
<div class="column is-6-desktop is-6-tablet is-8-mobile">
<img src="assets/FAQs-graphic-1.png" alt="FAQs artwork" class="px-6">
</div>
<div class="column">
<h1 class="is-size-2-desktop is-size-3-mobile title mb-4">FAQs</h1>
<br></br>
<h2 class="subtitle is-size-8 has-text-weight-semibold" style="font-weight: bold;">Do I have to take
part?
</h2>
<p>No. Participation is entirely voluntary. If you take part, you are
still free to withdraw at any time. You do not have to give a reason. If you withdraw, we will delete any
data you would have provided. </p>
<br></br>
<h2 class="subtitle is-size-8 has-text-weight-semibold" style="font-weight: bold;">How much time will I
dedicate to the study?
</h2>
<p>The estimated time for each of the study stages is as follows:
<br></br>
<div class='list-item'>
<li>
Registration survey – 5-10 minutes
</li>
</div>
<div class='list-item'>
<li>
On-boarding call – 10-20 minutes
</li>
</div>
<div class='list-item'>
<li>
Diary captures – a few minutes per day for 14 days
</li>
</div>
<div class='list-item'>
<li>
Post-diary interview – around 60 minutes
</li>
</div>
</p>
<br></br>
<h2 class="subtitle is-size-8 has-text-weight-semibold" style="font-weight: bold;">Will I be compensated
for taking part?
</h2>
<p>Once you complete all study stages (survey, on-boarding call, 14-day diary,
and post-diary interview), you will receive an Amazon voucher worth £30 as compensation for your time.
</p>
</div>
</div>
</div>
<!-- FAQs section 2 -->
<div class="container">
<div class="columns columns is-vcentered">
<div class="column">
<h2 class="subtitle is-size-8 has-text-weight-semibold" style="font-weight: bold;"> Will my taking part
in this study be kept confidential and anonymous?
</h2>
<p>Yes. Your name will not be written on any of the data we collect; the written information you provide
will have an ID number – not your name. Your name will not be written on the recorded interview, or on
the typed-up versions of your discussions from the interview, and your name will not appear in any reports
or documents resulting from this study. All the data collected from you in this study will be
confidential, taking especial care of any media you might share during the diary captures.</p>
<br>
<p><u><a href="./assets/Freelance-Balance-Information-Sheet.pdf" class="link1" style="color:#FFB296;">Download the participant information sheet</a></u>
for
more details on what type of data we will collect and how we will protect it.
</p>
<br>
<h2 class="subtitle is-size-8 has-text-weight-semibold" style="font-weight: bold;">Who is Organising and
Funding the Study?
</h2>
<p>This study is organised and funded by <a href="https://www.northumbria.ac.uk/research/" target="_blank"
style="color:#FFB296;">
<u>Northumbria University</u></a>, Newcastle upon Tyne, UK. This study has
<em>no</em> relation to Upwork in any form. </p>
<br></br>
</div>
<div class="column is-7-desktop is-7-tablet is-11-mobile">
<img src="assets/Faq-graphic-2.png" alt="FAQs artwork 2" class="px-6">
</div>
</div>
</div>
<!-- Call to action -->
<br>
<br>
<br>
<!-- Temporarily closed -->
<div class="container has-text-centered">
<h1 class="title size-is-1 is-spaced">
Interested in taking part?
</h1>
<button class="button is-light is-centered"><a
href="https://forms.office.com/Pages/ResponsePage.aspx?id=3c9X5zUfV0Svj3ycaxQ342SwHL1nc7FKhnO8jxbK2MJUQkZMM0FJSVhEMUVNNFNNUkhUU1o2NkZLTy4u"
target="_blank">Take survey</a></button>
</div>
</div>
</section>
<!--Footer-->
<footer class="footer">
<div class="content has-text-centered has-text-primary">
<p> <u><a href="./assets/Freelance-Balance-Information-Sheet.pdf" target="_blank">Participant Information Sheet PDF</a></u> | <u><a href="https://forms.office.com/Pages/ResponsePage.aspx?id=3c9X5zUfV0Svj3ycaxQ342SwHL1nc7FKhnO8jxbK2MJUQkZMM0FJSVhEMUVNNFNNUkhUU1o2NkZLTy4u" target="_blank">Take the registration survey</a></u> | Contact information:
<br>
<p>Some graphics on this website have been designed by <u><a href="https://www.freepik.com"
target=”_blank”>Freepik.com</a> </u> and modified to fit the website visual identity.</p>
<br>
<p>Supported by <a href="https://www.northumbria.ac.uk/research/" target="_blank"> <u>Northumbria
University</u></a>, Freelance Balance is © 2021.</p>
</div>
</footer>
<script src="index.js"></script>
<script src="zenscroll-min.js"></script>
</body>
</html>