-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
261 lines (239 loc) · 11.7 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
<!DOCTYPE html>
<html>
<head>
<!-- Standard Meta-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Site Properities-->
<title>Roma Shuliatiev: Product Designer</title>
<link rel="icon" href="favicon.ico" sizes="32x32">
<link rel="icon" href="icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!-- Open Graph / Facebook -->
<meta name="title" content="Roma Shuliatiev: Product Designer" />
<meta name="description" content="I help companies build and ship products that provide value" />
<meta name="theme-color" content="#FF4552">
<meta name="description" content="Roma Shuliatiev: Product Designer" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Roma Shuliatiev: Product Designer">
<meta name="title" content="Roma Shuliatiev: Product Designer" />
<meta name="description" content="I help companies build and ship products that provide value" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://n-apps.github.io/" />
<meta property="og:title" content="Roma Shuliatiev: Product Designer" />
<meta property="og:description" content="I help companies build and ship products that provide value" />
<meta property="og:image"
content="https://raw.githubusercontent.com/n-apps/n-apps.github.io/master/images/social.jpg" />
<meta property="og:locale" content="en_US" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://n-apps.github.io/" />
<meta property="twitter:title" content="Roma Shuliatiev: Product Designer" />
<meta property="twitter:description" content="I help companies build and ship products that provide value" />
<meta property="twitter:image"
content="https://raw.githubusercontent.com/n-apps/n-apps.github.io/master/images/social.jpg" />
</head>
<body>
<r-grid columns="5">
<r-cell span="1-1" span-s="row">
<h4 class="section-title opacity5">intro 📥</h4>
</r-cell>
<r-cell span="2-3" span-s="row">
<h1>👨💻</h1>
<h1>hello there! i'm Roma, a product designer with technical background</h1>
<h3>I help companies build and ship products that provide value.</h3>
<h3>My passion and responsibility lie in simplifying things, reducing frustration for <strike class="opacity5">users</strike>
people, and helping companies achieve their business goals. I have a strong technical background, but I also consider user feedback and gut feeling to be crucial elements of my work.</h3>
<h3>I always aim to make the development process smooth and transparent for my team. I have a diverse range of experience, including software development, product design, and managing
a team of three designers.</h3>
</r-cell>
<r-cell span="1-1" span-s="row">
<h4 class="section-title opacity5">professional work 👔</h4>
</r-cell>
<r-cell span="2-3" span-s="row">
<hr class="opacity5">
</r-cell>
<!-- Yesim -->
<r-cell span="2-4" span-s="row">
<h2>Yesim — Worldwide eSIM marketplace</h2>
<p class="single-line opacity8">2021 – Present | WEB, iOS, Android | <a href="https://yesim.app/">Link</a></p>
</r-cell>
<r-cell span="2-4" span-s="row">
<h3>Project details</h3>
<p class="opacity8 single-line">NDA</p>
<h3>My job and responsibilities</h3>
<ul class="compact">
<li>Develop and design user-centered concepts, flows, wireframes, and prototypes</li>
<li>Collaboration with product and development teams</li>
<li>Enhance existing web and mobile platforms through UX improvements</li>
<li>Provide clear and effective UX copy to support user goals</li>
<li>Conduct regular usability testing sessions to validate design solutions</li>
<li>UI quality assurance activities</li>
</ul>
</r-cell>
<!-- SMBF -->
<r-cell span="2-4" span-s="row" style="margin-top: calc(var(--lineHeight) * 2);">
<h2>SMBF — Online reputation platform</h2>
<p class="single-line opacity8">2020–2021 | WEB</p>
</r-cell>
<r-cell span="2-4" span-s="row">
<h3>Project details</h3>
<p class="opacity8 single-line">NDA</p>
<h3>My job and responsibilities</h3>
<ul class="compact">
<li>Collaboration with product and development teams</li>
<li>Develop and design user-centered concepts, flows, wireframes, and prototypes</li>
<li>Write, edit, and improve clear and effective UX copy to support user goals</li>
<li>Enhance existing web and mobile platforms through UX improvements</li>
<li>UI quality assurance activities</li>
</ul>
</r-cell>
<!-- Eventssion -->
<r-cell span="2-4" span-s="row" style="margin-top: calc(var(--lineHeight) * 2);">
<h2>Eventssion — Event ticketing platform</h2>
<p class="single-line opacity8">2018–2020 | WEB, iOS, Android, offline | <a href="https://betalist.com/startups/eventssion">Link</a></p>
</r-cell>
<r-cell span="2-4" span-s="row">
<h3>Project details</h3>
<p class="opacity8">From scratch to 50K users, app/web/internal tools</p>
<h3>Job duties and responsibilities</h3>
<ul class="compact">
<li>Collaboration with Product and Development Teams</li>
<li>Participated in the development of two Android apps using Java and related tools</li>
<li>Managed a group of three designers</li>
<li>Design concepts, user flows, wireframes and prototypes</li>
<li>Conduct usability studies with end-users</li>
<li>Ensure a consistent user experience for a rapidly changing digital product across multiple platforms</li>
<li>Write, edit and improve UX copy to support user goals</li>
</ul>
</r-cell>
<r-cell span="1-1" span-s="row">
<h4 class="section-title opacity5">for fun & experience 🐣</h4>
</r-cell>
<r-cell span="2-3" span-s="row">
<hr class="opacity5">
</r-cell>
<!-- Счетчик Очков -->
<r-cell span="2-4" span-s="row">
<h2>Score Counter — Android app</h2>
<p class="single-line opacity8">2016 – Present | Android | <a href="https://play.google.com/store/apps/details?id=ua.napps.scorekeeper">Link</a></p>
</r-cell>
<r-cell span="2-3" span-s="row">
<h3>Project details</h3>
<p>Score Counter — Count Anything is the perfect solution for game nights, sports competitions, or any activity
where you need to keep track of scores on the fly. With its simple and customizable design, this app
makes score counting quick and easy, without any interruptions from ads. Whether you're tracking initiative, hit
points (HP), spell slots, or even win streaks in your bar game night, Score Counter has you covered.
</p>
<h3>My role</h3>
<ul class="compact">
<li>Conceptualization and ideation of project ideas</li>
<li>Full-cycle development and publishing of projects, including all related activities</li>
</ul>
</r-cell>
<r-cell span="2-3" span-s="row">
<h3>I was proud to achieve the following results</h3>
<ul class="compact">
<li>Ranked #1 in Google Play search results</li>
<li>480K installs / 40,000 MAU</li>
<li>Successfully launched 600 releases</li>
<li>Maintained 15 localizations</li>
<li>Open sourced code</li>
<li>and…</li>
</ul>
</r-cell>
<r-cell span="2-2" span-s="row">
<img src="images/sc.png" >
</r-cell>
</r-cell>
<!-- Параграфус -->
<r-cell span="2-4" span-s="row" style="margin-top: calc(var(--lineHeight) * 4);">
<h1>Paragraphus — Android app</h1>
<p class="single-line opacity8">2020 | Android App [discontinued ☠️]</p>
</r-cell>
<r-cell span="2-3" span-s="row">
<h3>Project details</h3>
<p>Pagraphus is a unique app that presents users with random short passages from various books.
Users are asked to determine whether the passages are interesting or not. If the passage captures
their attention, they can discover the book's title and author. If not, they can simply swipe left to move
on to the next one.</p>
<p>The app allows users to explore both popular and lesser-known authors without bias, and ultimately find
a book that suits their taste.</p>
</r-cell>
<r-cell span="2-3" span-s="row">
<h3>My role</h3>
<ul class="compact">
<li>Conceptualization and ideation of project ideas</li>
<li>Full-cycle development and publishing of projects, including all related activities</li>
</ul>
<h3>Credits</h3>
<p>Style: <a href="https://t.me/ocaptainmycaptain228">Nikolay Sypko</a><br>
Original idea and content: <a href="https://nocover.ru/">nocover.ru</a></p>
</r-cell>
<!-- Skills / Tools -->
<r-cell span="1-1" span-s="row">
<h4 class="section-title opacity5">hard skills & tools ⚒️</h4>
</r-cell>
<r-cell span="2-3" span-s="row">
<hr class="opacity5">
</r-cell>
<r-cell span="2-4" span-s="row">
<h3>🧠</h3>
<h4>Product Design, User Experience, Mobile App Design, A/B Testing, UX Writing</h4>
<h3>👨🎨</h3>
<h4>Figma, Adobe Tools</h4>
<h3>👨💻</h3>
<h4>Java, HTML/CSS, Firebase, SQL/BigQuery, Sendgrid</h4>
</r-cell>
<r-cell span="1-1" span-s="row">
<h4 class="section-title opacity5">links 🎹</h4>
</r-cell>
<r-cell span="2-3" span-s="row">
<hr class="opacity5">
</r-cell>
<r-cell span="2-4" span-s="row">
<ul class="compact">
<li><h3><a href="https://drive.google.com/file/d/1jcne-nu4ptd0Jq2FUkaQa6j0ud_eRbc1/view?usp=sharing">Resume</a> ↗</h3></li>
<li><h3><a href="https://linkedin.com/in/romashuliatiev">Linkedin</a> ↗</h3></li>
<li><h3><a href="https://t.me/artificially_busy">Telegram</a> ↗</h3></li>
<li><h3><a href="https://github.com/n-apps">Github</a> ↗</h3></li>
<li><h3><a href="https://www.behance.net/artificially_busy">Behance</a> ↗</h3></li>
<li><h3><a href="mailto:[email protected]">Email</a> ↗</h3></li>
<li><h3><a href="https://open.spotify.com/user/artificially_busy?si=FGW7GE86SXmipcw9meJHpQ">Spotify</a> ↗</h3></li>
</ul>
</r-cell>
<r-cell span="1-1" span-s="row">
<h4 class="section-title opacity5">misc. stuff 🕸️</h4>
</r-cell>
<r-cell span="2-4" span-s="row">
<hr class="opacity5">
</r-cell>
<r-cell span="2-4" span-s="row">
<r-grid columns="2" columns-s="row">
<r-cell span="2" span-s="row">
<iframe style="border-radius:2px"
src="https://open.spotify.com/embed/playlist/7l76Uft1j0j2p4pdLjGvUP?utm_source=generator&theme=0"
width="100%" height="480" frameBorder="0" allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</r-cell>
</r-grid>
</r-cell>
<!-- Footer -->
<r-cell span="row">
<footer id="footer">
<p class="center padding2 opacity4">Last updated: Oct 2, 2024 | © 2024</p>
</footer>
</r-cell>
</r-grid>
<script>
Array.prototype.forEach.call(document.getElementsByTagName('a'), function (link) {
link.target = "_blank"
})
</script>
<script data-goatcounter="https://n-apps.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
</body>
</html>