Senior Front-End Web Developer and UX Designer

Case Western Reserve University is committed to providing a transparent estimate of the salary range available for this position at the time of its posting. The salary range is between $71,041 and $89,867, depending on qualifications, experience, department budgets, and industry data.

Employees receive more than just a paycheck. University employees enjoy a comprehensive benefits package that includes excellent healthcare, retirement plans, tuition assistance, paid time off, and a winter recess.

Job Description

POSITION OBJECTIVE
The Senior Web Front-End Developer and UX Designer plays a pivotal role in advancing Case Western Reserve University's mission by presenting its online presence in visually compelling, engaging, and impactful ways. This position is dedicated to designing and implementing scalable design systems, developing dynamic and interactive user interfaces and ensuring the delivery of high-performance, responsive web pages, email templates and other digital-related assets that enhance user engagement and maintain brand consistency across all platforms. With a deep understanding of modern front-end technologies and a mastery of crafting accessible and user-centric interfaces, this individual ensures alignment with institutional design standards and strategic objectives. They ensure all web projects adhere to accessibility guidelines and branding requirements while delivering seamless, engaging digital experiences. This individual will also support the university's efforts to ensure that Case Western Reserve's online presence reflects the stature and excellence of the teaching, learning and research on its campus.

ESSENTIAL FUNCTIONS

1. Contribute to the strategic vision for web design and front-end development by partnering with the senior executive director, content strategists and backend developers to create digital experiences that enhance CWRU¿s reputation as a leading research university. Lead the development of innovative, user-centric web solutions that align with institutional goals, strengthen brand visibility and directly contribute to increased enrollment and engagement. Develop high-quality, responsive web pages and convert high-fidelity user interface (UI) mockups into fully functional web pages using HTML, CSS (SCSS) and JavaScript frameworks such as React and Vue.js. Optimize performance and user experience by implementing best practices such as lazy loading, asset bundling and code splitting. Develop scalable, maintainable front-end code that integrates seamlessly with backend systems and Drupal CMS platforms, ensuring consistency and efficiency across all digital properties. Utilize version control systems like Git to manage code efficiently. (30%)
2. Create high-fidelity web page designs and visual assets using tools like Figma and Adobe XD. Design and refine interactive components to enhance user engagement and usability. Conduct usability testing and gather user feedback to improve designs and optimize user interactions iteratively. Maintain a component-driven design approach to develop modular, reusable UI elements for use across different pages and projects, improving efficiency and design consistency. (25%)
3. Develop and maintain scalable, reusable design systems that provide a consistent visual and functional experience across all digital platforms. Establish and document UI components, grid systems, and standards to streamline collaboration between design and development teams. Implement design systems to enable adaptable styling across multiple themes and platforms. Ensure seamless integration with the university's Drupal content management system, allowing dynamic content management while preserving design integrity. (25%)
4. Ensure all web pages and digital assets comply with federal accessibility standards, including WCAG 2.1+, Section 508, and ADA requirements. Apply best practices in web accessibility and usability to create inclusive digital experiences. Implement semantic HTML, ARIA roles, and keyboard navigation enhancements to improve screen reader compatibility. Conduct regular accessibility audits using tools such as Siteimprove, Lighthouse, and WAVE to proactively identify and resolve compliance issues. (10%)
5. Mentor colleagues by providing guidance on front-end best practices, accessibility standards, and design system implementation. Share expertise and collaborate on innovative solutions to elevate team capabilities and efficiency. (10%)

NONESSENTIAL FUNCTIONS

1. Perform other duties as assigned. (

CONTACTS

Department: Contact with UMC leaders and all department staff.
University: Contact with faculty and staff in schools and management centers.
External: Contact with external vendors and consultants.
Students: Some contact with students.

SUPERVISORY RESPONSIBILITY

Supervise front-end development contractors and student employees as needed.

QUALIFICATIONS

Education and Experience: Bachelor's and 5 years of related experience or Associate's and 7 years of related experience. Experience should include enterprise-level front-end development and user experience design.

REQUIRED SKILLS

1. Proven experience in UX/UI design and front-end development (portfolio required).
2. Expertise in HTML, CSS (including preprocessors like SASS), and JavaScript (ES6+).
3. Expertise in design tools like Figma, Sketch, or Adobe XD.
4. Expertise with modern front-end frameworks (React, Vue, or Angular).
5. Expertise in responsive design, grid systems, and mobile-first development.
6. Experience building and maintaining design systems and component libraries.
7. Experience creating and/or managing front-end build processes with npm/yarn
8. Experience with pull request and peer review workflows, including use of Git or other revision control tool for version control in a group setting
9. Expertise in accessibility and web performance optimization.
10. Self-directed: able to work independently and within a virtual team, and consistently manage own time and tasks
11. Preferred experience with open-source Drupal CMS systems
12. Preferred experience with headless CMS platforms or static site generators
13. Ability to meet consistent attendance.
14. Ability to interact and communicate clearly with colleagues, supervisors and campus partners, through both verbal and written communications.
15. Demonstrated history of successful support, education, and advocacy for all students, aligned with the values, mission, and messaging of the university, while adhering to the staff policy on conflict of commitment and interest.

WORKING CONDITIONS

General office environment. Will perform repetitive motion using computer mouse and keyboard. Some night and weekend hours will be required.

Hybrid Eligibility

This position is eligible for hybrid work arrangement up to two remote days per week at the discretion of the department. New employees may begin a hybrid schedule upon approval from the supervisor, successful completion of an orientation period and signing the remote work checklist certification form.

EEO Statement

Case Western Reserve University is an equal opportunity employer. All applicants are protected under federal and state laws and university policy from discrimination based on race, color, religion, sex, sexual orientation, gender identity or expression, national or ethnic origin, protected veteran status, disability, age and genetic information.

Reasonable Accommodations

Case Western Reserve University provides reasonable accommodations to applicants with disabilities. Applicants requiring a reasonable accommodation for any part of the application and hiring process should contact the Office of Equity at 216-368-3066 to request a reasonable accommodation. Determinations as to granting reasonable accommodations for any applicant will be made on a case-by-case basis.

.

---