forked from design4nyc/design4nyc.github.io
-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathuiengineer.html
225 lines (189 loc) · 11.8 KB
/
uiengineer.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
<!DOCTYPE html>
<html lang="en">
<head>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="img/favicon.ico">
<title>User Interface (UI) Engineer - NYC Opportunity</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Font awesome -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/script.js"></script>
<script src ="js/bootstrap.min.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<!-- Navbar -->
<div id="jobs-nav"></div>
<!-- end of Navbar -->
<!-- Job Description -->
<div class="well">
<h1><b><font color="#2F334F">User Interface (UI) Engineer</font></b></h1>
<p class="lead">The City of New York is piloting a new open source digital tool, <a href="https://www1.nyc.gov/site/opportunity/portfolio/my-file-nyc.page">My File NYC</a> that allows residents to store and share documents for social services. The pilot’s goals are to understand if a tool like this can be an effective way for residents to have better control of their personal information, reduce the time for establishing eligibility for benefits, and reduce the repetition of the document upload process each time residents apply for services.
</p>
<p class="lead">We are seeking a UI Engineer to help us iterate on the design and experience of the current product as we continue to pilot and learn from users. The UI Engineer will learn about product development in government, while contributing to work that impacts millions of New Yorkers.</p>
<p class="lead"> <strong>This is a full-time, contract position for at least 6 months being offered in collaboration with the Digital Impact and Governance Initiative at New America, our partners on My File NYC.</strong></p>
<br>
<div class="row">
<div class="col-sm-12">
<a href="index.html">
<button type="button" class="btn btn-primary center-block btn-lg"><b>Learn More About Our Work</b></button>
</a>
</div>
</div>
</div> <!-- end of Job Description -->
<!-- Panels -->
<div class="row marketing">
<!-- Responsibilities -->
<div class="col-lg-6">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title"><span class="glyphicon glyphicon-flag" aria-hidden="true"></span> Responsibilities</h3>
</div>
<div class="panel-body">
<ul class="panel-bullets">
<li>Collaborate with the team to iterate on My File NYC through front end and application and web development. </li>
<li>Implement NYC Opportunity’s design patterns library, extending patterns where necessary.</li>
<li>Leverage library to develop new user experiences and features and improve on existing ones. </li>
<li>Interpret and adhere to UX standards and make recommendations for improvements.</li>
<li>Write clean and organized ES Module JavaScript, Dart Sass, and Web Content Accessibility Guideline (WCAG) compliant HTML with an emphasis on web component development.</li>
<li>Write lightweight NodeJS scripts and use external libraries to compile preprocessed languages into browser-friendly code.</li>
<li>Use GitHub and NPM to maintain and publish <a href="https://nycopportunity.github.io/loves-open-source/">open-source code</a>, collaborate with other engineers, and broadly support integration with other team members in our organization and the City.</li>
</ul>
</div>
</div>
</div><!-- end of Responsibilities -->
<!-- Skills and Experience-->
<div class="col-lg-6">
<!-- Skills -->
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title"><span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> Skills We're Seeking</h3>
</div>
<div class="panel-body">
<p>We understand that candidates may not have all of the skills we are seeking below. We encourage those interested to apply even if they do not meet all of them. We are looking for talented individuals to join our team.</p>
<div class="row">
<div class="col-sm-4">
<h2><span class="glyphicon glyphicon-globe" aria-hidden="true"></span></h2>
<h4>Commitment to the mission of advancing greater equality and opportunity.</h4>
</div>
<div class="col-sm-4">
<h2><span class="glyphicon glyphicon-user" aria-hidden="true"></span></h2>
<h4>Experience working closely with communities who are engaging with public services and programs and/or has lived-experience engaging with public services and programs.</h4>
</div>
<div class="col-sm-4">
<h2><span class="glyphicon glyphicon-home" aria-hidden="true"></span></h2>
<h4>Experience in policy, government or non-profit, in particular with low-income and vulnerable youth and families is a plus.</h4>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<h2><span class="glyphicon glyphicon-cog" aria-hidden="true"></span></h2>
<h4>Knowledge of front-end development using; Yarn/NPM, TypeScript, Nuxt.js, and Vue.js..</h4>
</div>
<div class="col-sm-4">
<h2><span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span></h2>
<h4>Working knowledge of Single Sign On (SSO), Amazon Web Services (S3, Lambda, API Gateway, Cognito), GitHub Actions, and Azure Development Pipeline.</h4>
</div>
<div class="col-sm-4">
<h2><span class="glyphicon glyphicon-cloud" aria-hidden="true"></span></h2>
<h4>Understanding of cloud infrastructure services and management, including AWS.</h4>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<h2><span class="glyphicon glyphicon-retweet" aria-hidden="true"></span></h2>
<h4>Comfort or understanding of agile and waterfall development methodologies.</h4>
</div>
<div class="col-sm-4">
<h2><span class="glyphicon glyphicon-equalizer" aria-hidden="true"></span></h2>
<h4>Experience building applications that consume APIs and other open data platforms.</h4>
</div>
<div class="col-sm-4">
<h2><span class="glyphicon glyphicon-hdd" aria-hidden="true"></span></h2>
<h4>Experience integrating external services such as SAAS platforms, authentication, or data.</h4>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<h2><span class="glyphicon glyphicon-user" aria-hidden="true"></span></h2>
<h4>Experience working with external technical resources such as consultants or vendors.</h4>
</div>
<div class="col-sm-4">
<h2><span class="glyphicon glyphicon-save-file" aria-hidden="true"></span></h2>
<h4>Ability to interpret and implement data protection and security protocols per citywide security policies.</h4>
</div>
<!-- <div class="col-sm-4">
<h2><span class="glyphicon glyphicon-cog" aria-hidden="true"></span></h2>
<h4>Experience integrating external services such as SAAS platforms, authentication, or data.</h4>
</div> -->
</div>
</div>
</div>
<!-- end of Skills -->
<!-- Experience -->
<!-- <div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title"><span class="glyphicon glyphicon-education" aria-hidden="true"></span> Education and Experience</h3>
</div>
<div class="panel-body">
<p>Master's degree in information systems, technology, or equivalent preferred with 7-10 years of experience in digital services and technology innovation.</p>
</div>
</div>-->
<!-- end of Experience -->
<!-- Benefits and Comp-->
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title"><span class="glyphicon glyphicon-education" aria-hidden="true"></span> Benefits and Compensation</h3>
</div>
<div class="panel-body">
<p>This is a full-time, hourly paid contract position for at least 6 months.</p>
<p>The total compensation package is $60,000 - 70,000 commesurate with experience </p>
<p>Applicants must be authorized to work in the United States. We are unable to provide sponsorship.</p>
</div>
</div><!-- end of Experience --><!-- Skills and Education-->
<!-- How to Apply -->
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> How to Apply</h3>
</div>
<div class="panel-body">
<!-- Application Closed
<p>The application window for Senior Advisor position with the Mayor’s Office for Economic Opportunity is now closed.</p> -->
<!-- Application = OPEN -->
<p>Please fill out the <a href="https://airtable.com/shr69xBNgAtu7b9w8">application form</a>. The form will prompt you to upload a resume and cover letter.</p>
<p><em>Due to the volume of applications received we may not be able to respond to every application.</em></p>
<p> </p>
<a href="https://airtable.com/shr69xBNgAtu7b9w8">
<button type="button" class="btn btn-success btn-lg"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> Apply Here</button>
</a>
<p> </p>
<p><em>Please note that as of September 13, 2021, NYC government employees are no longer working remotely. This position will require work from our office in Downtown Brooklyn. All new staff are required by the City of New York to be vaccinated against Covid-19.</em></p>
</div>
</div><!-- How to Apply -->
</div> <!-- end of Panels -->
<!-- Footer -->
<footer class="footer">
<h3>Interested in a position? </h3>
<a href="mailto:[email protected]?subject=Software%20Engineer,%20Tech%20Team">
<button type="button" class="btn btn-success btn-lg"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> Send us a note</button>
</a>
</footer> <!-- end of Footer -->
</div> <!-- /container -->
</body>
</html>