-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathux-ui-services.html
486 lines (446 loc) · 37.9 KB
/
ux-ui-services.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
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
<!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.0">
<meta name="description"
content="Our professional web & app development services help you build dynamic and functional websites and apps tailored to your business needs. We Create powerful websites/apps that engage users and deliver results.">
<meta name="keywords" content="Web Development Services | E-commerce | App Development">
<title>Solutions | UX</title>
<link rel="icon" type="image/x-icon" href="./favicon/favicon.ico">
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/services.css">
<script src="./libraries/lenis-lib.js"></script>
<script src="./libraries/anime.js"></script>
<link rel="stylesheet" href="./css/solutions.css">
<style>
#loader-wrapper {
position: fixed;
display: inline-block;
width: 100%;
height: 100%;
top: 0;
left: 0;
margin: auto;
vertical-align: middle;
text-align: center;
opacity: 1;
background-color: #12130f;
z-index: 99;
}
#loading {
display: flex;
height: 100vh;
width: 100vw;
align-items: center;
justify-content: center;
z-index: 100;
}
#loading svg {
transform: translateY(-50%);
}
</style>
</head>
<body class="body">
<div class="loader-wrapper" id="loader-wrapper">
<div id="loading">
<svg width="122" height="149" viewBox="0 0 122 149" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M109.18 22.1719L111.637 23.8923L113.372 21.4137L110.879 19.6997L109.18 22.1719ZM102.07 32.3281L100.336 34.7762L102.798 36.5199L104.528 34.0485L102.07 32.3281ZM102.07 119.672L104.528 117.951L102.798 115.48L100.336 117.224L102.07 119.672ZM109.18 129.828L110.879 132.3L113.372 130.586L111.637 128.108L109.18 129.828ZM26.7871 121.83L24.6658 123.951L26.7871 121.83ZM26.7871 30.1699L24.6658 28.0486L26.7871 30.1699ZM106.722 20.4515L99.6126 30.6077L104.528 34.0485L111.637 23.8923L106.722 20.4515ZM103.804 29.8801C95.0964 23.7119 84.6487 20.6953 72.6172 20.6953V26.6953C83.6065 26.6953 92.7942 29.4339 100.336 34.7762L103.804 29.8801ZM72.6172 20.6953C57.5791 20.6953 44.5506 26.1911 33.6795 37.0623L37.9221 41.3049C47.702 31.525 59.2178 26.6953 72.6172 26.6953V20.6953ZM33.6795 37.0623C22.8083 47.9334 17.3125 60.9619 17.3125 76H23.3125C23.3125 62.6006 28.1422 51.0848 37.9221 41.3049L33.6795 37.0623ZM17.3125 76C17.3125 91.1188 23.296 104.171 35.0341 115.02L39.1065 110.613C28.5009 100.811 23.3125 89.3187 23.3125 76H17.3125ZM35.0341 115.02C46.6783 125.782 59.6548 131.305 73.8867 131.305V125.305C61.3739 125.305 49.8061 120.502 39.1065 110.613L35.0341 115.02ZM73.8867 131.305C85.1254 131.305 95.1357 128.26 103.804 122.12L100.336 117.224C92.7549 122.594 83.9762 125.305 73.8867 125.305V131.305ZM99.6126 121.392L106.722 131.549L111.637 128.108L104.528 117.951L99.6126 121.392ZM107.48 127.356C97.1626 134.449 85.5714 138 72.6172 138V144C86.7463 144 99.5301 140.103 110.879 132.3L107.48 127.356ZM72.6172 138C55.6544 138 41.1364 131.937 28.9084 119.709L24.6658 123.951C37.9977 137.283 54.0331 144 72.6172 144V138ZM28.9084 119.709C16.6804 107.481 10.6172 92.9628 10.6172 76H4.61719C4.61719 94.584 11.3339 110.62 24.6658 123.951L28.9084 119.709ZM10.6172 76C10.6172 59.0372 16.6804 44.5192 28.9084 32.2912L24.6658 28.0486C11.3339 41.3805 4.61719 57.416 4.61719 76H10.6172ZM28.9084 32.2912C41.1364 20.0632 55.6544 14 72.6172 14V8C54.0331 8 37.9977 14.7167 24.6658 28.0486L28.9084 32.2912ZM72.6172 14C85.5714 14 97.1626 17.5507 107.48 24.644L110.879 19.6997C99.5301 11.8972 86.7463 8 72.6172 8V14Z"
stroke="url(#paint0_linear_135_2)" stroke-width="1.5px" class="svg-elem-1"></path>
<path
d="M87.4453 91.1016L85.324 88.9802L87.4453 91.1016ZM59.2422 91.1016L57.1209 93.2229L59.2422 91.1016ZM59.2422 62.8984L57.1209 60.7771L59.2422 62.8984ZM87.4453 62.8984L85.324 65.0198L87.4453 62.8984ZM84.6719 88.3281L82.5506 86.2068L84.6719 88.3281ZM90.3438 77C90.3438 81.6581 88.7043 85.5999 85.324 88.9802L89.5666 93.2229C94.0509 88.7386 96.3438 83.2794 96.3438 77H90.3438ZM85.324 88.9802C81.9436 92.3606 78.0019 94 73.3438 94V100C79.6231 100 85.0824 97.7071 89.5666 93.2229L85.324 88.9802ZM73.3438 94C68.6856 94 64.7439 92.3606 61.3635 88.9802L57.1209 93.2229C61.6051 97.7071 67.0644 100 73.3438 100V94ZM61.3635 88.9802C57.9832 85.5999 56.3438 81.6581 56.3438 77H50.3438C50.3438 83.2794 52.6366 88.7386 57.1209 93.2229L61.3635 88.9802ZM56.3438 77C56.3438 72.3419 57.9832 68.4001 61.3635 65.0198L57.1209 60.7771C52.6366 65.2614 50.3438 70.7206 50.3438 77H56.3438ZM61.3635 65.0198C64.7439 61.6394 68.6856 60 73.3438 60V54C67.0644 54 61.6051 56.2929 57.1209 60.7771L61.3635 65.0198ZM73.3438 60C78.0019 60 81.9436 61.6394 85.324 65.0198L89.5666 60.7771C85.0824 56.2929 79.6231 54 73.3438 54V60ZM85.324 65.0198C88.7043 68.4001 90.3438 72.3419 90.3438 77H96.3438C96.3438 70.7206 94.0509 65.2614 89.5666 60.7771L85.324 65.0198ZM92.4375 77C92.4375 71.8056 90.5159 67.2733 86.7932 63.5506L82.5506 67.7932C85.182 70.4247 86.4375 73.4444 86.4375 77H92.4375ZM86.7932 63.5506C83.0705 59.8279 78.5381 57.9062 73.3438 57.9062V63.9062C76.8994 63.9062 79.9191 65.1617 82.5506 67.7932L86.7932 63.5506ZM73.3438 57.9062C68.1494 57.9062 63.617 59.8279 59.8943 63.5506L64.1369 67.7932C66.7684 65.1617 69.7881 63.9062 73.3438 63.9062V57.9062ZM59.8943 63.5506C56.1716 67.2733 54.25 71.8056 54.25 77H60.25C60.25 73.4444 61.5055 70.4247 64.1369 67.7932L59.8943 63.5506ZM54.25 77C54.25 82.275 56.3663 86.8308 60.37 90.5313L64.4425 86.125C61.5712 83.4713 60.25 80.475 60.25 77H54.25ZM60.37 90.5313C64.2798 94.1449 68.7603 96.0938 73.7344 96.0938V90.0938C70.4793 90.0938 67.4077 88.8655 64.4425 86.125L60.37 90.5313ZM73.7344 96.0938C78.7217 96.0938 83.1105 94.1322 86.7932 90.4494L82.5506 86.2068C79.8791 88.8783 76.9762 90.0938 73.7344 90.0938V96.0938ZM86.7932 90.4494C90.5159 86.7267 92.4375 82.1944 92.4375 77H86.4375C86.4375 80.5556 85.182 83.5753 82.5506 86.2068L86.7932 90.4494Z"
stroke="url(#paint1_linear_135_2)" stroke-width="1.5px" class="svg-elem-2"></path>
<defs>
<linearGradient id="paint0_linear_135_2" x1="174.127" y1="102.961" x2="28.3557" y2="117.593"
gradientUnits="userSpaceOnUse">
<stop offset="0.0366764" stop-color="#C932FB"></stop>
<stop offset="1" stop-color="#6893F4"></stop>
</linearGradient>
<linearGradient id="paint1_linear_135_2" x1="115.227" y1="87.1685" x2="61.6254" y2="93.3289"
gradientUnits="userSpaceOnUse">
<stop offset="0.0366764" stop-color="#833B9B"></stop>
<stop offset="1" stop-color="#6893F4"></stop>
</linearGradient>
</defs>
</svg>
</div>
</div>
<script>
anime({
targets: '#loader-wrapper svg path',
strokeDashoffset: [anime.setDashoffset, 0],
easing: 'easeInQuad',
duration: 1600,
delay: 0,
direction: 'alternate',
loop: true,
});
</script>
<div class="field">
<div class="arrowSliding delay1">
<div class="circleArrow"></div>
</div>
<div class="arrowSliding delay2">
<div class="circleArrow"></div>
</div>
<div class="arrowSliding delay3">
<div class="arrow"></div>
</div>
</div>
<div id="scroll-indicator"></div>
<div class="background">
<span></span>
<span></span>
</div>
<header id="header">
<nav class="nav">
<button class="toggle-menu">
<svg class="ham hamRotate" viewBox="0 0 100 100" width="80" onclick="this.classList.toggle('active')">
<path class="line top"
d="m 30,33 h 40 c 3.722839,0 7.5,3.126468 7.5,8.578427 0,5.451959 -2.727029,8.421573 -7.5,8.421573 h -20" />
<path class="line middle" d="m 30,50 h 40" />
<path class="line bottom"
d="m 70,67 h -40 c 0,0 -7.5,-0.802118 -7.5,-8.365747 0,-7.563629 7.5,-8.634253 7.5,-8.634253 h 20" />
</svg>
</button>
</nav>
</header>
<div id="menu" class="">
<nav class="main-nav">
<ul>
<li>
<a class="close-nav" href="./">
Home
</a>
</li>
<li>
<details>
<summary>About </summary>
<p>
<ul class="nested-li">
<a class="close-nav" href="./about-us.html">
About Company
</a>
<a href="./ethos.html">
<li class="close-nav">Ethos</li>
</a>
<a href="./corporate-social-responsibility.html">
<li class="close-nav">Corporate Social Responsibility</li>
</a>
<a href="./why-choose-us.html">
<li class="close-nav">Why Choose Us</li>
</a>
<a href="./leadership.html">
<li class="close-nav">Leadership</li>
</a>
</ul>
</p>
</details>
</li>
<li>
<details>
<summary>Engagement Models </summary>
<p>
<ul class="nested-li">
<a class="close-nav" href="./#explore-models">
Explore Models
</a>
<a href="./custom-app-development-services.html">
<li class="close-nav">Tekk Evolve</li>
</a>
<a href="./app-development-wireframe-services.html">
<li class="close-nav">App Conceptify</li>
</a>
<a href="./outstaffing-company.html">
<li class="close-nav">Talent Bridge</li>
</a>
</ul>
</p>
</details>
</li>
<!-- <li>
<a class="close-nav" onclick="lenis.scrollTo('#products')" href="#products">
Products
</a>
</li> -->
<li>
<details id="longer">
<summary>Solutions </summary>
<p>
<ul class="nested-li">
<a href="./web-app-development-services.html">
<li class="close-nav">Web</li>
</a>
<a href="./cloud-computing-services.html">
<li class="close-nav">Cloud</li>
</a>
<a href="./app-design-development-services.html">
<li class="close-nav">Mobile</li>
</a>
<a href="./web-designing-services.html">
<li class="close-nav">Design</li>
</a>
<a href="./iot-services.html">
<li class="close-nav">IOT</li>
</a>
<a href="./testing-qa-services.html">
<li class="close-nav">Testing and QA</li>
</a>
<a href="./ar-vr-services.html">
<li class="close-nav">VR/AR</li>
</a>
<a href="./next-gen-services.html">
<li class="close-nav">Next-Gen</li>
</a>
<a href="./digital-marketing-services.html">
<li class="close-nav">Marketing</li>
</a>
<a href="./analysis.html">
<li class="close-nav">Analysis</li>
</a>
<a href="./ux-ui-services.html">
<li class="close-nav">UX</li>
</a>
<a href="./ai-ml-services.html">
<li class="close-nav">AI/ML</li>
</a>
</ul>
</p>
</details>
</li>
<li>
<a class="close-nav" href="./portfolio.html">
Portfolio
</a>
</li>
<li>
<a class="close-nav" href="./technologies.html">
Technologies
</a>
</li>
<li>
<a class="close-nav" href="./industries.html">
Industries
</a>
</li>
<li>
<a class="close-nav" href="https://blog.cybtekk.com" target="_blank">
Blogs
</a>
</li>
<li>
<a class="close-nav" href="./careers.html">
Careers
</a>
</li>
<li>
<a class="close-nav" href="./contact.html">
Contact
</a>
</li>
</ul>
</nav>
<footer class="menu-footer">
<nav class="footer-nav">
<ul>
<li>
<a href="https://twitter.com/CybTEKK_" target="_blank">
<svg class="twitter" width="25" height="21" viewBox="0 0 25 21" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M21.775 5.79619V6.42119C21.775 12.7149 17 19.9274 8.2625 19.9274C5.68309 19.933 3.15846 19.1834 1 17.7712C1.37486 17.8221 1.75298 17.8451 2.13125 17.8399C4.26938 17.8458 6.34739 17.1326 8.03125 15.8149C7.03792 15.8003 6.07448 15.473 5.27785 14.8794C4.48122 14.2859 3.89194 13.4563 3.59375 12.5087C3.88963 12.5714 4.19129 12.6028 4.49375 12.6024C4.9161 12.6025 5.33654 12.5458 5.74375 12.4337C4.66786 12.2192 3.69995 11.6375 3.00562 10.7881C2.3113 9.93876 1.93372 8.87449 1.9375 7.77744V7.71495C2.59575 8.08265 3.33373 8.2843 4.0875 8.30244C3.08412 7.64217 2.37074 6.62368 2.09311 5.45507C1.81547 4.28647 1.99455 3.05595 2.59375 2.01494C3.78766 3.48338 5.27724 4.68411 6.96565 5.53908C8.65407 6.39406 10.5035 6.88413 12.3937 6.97745C12.3002 6.62271 12.256 6.25676 12.2625 5.88995C12.2273 4.92051 12.4917 3.96379 13.0198 3.15004C13.5479 2.3363 14.3139 1.70508 15.2136 1.34233C16.1133 0.979584 17.1029 0.902938 18.0478 1.12283C18.9926 1.34272 19.8467 1.84846 20.4937 2.5712C21.5574 2.35655 22.5776 1.96576 23.5125 1.41494C23.158 2.53455 22.4038 3.48451 21.3938 4.0837C22.3373 3.95369 23.2571 3.68846 24.125 3.2962C23.496 4.26222 22.7003 5.10872 21.775 5.79619Z"
stroke="#fafffd" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</a>
</li>
<li>
<a href="https://www.instagram.com/CybTEKK/" target="_blank">
<svg class="instagram" width="20" height="20" viewBox="0 0 20 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M15.34 3.46C15.1027 3.46 14.8707 3.53038 14.6733 3.66224C14.476 3.79409 14.3222 3.98151 14.2313 4.20078C14.1405 4.42005 14.1168 4.66133 14.1631 4.89411C14.2094 5.12689 14.3236 5.34071 14.4915 5.50853C14.6593 5.67635 14.8731 5.79064 15.1059 5.83694C15.3387 5.88324 15.5799 5.85948 15.7992 5.76866C16.0185 5.67783 16.2059 5.52402 16.3378 5.32668C16.4696 5.12935 16.54 4.89734 16.54 4.66C16.54 4.34174 16.4136 4.03652 16.1885 3.81147C15.9635 3.58643 15.6583 3.46 15.34 3.46ZM19.94 5.88C19.9206 5.0503 19.7652 4.2294 19.48 3.45C19.2257 2.78313 18.83 2.17928 18.32 1.68C17.8248 1.16743 17.2196 0.774176 16.55 0.53C15.7727 0.236161 14.9508 0.07721 14.12 0.0599999C13.06 -5.58794e-08 12.72 0 10 0C7.28 0 6.94 -5.58794e-08 5.88 0.0599999C5.04915 0.07721 4.22734 0.236161 3.45 0.53C2.78168 0.776649 2.17693 1.16956 1.68 1.68C1.16743 2.17518 0.774176 2.78044 0.53 3.45C0.236161 4.22734 0.07721 5.04915 0.0599999 5.88C-5.58794e-08 6.94 0 7.28 0 10C0 12.72 -5.58794e-08 13.06 0.0599999 14.12C0.07721 14.9508 0.236161 15.7727 0.53 16.55C0.774176 17.2196 1.16743 17.8248 1.68 18.32C2.17693 18.8304 2.78168 19.2234 3.45 19.47C4.22734 19.7638 5.04915 19.9228 5.88 19.94C6.94 20 7.28 20 10 20C12.72 20 13.06 20 14.12 19.94C14.9508 19.9228 15.7727 19.7638 16.55 19.47C17.2196 19.2258 17.8248 18.8326 18.32 18.32C18.8322 17.8226 19.2283 17.2182 19.48 16.55C19.7652 15.7706 19.9206 14.9497 19.94 14.12C19.94 13.06 20 12.72 20 10C20 7.28 20 6.94 19.94 5.88ZM18.14 14C18.1327 14.6348 18.0178 15.2637 17.8 15.86C17.6403 16.2952 17.3839 16.6884 17.05 17.01C16.7256 17.3405 16.3332 17.5964 15.9 17.76C15.3037 17.9778 14.6748 18.0927 14.04 18.1C13.04 18.15 12.67 18.16 10.04 18.16C7.41 18.16 7.04 18.16 6.04 18.1C5.38089 18.1123 4.72459 18.0109 4.1 17.8C3.68578 17.6281 3.31136 17.3728 3 17.05C2.66809 16.7287 2.41484 16.3352 2.26 15.9C2.01586 15.2952 1.88044 14.6519 1.86 14C1.86 13 1.8 12.63 1.8 10C1.8 7.37 1.8 7 1.86 6C1.86448 5.35106 1.98295 4.70795 2.21 4.1C2.38605 3.67791 2.65626 3.30166 3 3C3.30381 2.65617 3.67929 2.3831 4.1 2.2C4.70955 1.98004 5.352 1.86508 6 1.86C7 1.86 7.37 1.8 10 1.8C12.63 1.8 13 1.8 14 1.86C14.6348 1.86728 15.2637 1.98225 15.86 2.2C16.3144 2.36865 16.7223 2.64285 17.05 3C17.3777 3.30718 17.6338 3.68273 17.8 4.1C18.0223 4.70893 18.1373 5.35178 18.14 6C18.19 7 18.2 7.37 18.2 10C18.2 12.63 18.19 13 18.14 14ZM10 4.87C8.98581 4.87198 7.99496 5.17453 7.15265 5.73942C6.31035 6.30431 5.65438 7.1062 5.26763 8.04375C4.88089 8.98131 4.78072 10.0125 4.97979 11.0069C5.17886 12.0014 5.66824 12.9145 6.38608 13.631C7.10392 14.3474 8.01801 14.835 9.01286 15.0321C10.0077 15.2293 11.0387 15.1271 11.9755 14.7385C12.9123 14.35 13.7129 13.6924 14.2761 12.849C14.8394 12.0056 15.14 11.0142 15.14 10C15.1413 9.3251 15.0092 8.65661 14.7512 8.03296C14.4933 7.40931 14.1146 6.84281 13.6369 6.36605C13.1592 5.88929 12.5919 5.51168 11.9678 5.25493C11.3436 4.99818 10.6749 4.86736 10 4.87ZM10 13.33C9.34139 13.33 8.69757 13.1347 8.14995 12.7688C7.60234 12.4029 7.17552 11.8828 6.92348 11.2743C6.67144 10.6659 6.6055 9.99631 6.73398 9.35035C6.86247 8.70439 7.17963 8.11104 7.64533 7.64533C8.11104 7.17963 8.70439 6.86247 9.35035 6.73398C9.99631 6.6055 10.6659 6.67144 11.2743 6.92348C11.8828 7.17552 12.4029 7.60234 12.7688 8.14995C13.1347 8.69757 13.33 9.34139 13.33 10C13.33 10.4373 13.2439 10.8703 13.0765 11.2743C12.9092 11.6784 12.6639 12.0454 12.3547 12.3547C12.0454 12.6639 11.6784 12.9092 11.2743 13.0765C10.8703 13.2439 10.4373 13.33 10 13.33Z"
fill="#fafffd" />
</svg>
</a>
</li>
<li>
<a href="https://www.linkedin.com/company/cybtekk/mycompany/?viewAsMember=true" target="_blank">
<svg class="linkedin" width="21" height="21" viewBox="0 0 21 21" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M2.75 0C2.02065 0 1.32118 0.289731 0.805456 0.805456C0.289731 1.32118 0 2.02065 0 2.75C0 3.47935 0.289731 4.17882 0.805456 4.69454C1.32118 5.21027 2.02065 5.5 2.75 5.5C3.47935 5.5 4.17882 5.21027 4.69454 4.69454C5.21027 4.17882 5.5 3.47935 5.5 2.75C5.5 2.02065 5.21027 1.32118 4.69454 0.805456C4.17882 0.289731 3.47935 0 2.75 0ZM1.5 2.75C1.5 2.41848 1.6317 2.10054 1.86612 1.86612C2.10054 1.6317 2.41848 1.5 2.75 1.5C3.08152 1.5 3.39946 1.6317 3.63388 1.86612C3.8683 2.10054 4 2.41848 4 2.75C4 3.08152 3.8683 3.39946 3.63388 3.63388C3.39946 3.8683 3.08152 4 2.75 4C2.41848 4 2.10054 3.8683 1.86612 3.63388C1.6317 3.39946 1.5 3.08152 1.5 2.75ZM0 6.75C0 6.55109 0.0790175 6.36032 0.21967 6.21967C0.360322 6.07902 0.551088 6 0.75 6H4.75C4.94891 6 5.13968 6.07902 5.28033 6.21967C5.42098 6.36032 5.5 6.55109 5.5 6.75V19.75C5.5 19.9489 5.42098 20.1397 5.28033 20.2803C5.13968 20.421 4.94891 20.5 4.75 20.5H0.75C0.551088 20.5 0.360322 20.421 0.21967 20.2803C0.0790175 20.1397 0 19.9489 0 19.75V6.75ZM1.5 7.5V19H4V7.5H1.5ZM7 6.75C7 6.55109 7.07902 6.36032 7.21967 6.21967C7.36032 6.07902 7.55109 6 7.75 6H11.75C11.9489 6 12.1397 6.07902 12.2803 6.21967C12.421 6.36032 12.5 6.55109 12.5 6.75V7.184L12.935 6.997C13.685 6.67648 14.4807 6.4757 15.293 6.402C18.068 6.15 20.5 8.33 20.5 11.13V19.75C20.5 19.9489 20.421 20.1397 20.2803 20.2803C20.1397 20.421 19.9489 20.5 19.75 20.5H15.75C15.5511 20.5 15.3603 20.421 15.2197 20.2803C15.079 20.1397 15 19.9489 15 19.75V12.75C15 12.4185 14.8683 12.1005 14.6339 11.8661C14.3995 11.6317 14.0815 11.5 13.75 11.5C13.4185 11.5 13.1005 11.6317 12.8661 11.8661C12.6317 12.1005 12.5 12.4185 12.5 12.75V19.75C12.5 19.9489 12.421 20.1397 12.2803 20.2803C12.1397 20.421 11.9489 20.5 11.75 20.5H7.75C7.55109 20.5 7.36032 20.421 7.21967 20.2803C7.07902 20.1397 7 19.9489 7 19.75V6.75ZM8.5 7.5V19H11V12.75C11 12.0207 11.2897 11.3212 11.8055 10.8055C12.3212 10.2897 13.0207 10 13.75 10C14.4793 10 15.1788 10.2897 15.6945 10.8055C16.2103 11.3212 16.5 12.0207 16.5 12.75V19H19V11.13C19 9.226 17.339 7.722 15.43 7.896C14.7742 7.95567 14.1317 8.11763 13.526 8.376L12.046 9.011C11.9318 9.06003 11.8073 9.07994 11.6836 9.06893C11.5598 9.05793 11.4407 9.01635 11.337 8.94794C11.2333 8.87953 11.1482 8.78643 11.0894 8.677C11.0306 8.56757 10.9999 8.44524 11 8.321V7.5H8.5Z"
fill="#fafffd" />
</svg></a>
</li>
</ul>
</nav>
</footer>
</div>
<section id="design">
<h4 class="content background-text">User Experience</h4>
</section>
<section id="industries">
<h2 class="big" role="presentation" aria-hidden="true">In This Digital Age, UX Emerges As A Catalyst For Businesses To Create
Exceptional ui ux services, Foster Customer Loyalty, Drive Engagement, And Differentiate Themselves In The
Market, Ultimately Leading To Increased Customer Satisfaction, Higher Conversion Rates, And Long-Term
Business Success.
</h2>
<h4 class="skewEm solution-heading"> User Centric <br>Innovation
</h4>
<!-- <h3 class="subtagline skewEm">
</h3> -->
<div class="article-container">
<p class="left-article solution-space">
</p>
<p class="right-article skewEm solution-body">
In this digital age, ui and ux services emerge as a catalyst for businesses to create exceptional user
experiences, foster customer loyalty, drive engagement, and differentiate themselves in the market,
ultimately leading to increased customer satisfaction, higher conversion rates, and long-term business
success.
</p>
</div>
</section>
<section id="panels">
<div id="panels-container">
<article id="panel-1" class="panel">
<div class="container-solution">
<h4 class="number">01</h4>
<div class="absolute-container">
<img class="image-solution" src="./images/solutions/customer-experience.png"
alt="Customer Experience">
<h2 class="design-gradient">Customer Experience</h2>
<p class="step-description">
Deliver exceptional experiences that exceed expectations, foster loyalty, and drive customer
satisfaction by understanding and meeting customer needs at every touchpoint. Our ux
services agency can be helpful in enhancing customer satisfaction.
</p>
</div>
</div>
</article>
<article id="panel-2" class="panel">
<div class="container-solution">
<h4 class="number">02</h4>
<div class="absolute-container">
<img class="image-solution" src="./images/solutions/user-experience.png" alt="UX engineering">
<h2 class="design-gradient">UX engineering</h2>
<p class="step-description">
Combine the art of design with the precision of development to create intuitive, engaging,
and visually appealing creative ui ux services which delight and empower users. </p>
</div>
</div>
</article>
<article id="panel-3" class="panel">
<div class="container-solution">
<h4 class="number">03</h4>
<div class="absolute-container">
<img class="image-solution" src="./images/solutions/information-architecture.png"
alt="Information architecture">
<h2 class="design-gradient">Information architecture
</h2>
<p class="step-description">
Strategically structure and organise information to facilitate seamless navigation, enhance
findability, and ensure an intuitive user ux services that allows users to easily locate and
access desired content.
</p>
</div>
</div>
</article>
<article id="panel-4" class="panel">
<div class="container-solution">
<h4 class="number">04</h4>
<div class="absolute-container">
<img class="image-solution" src="./images/solutions/research.png" alt="User research">
<h2 class="design-gradient">User research </h2>
<p class="step-description">
Gain deep insights into user behaviours, motivations, and preferences through systematic
research methodologies to inform design decisions and create user-centric solutions that
truly resonate with the target audience.
</p>
</div>
</div>
</article>
</div>
</section>
<footer>
<div class="send-a-message">
<p>Send us an email on:</p>
<h3 class="subtagline email"><a class="design-gradient"
href='mailto:[email protected]'>[email protected]</a></h3>
</div>
<div class="footer">
<div class="row">
<ul>
<li>
<a href="https://twitter.com/CybTEKK_" target="_blank">
<svg class="twitter" width="25" height="21" viewBox="0 0 25 21" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M21.775 5.79619V6.42119C21.775 12.7149 17 19.9274 8.2625 19.9274C5.68309 19.933 3.15846 19.1834 1 17.7712C1.37486 17.8221 1.75298 17.8451 2.13125 17.8399C4.26938 17.8458 6.34739 17.1326 8.03125 15.8149C7.03792 15.8003 6.07448 15.473 5.27785 14.8794C4.48122 14.2859 3.89194 13.4563 3.59375 12.5087C3.88963 12.5714 4.19129 12.6028 4.49375 12.6024C4.9161 12.6025 5.33654 12.5458 5.74375 12.4337C4.66786 12.2192 3.69995 11.6375 3.00562 10.7881C2.3113 9.93876 1.93372 8.87449 1.9375 7.77744V7.71495C2.59575 8.08265 3.33373 8.2843 4.0875 8.30244C3.08412 7.64217 2.37074 6.62368 2.09311 5.45507C1.81547 4.28647 1.99455 3.05595 2.59375 2.01494C3.78766 3.48338 5.27724 4.68411 6.96565 5.53908C8.65407 6.39406 10.5035 6.88413 12.3937 6.97745C12.3002 6.62271 12.256 6.25676 12.2625 5.88995C12.2273 4.92051 12.4917 3.96379 13.0198 3.15004C13.5479 2.3363 14.3139 1.70508 15.2136 1.34233C16.1133 0.979584 17.1029 0.902938 18.0478 1.12283C18.9926 1.34272 19.8467 1.84846 20.4937 2.5712C21.5574 2.35655 22.5776 1.96576 23.5125 1.41494C23.158 2.53455 22.4038 3.48451 21.3938 4.0837C22.3373 3.95369 23.2571 3.68846 24.125 3.2962C23.496 4.26222 22.7003 5.10872 21.775 5.79619Z"
stroke="#fafffd" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</a>
</li>
<li>
<a href="https://www.instagram.com/CybTEKK/" target="_blank">
<svg class="instagram" width="20" height="20" viewBox="0 0 20 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M15.34 3.46C15.1027 3.46 14.8707 3.53038 14.6733 3.66224C14.476 3.79409 14.3222 3.98151 14.2313 4.20078C14.1405 4.42005 14.1168 4.66133 14.1631 4.89411C14.2094 5.12689 14.3236 5.34071 14.4915 5.50853C14.6593 5.67635 14.8731 5.79064 15.1059 5.83694C15.3387 5.88324 15.5799 5.85948 15.7992 5.76866C16.0185 5.67783 16.2059 5.52402 16.3378 5.32668C16.4696 5.12935 16.54 4.89734 16.54 4.66C16.54 4.34174 16.4136 4.03652 16.1885 3.81147C15.9635 3.58643 15.6583 3.46 15.34 3.46ZM19.94 5.88C19.9206 5.0503 19.7652 4.2294 19.48 3.45C19.2257 2.78313 18.83 2.17928 18.32 1.68C17.8248 1.16743 17.2196 0.774176 16.55 0.53C15.7727 0.236161 14.9508 0.07721 14.12 0.0599999C13.06 -5.58794e-08 12.72 0 10 0C7.28 0 6.94 -5.58794e-08 5.88 0.0599999C5.04915 0.07721 4.22734 0.236161 3.45 0.53C2.78168 0.776649 2.17693 1.16956 1.68 1.68C1.16743 2.17518 0.774176 2.78044 0.53 3.45C0.236161 4.22734 0.07721 5.04915 0.0599999 5.88C-5.58794e-08 6.94 0 7.28 0 10C0 12.72 -5.58794e-08 13.06 0.0599999 14.12C0.07721 14.9508 0.236161 15.7727 0.53 16.55C0.774176 17.2196 1.16743 17.8248 1.68 18.32C2.17693 18.8304 2.78168 19.2234 3.45 19.47C4.22734 19.7638 5.04915 19.9228 5.88 19.94C6.94 20 7.28 20 10 20C12.72 20 13.06 20 14.12 19.94C14.9508 19.9228 15.7727 19.7638 16.55 19.47C17.2196 19.2258 17.8248 18.8326 18.32 18.32C18.8322 17.8226 19.2283 17.2182 19.48 16.55C19.7652 15.7706 19.9206 14.9497 19.94 14.12C19.94 13.06 20 12.72 20 10C20 7.28 20 6.94 19.94 5.88ZM18.14 14C18.1327 14.6348 18.0178 15.2637 17.8 15.86C17.6403 16.2952 17.3839 16.6884 17.05 17.01C16.7256 17.3405 16.3332 17.5964 15.9 17.76C15.3037 17.9778 14.6748 18.0927 14.04 18.1C13.04 18.15 12.67 18.16 10.04 18.16C7.41 18.16 7.04 18.16 6.04 18.1C5.38089 18.1123 4.72459 18.0109 4.1 17.8C3.68578 17.6281 3.31136 17.3728 3 17.05C2.66809 16.7287 2.41484 16.3352 2.26 15.9C2.01586 15.2952 1.88044 14.6519 1.86 14C1.86 13 1.8 12.63 1.8 10C1.8 7.37 1.8 7 1.86 6C1.86448 5.35106 1.98295 4.70795 2.21 4.1C2.38605 3.67791 2.65626 3.30166 3 3C3.30381 2.65617 3.67929 2.3831 4.1 2.2C4.70955 1.98004 5.352 1.86508 6 1.86C7 1.86 7.37 1.8 10 1.8C12.63 1.8 13 1.8 14 1.86C14.6348 1.86728 15.2637 1.98225 15.86 2.2C16.3144 2.36865 16.7223 2.64285 17.05 3C17.3777 3.30718 17.6338 3.68273 17.8 4.1C18.0223 4.70893 18.1373 5.35178 18.14 6C18.19 7 18.2 7.37 18.2 10C18.2 12.63 18.19 13 18.14 14ZM10 4.87C8.98581 4.87198 7.99496 5.17453 7.15265 5.73942C6.31035 6.30431 5.65438 7.1062 5.26763 8.04375C4.88089 8.98131 4.78072 10.0125 4.97979 11.0069C5.17886 12.0014 5.66824 12.9145 6.38608 13.631C7.10392 14.3474 8.01801 14.835 9.01286 15.0321C10.0077 15.2293 11.0387 15.1271 11.9755 14.7385C12.9123 14.35 13.7129 13.6924 14.2761 12.849C14.8394 12.0056 15.14 11.0142 15.14 10C15.1413 9.3251 15.0092 8.65661 14.7512 8.03296C14.4933 7.40931 14.1146 6.84281 13.6369 6.36605C13.1592 5.88929 12.5919 5.51168 11.9678 5.25493C11.3436 4.99818 10.6749 4.86736 10 4.87ZM10 13.33C9.34139 13.33 8.69757 13.1347 8.14995 12.7688C7.60234 12.4029 7.17552 11.8828 6.92348 11.2743C6.67144 10.6659 6.6055 9.99631 6.73398 9.35035C6.86247 8.70439 7.17963 8.11104 7.64533 7.64533C8.11104 7.17963 8.70439 6.86247 9.35035 6.73398C9.99631 6.6055 10.6659 6.67144 11.2743 6.92348C11.8828 7.17552 12.4029 7.60234 12.7688 8.14995C13.1347 8.69757 13.33 9.34139 13.33 10C13.33 10.4373 13.2439 10.8703 13.0765 11.2743C12.9092 11.6784 12.6639 12.0454 12.3547 12.3547C12.0454 12.6639 11.6784 12.9092 11.2743 13.0765C10.8703 13.2439 10.4373 13.33 10 13.33Z"
fill="#fafffd" />
</svg>
</a>
</li>
<li>
<a href="https://www.linkedin.com/company/cybtekk/mycompany/?viewAsMember=true" target="_blank">
<svg class="linkedin" width="21" height="21" viewBox="0 0 21 21" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M2.75 0C2.02065 0 1.32118 0.289731 0.805456 0.805456C0.289731 1.32118 0 2.02065 0 2.75C0 3.47935 0.289731 4.17882 0.805456 4.69454C1.32118 5.21027 2.02065 5.5 2.75 5.5C3.47935 5.5 4.17882 5.21027 4.69454 4.69454C5.21027 4.17882 5.5 3.47935 5.5 2.75C5.5 2.02065 5.21027 1.32118 4.69454 0.805456C4.17882 0.289731 3.47935 0 2.75 0ZM1.5 2.75C1.5 2.41848 1.6317 2.10054 1.86612 1.86612C2.10054 1.6317 2.41848 1.5 2.75 1.5C3.08152 1.5 3.39946 1.6317 3.63388 1.86612C3.8683 2.10054 4 2.41848 4 2.75C4 3.08152 3.8683 3.39946 3.63388 3.63388C3.39946 3.8683 3.08152 4 2.75 4C2.41848 4 2.10054 3.8683 1.86612 3.63388C1.6317 3.39946 1.5 3.08152 1.5 2.75ZM0 6.75C0 6.55109 0.0790175 6.36032 0.21967 6.21967C0.360322 6.07902 0.551088 6 0.75 6H4.75C4.94891 6 5.13968 6.07902 5.28033 6.21967C5.42098 6.36032 5.5 6.55109 5.5 6.75V19.75C5.5 19.9489 5.42098 20.1397 5.28033 20.2803C5.13968 20.421 4.94891 20.5 4.75 20.5H0.75C0.551088 20.5 0.360322 20.421 0.21967 20.2803C0.0790175 20.1397 0 19.9489 0 19.75V6.75ZM1.5 7.5V19H4V7.5H1.5ZM7 6.75C7 6.55109 7.07902 6.36032 7.21967 6.21967C7.36032 6.07902 7.55109 6 7.75 6H11.75C11.9489 6 12.1397 6.07902 12.2803 6.21967C12.421 6.36032 12.5 6.55109 12.5 6.75V7.184L12.935 6.997C13.685 6.67648 14.4807 6.4757 15.293 6.402C18.068 6.15 20.5 8.33 20.5 11.13V19.75C20.5 19.9489 20.421 20.1397 20.2803 20.2803C20.1397 20.421 19.9489 20.5 19.75 20.5H15.75C15.5511 20.5 15.3603 20.421 15.2197 20.2803C15.079 20.1397 15 19.9489 15 19.75V12.75C15 12.4185 14.8683 12.1005 14.6339 11.8661C14.3995 11.6317 14.0815 11.5 13.75 11.5C13.4185 11.5 13.1005 11.6317 12.8661 11.8661C12.6317 12.1005 12.5 12.4185 12.5 12.75V19.75C12.5 19.9489 12.421 20.1397 12.2803 20.2803C12.1397 20.421 11.9489 20.5 11.75 20.5H7.75C7.55109 20.5 7.36032 20.421 7.21967 20.2803C7.07902 20.1397 7 19.9489 7 19.75V6.75ZM8.5 7.5V19H11V12.75C11 12.0207 11.2897 11.3212 11.8055 10.8055C12.3212 10.2897 13.0207 10 13.75 10C14.4793 10 15.1788 10.2897 15.6945 10.8055C16.2103 11.3212 16.5 12.0207 16.5 12.75V19H19V11.13C19 9.226 17.339 7.722 15.43 7.896C14.7742 7.95567 14.1317 8.11763 13.526 8.376L12.046 9.011C11.9318 9.06003 11.8073 9.07994 11.6836 9.06893C11.5598 9.05793 11.4407 9.01635 11.337 8.94794C11.2333 8.87953 11.1482 8.78643 11.0894 8.677C11.0306 8.56757 10.9999 8.44524 11 8.321V7.5H8.5Z"
fill="#fafffd" />
</svg></a>
</li>
</ul>
</div>
<div class="row">
<ul>
<li><a href="./contact.html">Contact</a></li>
<li><a href="./#solutions">Solutions</a></li>
<li><a href="./privacy-policy.html">Privacy Policy</a></li>
<li><a href="./terms&conditions.html">Terms & Conditions</a></li>
<li><a href="./careers.html">Careers</a></li>
</ul>
</div>
<div class="row" id="insert-year">
CybTEKK Copyright ©
<script>document.getElementById('insert-year').appendChild(document.createTextNode(new Date().getFullYear()))</script>
- All rights reserved
</div>
</div>
</footer>
<script src="./libraries/jquery.js"></script>
<script src="./js/nav.js" type="module"></script>
<script src="./js/lenis.js"></script>
<script src='./libraries/scrolltrigger.js'></script>
<script src='./libraries/gsap.js'></script>
<script src='./libraries/scrollplugin.js'></script>
<script src='./libraries/locomotive.js'></script>
<script src="./js/reload.js"></script>
<script>
(function () {
if (window.matchMedia("(orientation: landscape)").matches) {
var theScript = document.createElement('script');
theScript.type = 'text/javascript';
theScript.src = './js/horizontal-scroll.js';
var head = document.getElementsByTagName('head')[0];
head.appendChild(theScript);
}
})();
</script>
<script src="./js/preloader.js"></script>
<script src="./js/down-arrow.js"></script>
</body>
</html>