Siemens Careers

Front-End Designer (GraphQL, NodeJS, ExpressJS)

Wilsonville, Oregon
Information Technology

English (US)

Job Description

Division: Digital Industries
Business Unit: Software
Requisition Number: 241529
Primary Location: United States-Oregon-Wilsonville
Assignment Category: Full-time regular
Experience Level: Senior level
Education Required Level: Bachelor's Degree
Travel Required: 10%

Job Description:

Company: Siemens Software

Job Title:   Front-End Designer (GraphQL. NodeJS, ExpressJS) - 241529

Location:   US - OR - Wilsonville (Portland)

Position Overview


Siemens Digital Platform Engineering team is looking for a talented
Front-End Designer to be part of the team building customer-facing
applications for support, learning, marketing, and documentation
platforms.  These platforms are key to the future of digital commerce
and SaaS marketing and service within the Digital Industry Software
division of Siemens.

This is a fast-paced environment with a startup-like mentality of
delivering projects at the speed of marketing in the digital era. In
this role you will work on the creative and design team to help deliver
all aspects of front-end design including interactive prototypes, mock
data generation, deployment and build scripts, component libraries, and
GraphQL APIs. You will participate in the designer/developer workflow
to hand-off completed prototypes to the development team focused on
ReactJS design. You will help the creative team generate comprehensive
designs and prototypes by delivering rapid prototype environments,
build tools, and an optimized workflow.

You will build interactive prototypes from design concept to final
output of CSS, HTML, and JavaScript.  You will use APIs to source mock
data for prototype development. You will establish, build, and
deployment frameworks to assist in review and development handoff.  You
will be responsible for adhering to established style guidelines and
assist in building component libraries.

You will work in an open workspace collaborative environment as part of
a larger web services team responsible for delivering customer facing
applications. You will have the ability to immediately make an impact
as part of a team delivery high-visibility, high-traffic web

You will be expected to contribute ideas, concepts, best practices,
code reviews, and code development to deliver on tight timelines in a
fast paced enterprise application development environment. You should
be able to embrace developing designs and prototypes for performance,
scale, and quality.

You should be driven by building inspired designs and enabling a clean
hand off to development with backend tooling.

You will need excellent communication and writing skills to document
component libraries and provide effective details for developers to
integrate those designs.


As a Front-End Designer on the digital platform engineering team, you
will be responsible for creating interactive prototypes, component
libraries, and design systems. Your primary responsibility will be
developing clean HTML and CSS to realize design concepts. You will be
responsible for developing design systems and libraries in popular
JavaScript frameworks including ReactJS and VueJS. You will build
complete prototype delivery applications including sourcing mock data
from mock APIs.

Detailed responsibilities include:
•Generate clean, optimized HTML markup
•Write CSS with an emphasis on Atomic CSS
•Build responsive layouts
•Leverage Flexbox and CSS Grid to build modern site designs
•Build components in popular JavaScript frameworks such as ReactJS and
•Implement design system component libraries
•Develop interactive, click-through prototypes
•Leverage the Git workflow for code management and deployment
•Test interactive designs for browser compatibility
•Develop build processes and tooling to support rapid design iterations
•Tune front end designs for performance and to adapt to SEO best
•Understanding of Vanilla JavaScript basics and concepts
•Understanding and appreciation of HTML5 accessibility and implementing
A11Y best practices
•Familiarity with JSON and asynchronous browser–server communication


Required Knowledge/Skills, Education, and Experience
•Bachelor degree in related field of study or equivalent level of
•Front-end design including building components in ReactJS or VueJS
•CSS and HTML design (2 years)
•Familiarity with CSS3 Animation principles
•Familiarity offrontend build tools such as Webpack, Grunt, Gulp,
Browserify, and npm scripts.
•Primary responsibility is code development, agile methodology, team
oAdvanced use of CSS, sass, build tools, mock API environments
oDemonstrated problem solving and debugging skills
oAbility to interpret ambiguous business requirements
oExperience with agile methodologies and Git workflow

Qualified Applicants must be legally authorized for employment in the
Unites States. Qualified Applicants will not require employer sponsored
work authorization now or in the future for employment in the United


Preferred Knowledge/Skills, Education, and Experience

•API development using NodeJS / ExpressJS , GraphQL
•Advanced use of JavaScript including view frameworks in multiple
•Experience with SVG, SVG Icon systems, SVG animation
•Use of web sockets for client / server communication





Equal Employment Opportunity Statement
Siemens is an Equal Opportunity and Affirmative Action Employer encouraging diversity in the workplace. All qualified applicants will receive consideration for employment without regard to their race, color, creed, religion, national origin, citizenship status, ancestry, sex, age, physical or mental disability, marital status, family responsibilities, pregnancy, genetic information, sexual orientation, gender expression, gender identity, transgender, sex stereotyping, protected veteran or military status, and other categories protected by federal, state or local law.

EEO is the Law
Applicants and employees are protected under Federal law from discrimination. To learn more, Click here.

Pay Transparency Non-Discrimination Provision
Siemens follows Executive Order 11246, including the Pay Transparency Nondiscrimination Provision. To learn more, Click here.

Can't find what you are looking for?

Let's stay connected

Can't find what you are looking for?