-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
338 lines (310 loc) · 18.1 KB
/
index.html
File metadata and controls
338 lines (310 loc) · 18.1 KB
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
<!doctype html>
<html lang="sv">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Surview | Customer insight meets dialogue</title>
<meta name="description" content="Surview provides an improved and fully automated way of performing surveys, by combining natural language processing with ordinary text-messages.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="google-site-verification" content="uroA3LjiNLVH5-vZOY9vRF0lwefkkqM_GAvfcNN1HpQ" />
<meta name="author" content="Surview, info@surview.se">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@surview" />
<meta name="twitter:title" content="Customer insight meets dialogue" />
<meta name="twitter:description" content="Surview provides an improved and fully automated way of performing surveys." />
<meta property="og:title" content="Customer insight meets dialogue." />
<meta property="og:description" content="Surview provides an improved and fully automated way of performing surveys, by combining natural language processing with ordinary text-messages." />
<meta property="og:url" content="https://surview.se/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Surview">
<meta property="og:locale" content="en_US">
<meta property="article:author" content="Surview">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="wrapper">
<svg class="logo" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 768 584">
<path d="M37.282,530.462c-22.347-1.969-33.577-11.925-33.577-29.292c0-19.22,15.746-31.724,40.06-31.724
c12.968,0,23.388,2.895,32.188,7.642c2.547,1.389,3.473,2.315,4.167,3.473c0.695,1.158,0.695,1.853,0.695,2.778
c0,0.695-0.462,1.853-1.157,2.779c-1.158,1.39-2.548,2.084-4.169,2.084c-1.621,0-2.895-0.579-5.557-2.084
c-7.642-4.168-16.094-6.252-26.167-6.252c-18.292,0-28.481,7.642-28.481,21.304c0,11.578,7.062,17.251,22.692,18.64l18.063,1.621
c18.525,1.621,32.65,7.526,32.65,29.292c0,20.377-17.368,33.114-44.691,33.114c-16.904,0-28.945-3.821-39.134-10.884
C1.969,570.985,0,568.901,0,566.47c0-1.39,0.464-2.779,1.853-4.168c0.926-0.927,2.315-1.39,3.705-1.39
c1.852,0,3.473,0.81,6.715,3.242c8.336,6.252,18.061,9.031,31.26,9.031c21.766,0,33.576-7.41,33.576-22.462
c0-11.578-6.831-17.367-21.304-18.64L37.282,530.462z"/>
<path d="M197.061,569.248c-8.336,9.726-19.452,14.589-32.882,14.589c-12.503,0-22.692-3.705-29.871-10.652
c-7.526-7.178-11.579-17.83-11.579-31.029v-64.142c0-3.126,0.348-4.4,1.274-5.789c0.926-1.389,2.779-2.315,4.748-2.315
c1.967,0,3.821,0.927,4.746,2.315c0.926,1.39,1.274,2.663,1.274,5.789v61.827c0,21.535,10.651,33.345,30.797,33.345
s31.493-12.041,31.493-33.345v-61.827c0-3.126,0.347-4.4,1.273-5.789c0.927-1.389,2.779-2.315,4.748-2.315
s3.821,0.927,4.746,2.315c0.927,1.39,1.274,2.663,1.274,5.789v97.256c0,3.126-0.347,4.399-1.274,5.789
c-0.926,1.39-2.778,2.315-4.746,2.315s-3.821-0.926-4.748-2.315c-0.926-1.39-1.273-2.663-1.273-5.789V569.248z"/>
<path d="M254.027,478.013c0-3.126,0.348-4.4,1.274-5.789c0.926-1.389,2.779-2.315,4.746-2.315c1.969,0,3.822,0.927,4.748,2.315
c0.926,1.39,1.274,2.663,1.274,5.789v7.642c6.483-10.42,19.451-16.209,32.418-16.209c7.642,0,13.894,1.389,20.378,5.326
c3.01,1.852,5.789,3.937,5.789,7.179c0,1.389-0.695,3.01-1.622,3.936c-1.157,1.158-2.547,1.852-4.167,1.852
s-3.01-0.695-7.179-3.241c-4.515-2.779-9.725-4.4-15.282-4.4c-19.914,0-30.335,15.746-30.335,33.808v61.364
c0,3.126-0.348,4.399-1.274,5.789s-2.779,2.315-4.748,2.315c-1.967,0-3.821-0.926-4.746-2.315
c-0.926-1.39-1.274-2.663-1.274-5.789V478.013z"/>
<path d="M343.644,479.634c-0.926-2.778-1.158-4.399-0.579-6.02c0.81-2.2,2.779-3.705,5.443-3.705c3.241,0,4.978,2.2,6.252,6.02
l30.566,91.814l30.566-91.814c1.274-3.821,3.01-6.02,6.253-6.02c2.662,0,4.631,1.505,5.441,3.705
c0.579,1.621,0.348,3.242-0.579,6.02l-33.228,95.635c-1.043,3.126-2.084,5.21-3.937,6.599c-1.273,1.042-2.778,1.505-4.515,1.505
c-1.736,0-3.241-0.463-4.515-1.505c-1.852-1.389-2.895-3.473-3.936-6.599L343.644,479.634z"/>
<path d="M455.027,424.754c0-4.746,3.821-8.568,8.567-8.568c4.748,0,8.568,3.821,8.568,8.568c0,4.747-3.821,8.568-8.568,8.568
C458.847,433.323,455.027,429.501,455.027,424.754z M457.574,478.013c0-3.126,0.348-4.4,1.274-5.789
c0.926-1.389,2.779-2.315,4.746-2.315c1.969,0,3.822,0.927,4.748,2.315c0.926,1.39,1.274,2.663,1.274,5.789v97.256
c0,3.126-0.348,4.399-1.274,5.789c-0.926,1.39-2.779,2.315-4.748,2.315c-1.967,0-3.821-0.926-4.746-2.315
c-0.926-1.39-1.274-2.663-1.274-5.789V478.013z"/>
<path d="M520.094,529.188c0,28.25,12.736,43.997,36.355,43.997c9.379,0,18.525-2.547,25.704-8.799
c3.241-2.895,4.515-3.936,6.715-3.936c2.778,0,5.326,2.663,5.326,5.326c0,4.978-8.105,9.957-11.81,12.041
c-6.253,3.589-15.515,6.02-26.63,6.02c-30.798,0-47.701-19.914-47.701-57.196c0-36.818,17.135-57.195,44.922-57.195
c27.672,0,44.691,20.377,44.691,52.564c0,1.505,0,3.937-1.621,5.557s-3.705,1.621-5.557,1.621H520.094z M585.858,519.231
c-0.464-9.262-1.158-13.546-3.937-20.493c-4.631-11.578-15.746-18.64-28.945-18.64c-13.199,0-24.314,7.178-28.945,18.64
c-2.779,6.947-3.474,11.23-3.936,20.493H585.858z"/>
<path d="M621.639,479.518c-0.81-2.895-0.926-4.4-0.348-6.02c0.695-1.968,3.011-3.589,5.558-3.589c1.505,0,2.779,0.464,3.936,1.621
c0.81,0.81,1.505,2.315,2.2,4.746l26.283,91.467l25.587-86.835c1.274-4.4,2.432-7.526,4.632-9.262
c1.273-1.042,3.01-1.737,4.978-1.737c1.969,0,3.705,0.695,4.979,1.737c2.2,1.737,3.357,4.863,4.631,9.262l25.588,86.835
l26.282-91.467c0.695-2.431,1.39-3.936,2.2-4.746c1.158-1.158,2.431-1.621,3.936-1.621c2.548,0,4.863,1.621,5.558,3.589
c0.579,1.621,0.464,3.126-0.347,6.02l-28.019,92.856c-1.274,4.4-2.432,7.526-4.632,9.262c-1.273,1.042-3.01,1.736-4.978,1.736
c-1.969,0-3.705-0.694-4.979-1.736c-2.2-1.737-3.357-4.863-4.631-9.262l-25.588-85.099l-25.587,85.099
c-1.274,4.4-2.432,7.526-4.632,9.262c-1.273,1.042-3.01,1.736-4.978,1.736c-1.969,0-3.705-0.694-4.979-1.736
c-2.2-1.737-3.358-4.863-4.631-9.262L621.639,479.518z"/>
<path fill="#0076FF" d="M448,32c-11.66,0-37.838,0-64.014,0c0,0,0.008,0.001,0.008,0.001C320,32.001,320,3.212,384,3.212
c-10.34-2.099-21.041-3.202-32-3.202c-87.254,0-158.187,70.202-159.958,156.688c-0.028,1.101-0.042,2.2-0.042,3.307
C192,230.698,249.308,288,320,288c11.66,0,37.838,0,64.014,0c0,0-0.008,0.01-0.008,0.01C448,288.01,448,316.805,384,316.805
c10.34,2.099,21.041,3.205,32,3.205c88.366,0,160-71.639,160-160.005C576,89.312,518.692,32,448,32z M288,184.012
c-13.255,0-24-10.745-24-24s10.745-24,24-24s24,10.745,24,24S301.255,184.012,288,184.012z M384,184.012c-13.255,0-24-10.745-24-24
s10.745-24,24-24s24,10.745,24,24S397.255,184.012,384,184.012z M480,184.012c-13.255,0-24-10.745-24-24s10.745-24,24-24
s24,10.745,24,24S493.255,184.012,480,184.012z"/>
</svg>
<header class="hero">
<div class="hero__background"></div>
<div class="column hero__phone">
<svg class="phone" width="100%" height="100%" viewBox="0 0 241 489" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;">
<path id="phoneBody" d="M237.804,29.438c0,-15.565 -12.637,-28.201 -28.201,-28.201l-178.606,0c-15.564,0 -28.201,12.636 -28.201,28.201l0,429.627c0,15.564 12.637,28.2 28.201,28.2l178.606,0c15.564,0 28.201,-12.636 28.201,-28.2l0,-429.627Z" style=""/>
<path id="phoneCamera" d="M89.036,30.374c0,1.954 -1.608,3.562 -3.562,3.562c-1.954,0 -3.562,-1.608 -3.562,-3.562c0,-1.954 1.608,-3.562 3.562,-3.562c1.954,0 3.562,1.608 3.562,3.562c0,0 0,0 0,0Z" style="stroke-linejoin:round;stroke-miterlimit:1.41421;"/>
<path id="phoneSpeaker" d="M141.579,30.57c0,-2.074 -1.684,-3.758 -3.758,-3.758l-34.559,0c-2.074,0 -3.758,1.684 -3.758,3.758c0,2.075 1.684,3.758 3.758,3.758l34.559,0c2.074,0 3.758,-1.683 3.758,-3.758Z" style="stroke-linejoin:round;stroke-linejoin:round;stroke-miterlimit:1.5;"/>
<path id="phoneHome" d="M140.139,457.729c0,10.883 -8.956,19.838 -19.839,19.838c-10.883,0 -19.839,-8.955 -19.839,-19.838c0,-10.883 8.956,-19.839 19.839,-19.839c10.883,0 19.839,8.956 19.839,19.839Z" style="stroke-linejoin:round;stroke-miterlimit:1.41421;"/>
<path id="phoneLock" d="M237.807,103.244l0,37.476l1.063,0c0.795,0 1.43,-0.636 1.43,-1.431l0,-34.592c0,-0.795 -0.635,-1.453 -1.43,-1.453l-1.063,0Z" style="stroke-linejoin:round;stroke-miterlimit:1.41421;"/>
<path id="phoneSilent" d="M2.793,63.863l0,16.257l-1.063,0c-0.795,0 -1.43,-0.275 -1.43,-0.62l0,-15.007c0,-0.345 0.635,-0.63 1.43,-0.63l1.063,0Z" style="stroke-linejoin:round;stroke-miterlimit:1.41421;"/>
<path id="phoneVolumeUp" d="M2.793,103.374l0,33.675l-1.063,0c-0.795,0 -1.43,-0.571 -1.43,-1.285l0,-31.085c0,-0.714 0.635,-1.305 1.43,-1.305l1.063,0Z" style="stroke-linejoin:round;stroke-miterlimit:1.41421;"/>
<path id="phoneVolumeDown" d="M2.793,147.199l0,33.676l-1.063,0c-0.795,0 -1.43,-0.571 -1.43,-1.285l0,-31.085c0,-0.714 0.635,-1.306 1.43,-1.306l1.063,0Z" style="stroke-linejoin:round;stroke-miterlimit:1.41421;"/>
<rect id="phoneScreen" x="15.583" y="58.13" width="209.434" height="372.071" style="stroke-linejoin:round;" />
</svg>
<div class="messages" id="messages">
</div>
</div>
<div class="column hero__content">
<h1 class="hero__title">
Customer insight meets dialogue
</h1>
<p class="hero__tagline">
We provide an award-winning surveying format, by combining natural language processing with ordinary text-messages.
</p>
<div class="hero__buttons">
<a href="#readMore" class="button is-large is-primary">Read more</a>
</div>
</div>
</header>
<section class="section">
<div class="columns">
<div class="column is-twelve">
<h2>
By combining natural language processing with text-messaging we allow surveys to be performed in a conversational, fully automated manner.
</h2>
</div>
</div>
</section>
<section class="section" id="readMore">
<div class="columns are-gapped are-gridded">
<div class="column is-four">
<h3>Automated yet personal</h2>
<p>
Our state-of-the-art machine learning models makes asking questions easier than ever before. In fact, it’s so easy you don’t have to do anything at all.
</p>
</div>
<div class="column is-four">
<h3>Supercharged responses</h2>
<p>
Surview completely mitigates survey fatigue by letting the respondents fill out the survey using directly in their phone. Launch a survey and receive answers seconds later.
</p>
</div>
<div class="column is-four">
<h3>Hassle-free integration</h2>
<p>
Real-time or post-survey export? We offer both. Pick your poison and easily integrate Surview with your current workflow.
</p>
</div>
<div class="column is-four">
<h3>Award-winning technique</h2>
<p>
Being able to stand out from the crowd is a considerable challenge for any company these days.
Our award-winning technique connects you to your audience without having to compete for the top spot in your customers' inbox.
</p>
</div>
<div class="column is-four">
<h3>Fast and effective</h2>
<p>
Everyone does text-messaging, which is why the conversational format makes for even better response rates,
and even faster response times.
</p>
</div>
<div class="column is-four">
<h3>Unique insight</h2>
<p>
Surview brings you real actionable data and the tools you need make those actions happen.
We annotate and verify the data for you – so that you can focus on building a great business.
</p>
</div>
</div>
</section>
<section class="splits">
<div class="columns">
<div class="column is-half">
<div class="split is-first">
<span class="split__number">
40<sup>%</sup>
</span>
<span class="split__text">
Response rate*
</span>
</div>
</div>
<div class="column is-half">
<div class="split is-second">
<span class="split__number">
75<sup>%</sup>
</span>
<span class="split__text">
Within the first hour*
</span>
</div>
</div>
</div>
<p class="splits-text">
*Rates may differ depending on target audience and survey domain.
</p>
</section>
<section class="section">
<div class="columns">
<div class="column is-twelve">
<h2 style="text-align: center">
Our format connects you to your audience on a personal level,
while also improving response rates and response times.
</h2>
</div>
</div>
</section>
<section class="contact" id="contact">
<h2>Contact us</h2>
<div class="columns">
<div class="column">
<ul class="fa-ul">
<li><i class="fa fa-li fa-envelope-o"></i> info@surview.se</li>
<li><i class="fa fa-li fa-map-marker"></i>
<b>Vasa (Startup Camp & Encubation)</b><br>
Vera Sandbergs Allé 8<br>
411 33, Gothenburg
</li>
</ul>
</div>
</div>
<div class="columns are-gridded">
<div class="column is-six">
<address>
<ul class="fa-ul">
<li>
<i class="fa fa-li fa-user-o"></i>
<b>David Helldén</b><br>
</li>
</ul>
</address>
</div>
<div class="column is-six">
<address>
<ul class="fa-ul">
<li>
<i class="fa fa-li fa-user-o"></i>
<b>Henrik Nilson</b><br>
</li>
</ul>
</address>
</div>
<div class="column is-six">
<address>
<ul class="fa-ul">
<li>
<i class="fa fa-li fa-user-o"></i>
<b>Mats Högberg</b><br>
</li>
</ul>
</address>
</div>
<div class="column is-six">
<address>
<ul class="fa-ul">
<li>
<i class="fa fa-li fa-user-o"></i>
<b>Filip Hallqvist</b><br>
</li>
</ul>
</address>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<p class="copyright">
Copyright © 2018 Surview. All rights reserved.
</p>
</div>
</footer>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-82642566-1', 'auto');
ga('send', 'pageview');
var messages = [
"Hi Frida! You just spoke with our support team. Did everything go alright?",
"Hey! Absolutely – everything went fine.",
"That's good to hear! Is there anything we could improve until next time?",
"Well, it would be nice if they were a little less technical.",
"Thanks for your feedback, we'll look into it. Is there anything else?",
"No, they were great otherwise!",
"Alright, have a great weekend, and thanks for using our services! :)",
"Thanks! :)"
];
function printMessage(messageIndex) {
return function() {
var messagesDiv = document.getElementById('messages');
var messageDiv = document.createElement('div');
var messageP = document.createElement('p');
var messageTextNode = document.createTextNode(messages[messageIndex]);
messageP.appendChild(messageTextNode);
messageDiv.appendChild(messageP);
messageDiv.className = messageIndex % 2 == 0 ? 'message' : 'message is-me';
messageP.className = 'message__text';
messagesDiv.appendChild(messageDiv);
messagesDiv.scrollTop = messagesDiv.scrollHeight;
}
}
function initMessages() {
for(var i = 0; i < messages.length; i++) {
setTimeout(printMessage(i), 1000 * i + 1000 * Math.random());
}
}
if (window.addEventListener){
window.addEventListener('load', initMessages)
} else {
window.attachEvent('onload', initMessages)
}
</script>
</body>
</html>