-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
126 lines (113 loc) · 7.17 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Alex D'yakov</title>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<link rel="stylesheet" href="style/style.css">
<link rel="stylesheet" href="style/darkmode.css">
<link rel="stylesheet" href="style/mobile.css">
<link rel="icon" href="img/favicon.png" type="image/png" sizes="16x16">
<script src="scripts/script.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-162849880-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-162849880-1');
</script>
</head>
<body>
<!-- Header -->
<div style="width: 96%; margin: 0 auto;">
<div class="row">
<div class="column_new">
<p>Designer</p>
<p class="black-text"><a href="/Interview/" class="black-text">Alex Dyakov</a></br><a href="https://t.me/dsgn_surface" class="black-text" target="_blank">@dsgn_surface</a> ↗</p>
</div>
<!-- <div class="column_new">
<p>Currently</p>
<p class="black-text"><a class="black-text" href="https://companiesmarketcap.com/yandex/revenue/" target="_blank">Yandex</a> ↗</br>55.7558° N, 37.6173° E</p>
</div> -->
<div class="column_new">
<p>Links</p>
<p class="black-text"><a class="black-text" href="https://read.cv/glmrvn" target="_blank">read cv</a> ↗</br><a class="black-text" href="https://www.linkedin.com/in/alex-dyakov" target="_blank">linkedin</a> ↗</br><a class="black-text" href="/Cases/">cases</a> →</p>
</div>
</div>
</div>
<!-- Text -->
<div class="wrap">
<h1 class="black-text">Digital Product Designer ✦ Currently, I am designing <a class="black-text" href="https://apps.apple.com/ru/app/yandex-maps/id313877526?l=en" target="_blank">Yandex Maps</a> ✦ Creator of <a class="black-text" href="https://www.figma.com/community/plugin/760927481606931799/Appearance" target="_blank">Appearance Plugin</a>, <a class="black-text" href="https://ui8.net/ikke/products/stockholm-icon-set" target="_blank">Stockholm Icons</a>, & <a class="black-text" href="https://glmrvn.github.io/Right-question/" target="_blank">Right Question</a> </h1>
<div class="row" style="margin-top: 80px;">
<div class="column second"><p>
2021 — ✦</br><span class="black-text">Lead Product Designer & Team Lead @ Yandex</span></br></br>
2017 — 2021</br><span class="black-text">Senior → Lead Product Designer @ Yandex</span></br></br>
2016 — 2017</br><span class="black-text">Senior Product Designer @ Bank Otkritie</span></br></br>
2015 — 2016</br><span class="black-text">Product Designer @ Voltmobi</span></br></br>
2014 — 2015</br><span class="black-text">Designer @ PR-Solution</span></p></div>
<div class="column seventy"><p>About</br><span class="black-text">
I provide forward-thinking solutions from scratch to production. Currently, at Yandex Maps, I am leading a team that designs B2C products for Yandex Geo. I'm responsible for the entire product: how it works, how it looks, and how it achieves its business goals.</span></br></br>
Principles</br><span class="black-text">
- Start with the problem</br>
- Create stories, not interfaces</br>
- Keep it simple</span></p>
</div>
</div>
<!-- Images -->
<img src="img/cases/yandx_case_23.jpg" alt="">
<!-- <img src="img/cases/concept-5-case.png" alt=""> -->
<center><video autoplay loop muted width="940" src="img/carplay/cp.mp4" alt=""></video></center>
<!-- <img src="img/cases/yndx_myplaces.jpg" alt=""> -->
<img src="img/taxi/taxi_case_13_1-min.jpg" alt="">
<img src="img/cases/yndx-watch.jpg" alt="">
<img src="img/applewatch/watch_case_pic_4-min.jpg" alt="">
<!-- <img src="img/applewatch/watch_case_pic_2-min.jpg" alt=""> -->
<img src="img/cases/yndx-case-1.jpg" alt="">
<img src="img/myplaces/myplaces_img_12-min.jpg" alt="">
<img src="img/cases/yandx-case-2.png" alt="">
<img src="img/cartograph/cartograph_case_5.jpg" alt="">
<img src="img/taxi/taxi_case_14-min.jpg" alt="">
<center><video autoplay loop muted width="940" src="img/cartograph/cartograph.mp4" alt=""></video></center>
<img src="img/cartograph/cartograph_case_0.jpg" alt="">
<!-- <img src="img/cases/open-bank-case.png" alt=""> -->
<!-- <img src="img/cases/concept-4-case.png" alt=""> -->
<!-- <img src="img/cases/open-bank-case-2.png" alt=""> -->
<img src="img/cases/stockholm-case.png" alt="">
<img src="img/cases/concept-5-case.png" alt="">
<center><video autoplay loop muted width="940" src="img/profile.mp4" alt=""></video></center>
<img src="img/cartograph/cartograph_case_7.jpg" alt="">
<img src="img/myplaces/myplaces_img_10-min.jpg" alt="">
<center><video autoplay loop muted width="940" src="img/carplay/cp_freedrive.mp4" alt=""></video></center>
<img src="img/cases/concept-2-case.png" alt="">
<!-- <img src="img/cases/voltmobi-case.jpg" alt=""> -->
<img src="img/cases/voltmobi-case-2.png" alt="">
<center><video autoplay loop muted width="940" src="img/cases/yakitoria.mp4" alt=""></video></center>
<img src="img/cases/concept-3-case.png" alt="">
<img src="img/cases/right-question-case.jpg" alt="">
<img src="img/myplaces/myplaces_img_11-min.jpg" alt="">
<!-- <img src="img/cases/pr-solution-case.png" alt=""> -->
<!-- <img src="img/cases/pr-solution-case-2.png" alt=""> -->
<img src="img/cases/yandx-mob-case.png" alt="" class="last-img">
<!-- <img src="img/cases/concept-1-case.png" alt="" class="last-img"> -->
<!-- Button -->
<a id="floating-button-cases" class="black-text" href="/Cases/">Show cases →</a>
<!-- Botton navigation -->
<div class="bottom-links">
<a href="#">up ↑</a>
<a href="/Cases/">cases →</a>
<a href="mailto:[email protected]">contact me →</a>
<a href="#bottom-menu" onmouseover="changeOpacity('1')" onmouseout="changeOpacity('0.4')">more ↓</a>
</div>
</div>
<!-- Footer -->
<div id="bottom-menu">
<a href="https://dribbble.com/glmrvn" class="link" target="_blank">dribbble</a>
<a href="https://github.com/glmrvn" class="link" target="_blank">github</a>
<a href="https://www.figma.com/@glmrvn" class="link" target="_blank">figma</a>
<a href="https://www.linkedin.com/in/alex-dyakov" class="link" target="_blank">in</a>
<a href="https://medium.com/@glmrvn" class="link" target="_blank">medium</a>
<a href="https://www.facebook.com/glmrvn" class="link" target="_blank">fb</a>
</div>
</body>
</html>