-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy patharticles.html
410 lines (387 loc) · 22.3 KB
/
articles.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Twitter universal website tag code -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script>
!function (e, t, n, s, u, a) {
e.twq || (s = e.twq = function () {
s.exe ? s.exe.apply(s, arguments) : s.queue.push(arguments);
}, s.version = '1.1', s.queue = [], u = t.createElement(n), u.async = !0, u.src = '//static.ads-twitter.com/uwt.js',
a = t.getElementsByTagName(n)[0], a.parentNode.insertBefore(u, a))
}(window, document, 'script');
// Insert Twitter Pixel ID and Standard Event data below
twq('init', 'o6lyq');
twq('track', 'PageView');
</script>
<!-- End Twitter universal website tag code -->
<!-- Yandex.Metrika counter -->
<script>
(function (m, e, t, r, i, k, a) {
m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) };
m[i].l = 1 * new Date(); k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(80088262, "init", {
clickmap: true,
trackLinks: true,
accurateTrackBounce: true,
webvisor: true,
ecommerce: "dataLayer"
});
</script>
<!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
w[l] = w[l] || []; w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
}); var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-MZGMKWX');</script>
<!-- End Google Tag Manager -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-M95696KYZS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-M95696KYZS');
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Merriweather:wght@700;900&family=Open+Sans:wght@400;700&display=swap"
rel="stylesheet">
<title>Olia Nayda articles
</title>
<meta name="description" content="Olia Nayda Product Designer, founder muteit.app. UX consultant and clean UI lover.">
<meta name="keywords" content="Olia Nayda, Olga Nayda, CDO, Designer, Chief Design Officer, UX Designer,
UX Consultant, Product Designer, UI Designer, UX/UI, muteit, mute it app, clomark
Оля Найда, Ольга Найда, UX Дизайнер, Дизайнер продукта
management, BDD, JTBD, Research, Figma, Sketch, Zeplin">
<meta property="og:site_name" content="olianayda.com">
<meta property="og:locale" content="en_US">
<meta property="og:url" content="olianayda.com">
<meta property="og:locale:alternate" content="en_GB" />
<meta property="og:locale:alternate" content="en_FR" />
<meta property="og:locale:alternate" content="en_ES" />
<meta property="og:locale:alternate" content="en_RU" />
<meta property="og:locale:alternate" content="en_ZW" />
<meta property="og:locale:alternate" content="en_AU" />
<meta property="og:locale:alternate" content="en_CA" />
<meta property="og:locale:alternate" content="en_IE" />
<meta property="og:locale:alternate" content="en_NZ" />
<meta property="og:locale:alternate" content="en_ZA" />
<meta property="og:locale:alternate" content="en_CH" />
<meta property="og:title"
content="Chief Design Officer Olia Nayda. Product Designer with critical thinking and analysis skills — olianayda.com 2022">
<meta property="og:description"
content="CDO Olia Nayda — UX / Product designer who deeply committed at user and business goals successful achieving. I'm using Design Thinking, Sprints, Job To Be Done and coffee to make your product better. Familiar with Figma, Adobé Product Suit, Sketch and Waste free">
<meta property="og:image" content="img/eyepic.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:type" content="">
<meta property="fb:app_id" content="">
<link rel="shortcut icon" href="favicon.ico">
<script>
_linkedin_partner_id = "3455252";
window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
window._linkedin_data_partner_ids.push(_linkedin_partner_id);
</script>
<!-- Ads LinkedIn Pixel -->
<script>
(function (l) {
if (!l) {
window.lintrk = function (a, b) { window.lintrk.q.push([a, b]) };
window.lintrk.q = []
}
var s = document.getElementsByTagName("script")[0];
var b = document.createElement("script");
b.type = "text/javascript"; b.async = true;
b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
s.parentNode.insertBefore(b, s);
})(window.lintrk);
</script>
<link rel="stylesheet" href="css/reboot.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/translations.js"></script>
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="container">
<div class="js-svg" data-svg="#left-eye"></div>
<nav class="navbar">
<h2 class="navbar__title text-website_menu">Website menu:</h2>
<a href="/index.html" title="Go home" class="link cta-unicorn-witnesses url-unicorn-witnesses">Home</a>
<a href="https://unicornwitnesses.com" title="Go to unicorn witnesses website" target="_blank"
class="link cta-unicorn-witnesses url-unicorn-witnesses">Unicorn Witnesses</a>
<a href="mailto:" class="link cta-olga_nayda-email_nav url-olga_nayda-email_nav">Email me</a>
<a href="https://unicornwitnesses.notion.site/lga-Nayda-5b87fc49470d43f28ac8ca15f0b87946"
class="link link__cv" title="Olga Nayda CV curriculum vitae" target="_blank">CV</a>
<a href="https://olianayda.medium.com/" title="Go to blog on medium.com"
class="link link__case js-blink url-olga_nayda-medium cta-link_blog" target="_blank">Blog</a>
</nav>
<a class="header__burger burger">
<div class="burger__button">
<span></span>
<span></span>
<span></span>
</div>
<!-- <div class="burger__label">Menu</div> -->
</a>
</div>
</header>
<main class="content">
<div class="container">
<div class="column-left">
<div class="main-title">
<h1 class="text-h1">Article's</h1>
</div>
<div class="articles_list">
<article>
<a href="/blog/olianayda_dubai_two_towers.html" class="text-block__title">
<h3 class="article">Olga Nayda, The Two Towers, Dubai Internet City.</h3>
</a>
<hr>
</article>
</div>
</div>
<div class="column-right">
<div class="main-right-eye">
<div class="js-svg" data-svg="#right-eye"></div>
</div>
<div class="contact-block hide">
<a class="contact-block__button hide">Contact</a>
<div class="contact-block__title">
<h2 class="text-H2-contact-me">Contact me</h2>
</div>
<div class="contact-block__descr">
<p>
<span class="contact__label text-email-text">
Email:
</span>
<a href="mailto:[email protected]" class="contact__link url-gmail cta-gmail" target="_blank">
</a>
</p>
<p>
<span class="contact__label text-mobile-text">
Mobile:
</span>
<a href="tel:+79002326658" class="contact__link contact__link_phone cta-phone url-phone">
+7 900 232-66-58
</a>
<br>
<a href="https://t.me/olianayda" class="contact__link cta-olga_nayda-telegram1 url-olga_nayda-telegram1"
target="_blank">Telegram</a>
<a href="skype:olianayda" class="contact__link cta-olga_nayda-skype url-olga_nayda-skype"
target="_blank">Skype</a>
<a href="https://wa.me/79002326658"
class="contact__link cta-olga_nayda-whatsapp url-olga_nayda-whatsapp" target="_blank">What’sApp</a>
</p>
<p>
<span class="contact__label text-v-card">
V-card with my full data
</span>
<a href="/files/electronic_business_card.vcf" class="contact__link cta-v-card media-v-card">
Download V-card and add Olia Nayda to contacts
</a>
</p>
</div>
</div>
<div class="text-block_sub follow-block">
<div class="text-block__title">
<h3 class="text-want-to-follow">Want to follow?</h3>
</div>
<div class="text-block__descr text-block__descr_sm description text-what_i_do">
<a href="#footer" class="follow__link text-scroll-down">Scroll down to my socials</a>
<span>👇</span>
</div>
</div>
</div>
</div>
</main>
<footer class="footer" id="footer">
<div class="container">
<nav class="footer__nav">
<div class="contact-block">
<div class="contact-block__title">
<h2 class="text-H2-contact-me">Contact me</h2>
</div>
<div class="contact-block__descr">
<p>
<span class="contact__label text-email-text">
Email:
</span>
<a href="mailto:[email protected]" class="contact__link url-gmail cta-gmail" target="_blank">
</a>
</p>
<p>
<span class="contact__label text-mobile-text">
Mobile:
</span>
<a href="tel:+79002326658" class="contact__link_phone" target="_blank">
+7 900 232-66-58
</a>
<a href="https://t.me/olianayda" class="contact__link cta-olga_nayda-telegram1 url-olga_nayda-telegram1"
target="_blank">Telegram</a>
<a href="https://join.skype.com/invite/ohnFjv7hlddL"
class="contact__link cta-olga_nayda-skype url-olga_nayda-skype" target="_blank">Skype</a>
<a href="https://wa.me/79002326658"
class="contact__link cta-olga_nayda-whatsapp url-olga_nayda-whatsapp" target="_blank">What’sApp</a>
</p>
<p>
<span class="contact__label text-v-card">
V-card with my full data
</span>
<a href="#" class="contact__link cta-v-card media-v-card" target="_blank">
Download V-card and add Olia Nayda to contacts
</a>
</p>
</div>
</div>
<div class="chat-block">
<div class="chat-block__title">
<h2 class="text-find-me">
You may find me everywhere you need by:
<span class="chat-block__title_link">@olianayda</span>
</h2>
</div>
<h3 class="chat-block__subtitle text-chat">Chat with me</h3>
<div class="chat-block__links">
<a href="https://t.me/olianayda" class="chat-block__link cta-olga_nayda-telegram url-olga_nayda-telegram"
target="_blank">Write me in
Telegram</a>
<a href="https://join.skype.com/invite/ohnFjv7hlddL"
class="chat-block__link cta-olga_nayda-skype url-olga_nayda-skype" target="_blank">Skype</a>
<a href="https://wa.me/79002326658"
class="chat-block__link cta-olga_nayda-whatsapp url-olga_nayda-whatsapp" target="_blank">What'sApp</a>
</div>
</div>
<div class="subscribe-block">
<div class="subscribe-block__title">
<h3 class="text-subscribe">Subscribe or become friends:</h3>
</div>
<div class="subscribe-block__links">
<a href="https://www.linkedin.com/in/olianayda/"
class="subscribe__link cta-olga_nayda-linkedin url-olga_nayda-linkedin" target="_blank">Linked In</a>
<a href="https://www.facebook.com/nyannayda"
class="subscribe__link cta-olga_nayda-facebook url-olga_nayda-facebook" target="_blank">Facebook</a>
<a href="https://twitter.com/olianayda"
class="subscribe__link cta-olga_nayda-twitter url-olga_nayda-twitter" target="_blank">Twitter</a>
<a href="https://t.me/naydaspeaks"
class="subscribe__link cta-olga_nayda-telegram_channel url-olga_nayda-telegram_channel"
target="_blank">My
Telegram channel (in rus)</a>
<a href="https://www.instagram.com/olianayda/"
class="subscribe__link cta-olga_nayda-instagram url-olga_nayda-instagram" target="_blank">Instagram with
photos</a>
<a href="https://www.instagram.com/artnayda/"
class="subscribe__link cta-olga_nayda-instagram_2 url-olga_nayda-instagram_2" target="_blank">Instagram
with
calligraphy</a>
<a href="https://www.pinterest.ru/olianayda"
class="subscribe__link cta-olga_nayda-pinterest url-olga_nayda-pinterest" target="_blank">Pinterest</a>
<a href="https://unsplash.com/@olianayda"
class="subscribe__link cta-olga_nayda-unsplash url-olga_nayda-unsplash" target="_blank">Unsplash</a>
<a href="https://medium.com/@olianayda"
class="subscribe__link cta-olga_nayda-medium url-olga_nayda-medium" target="_blank">Medium</a>
<a href="https://dribbble.com/olianayda"
class="subscribe__link url-olga_nayda-dribbble cta-olga_nayda-dribbble" target="_blank">Dribbble</a>
<a href="https://www.behance.net/olianayda"
class="subscribe__link cta-olga_nayda-behance url-olga_nayda-behance" target="_blank">Behance</a>
<a href="https://vk.com/olianayda" class="subscribe__link cta-olga_nayda-vk url-olga_nayda-vk"
target="_blank">VK</a>
<a href="" class="subscribe__link cta-olga_nayda-odnoklassniki url-olga_nayda-odnoklassniki"
target="_blank">Odnoklassniki</a>
<a href="https://github.com/Olianayda" class="subscribe__link cta-olga_nayda-github url-olga_nayda-github"
target="_blank">Github</a>
</div>
</div>
</nav>
<a href="#" class="logo">
<img src="./img/logo.svg" alt="Логотип Unicorn Witnesses">
</a>
</div>
</footer>
</div>
<div class="hidden">
<svg id="contacts-arr" width="97" height="76" viewBox="0 0 97 76" fill="none">
<path
d="M0.979998 38.354L38.5 0.833996L38.5 21.336L96.522 21.336L96.522 55.372L38.5 55.372L38.5 75.874L0.979998 38.354ZM6.742 38.354L34.48 66.092L34.48 51.352L92.502 51.352L92.502 25.356L34.48 25.356L34.48 10.616L6.742 38.354Z"
fill="var(--text-color)" />
</svg>
<svg id="left-eye" class="eye" viewBox="0 0 313 143" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M78.4258 134.881C46.0234 124.726 19.3525 108.572 4.39538 96.47L17.6046 80.1447C30.6089 90.6667 54.9493 105.516 84.7063 114.842C114.417 124.154 148.746 127.726 182.345 116.86C219.384 104.882 247.267 100.843 267.358 100.897C277.402 100.924 285.64 101.974 292.166 103.653C298.486 105.279 303.93 107.682 307.695 110.96L293.906 126.799C293.583 126.518 291.649 125.204 286.934 123.991C282.425 122.831 275.972 121.92 267.302 121.897C249.963 121.85 224.323 125.356 188.807 136.841C149.853 149.439 110.875 145.051 78.4258 134.881Z"
fill="var(--eye-shadow-color)" />
<path class="eye-eyelid"
d="M176 119.473C109.6 135.073 43.6667 97.64 19 76.9733C19 70.4733 23.4 54.8733 41 44.4733C63 31.4733 122.5 13.9733 176 24.9733C218.8 33.7733 241.833 66.9733 248 82.4733L293.5 106.473C284.167 102.473 262 94.2733 248 93.4733C230.5 92.4733 259 99.9733 176 119.473Z"
fill="#fff" stroke="black" stroke-width="8" />
<g class="eye-opened">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M208.71 -2.30287L188.21 29.6971L179.79 24.3029L200.29 -7.69714L208.71 -2.30287Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M119 -16V22H109V-16H119Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M166.312 -15.6427L155.312 23.3573L145.688 20.6427L156.688 -18.3573L166.312 -15.6427Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M74.9368 -10.7924L81.4368 29.7076L71.5632 31.2923L65.0632 -9.2077L74.9368 -10.7924Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M31.4975 4.31549L48.4975 39.3155L39.5024 43.6845L22.5024 8.68453L31.4975 4.31549Z" fill="black" />
<g class="eye-ball" data-eye="left">
<g class="eye-pupil">
<path
d="M175.5 78.9142C175.5 90.5121 165.426 99.9142 153 99.9142C140.573 99.9142 130.5 90.5121 130.5 78.9142C130.5 67.3162 140.573 57.9142 153 57.9142C165.426 57.9142 175.5 67.3162 175.5 78.9142Z"
fill="#27AE60" />
<path
d="M160.5 77.9142C160.5 81.7801 157.142 84.9142 153 84.9142C148.857 84.9142 145.5 81.7801 145.5 77.9142C145.5 74.0482 148.857 70.9142 153 70.9142C157.142 70.9142 160.5 74.0482 160.5 77.9142Z"
fill="#070707" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M184.096 84.3277C183.833 89.639 181.899 94.9757 177.276 98.1762C171.428 102.225 163.23 105.298 154.449 105.049C145.53 104.797 136.202 101.112 128.45 91.9754C122.057 84.4407 120.102 75.1602 123.995 66.9168C127.825 58.8085 136.778 52.8408 149.777 50.4533C164.443 47.7595 175.264 57.3299 180.404 67.8143C182.998 73.1067 184.361 78.9805 184.096 84.3277ZM173.22 71.3356C168.985 62.695 161.056 56.5154 151.222 58.3216C139.721 60.4341 133.575 65.3664 131.229 70.3331C128.947 75.1647 129.743 81.1342 134.55 86.7995C140.797 94.1629 147.97 96.8627 154.675 97.0525C161.519 97.2462 168.071 94.8192 172.723 91.5987C174.6 90.2992 175.916 87.7609 176.106 83.9316C176.294 80.1381 175.314 75.6057 173.22 71.3356Z"
fill="black" />
</g>
</g>
</g>
</svg>
<svg id="right-eye" class="eye" width="320" height="212" viewBox="0 0 400 212" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M81.3141 141.932L57.7093 137.846L61.2907 117.154L89.7011 122.071L91.679 123.511C104.594 132.911 125.726 147.128 146.934 159.092C157.541 165.076 167.995 170.399 177.342 174.269C186.917 178.234 194.436 180.292 199.456 180.51C215.451 181.205 239.476 178.275 263.937 173.68C288.237 169.116 312.002 163.098 327.18 158.039L333.82 177.961C317.498 183.402 292.763 189.634 267.813 194.32C243.024 198.975 217.049 202.295 198.544 201.49C189.764 201.108 179.488 197.887 169.308 193.671C158.901 189.362 147.643 183.603 136.616 177.383C115.618 165.537 94.838 151.663 81.3141 141.932Z"
fill="var(--eye-shadow-color)" />
<path class="eye-eyelid"
d="M91.5 127.5L64 115L83 102.5C82.1667 94.3333 103.5 75 195.5 63C287.5 51 326.833 122.667 335 160C322.167 165.833 284.8 178 238 180C191.2 182 120.833 145.833 91.5 127.5Z"
fill="#fff" stroke="black" stroke-width="8" />
<g class="eye-opened">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M173.488 14.661L176.988 66.161L167.012 66.839L163.512 15.339L173.488 14.661Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M209 13V62H199V13H209Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M249.366 19.6482L238.866 64.1482L229.134 61.8518L239.634 17.3518L249.366 19.6482Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M292.676 33.7491L266.676 73.2491L258.324 67.7509L284.324 28.2509L292.676 33.7491Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M325.407 64.1595L296.407 91.1595L289.593 83.8405L318.593 56.8405L325.407 64.1595Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M123.121 35.0901L138.621 72.5901L129.379 76.41L113.879 38.9099L123.121 35.0901Z" fill="black" />
<g class="eye-ball" data-eye="right">
<g class="eye-pupil">
<path
d="M245 119C245 136.673 230.673 151 213 151C195.327 151 181 136.673 181 119C181 101.327 195.327 87 213 87C230.673 87 245 101.327 245 119Z"
fill="#27AE60" />
<path
d="M219 116C219 119.866 215.866 123 212 123C208.134 123 205 119.866 205 116C205 112.134 208.134 109 212 109C215.866 109 219 112.134 219 116Z"
fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M211.25 88H211.462C224.908 88 234.341 97.5778 239.098 107.963C241.504 113.215 242.857 118.926 242.989 124.259C243.12 129.534 242.057 134.818 239.193 138.851C234.326 145.706 225.447 146.518 218.146 145.772C210.534 144.995 202.77 142.365 197.906 140.186L197.7 140.093L197.505 139.978C193.992 137.9 189.028 133.996 185.29 128.829C181.543 123.651 178.713 116.73 180.597 108.992C182.488 101.223 188.445 96.1925 194.341 93.0974C200.273 89.984 206.771 88.4773 211.039 88.0225L211.25 88ZM211.672 96.0011C208.193 96.3998 202.831 97.6761 198.06 100.181C193.154 102.756 189.49 106.282 188.37 110.884C187.242 115.516 188.804 120.039 191.771 124.139C194.678 128.157 198.632 131.313 201.388 132.979C205.737 134.903 212.538 137.158 218.959 137.814C225.796 138.512 230.51 137.262 232.67 134.22C234.199 132.068 235.097 128.692 234.992 124.457C234.888 120.28 233.811 115.63 231.825 111.295C227.829 102.572 220.715 96.0999 211.672 96.0011Z"
fill="black" />
</g>
</g>
</g>
</svg>
</div>
<script src="js/main.js"></script>
</body>
</html>