Front-end UI Designer

Description

• Design, prototype, and implement intuitive, user-centric, and accessible web interfaces across the National Water Prediction Service platform • Translate hydrologic modeling outputs, scientific requirements, Figma wireframes, and stakeholder feedback into responsive, touch-centric web components • Streamline information discoverability and optimize interactive map and hydrograph displays • Maintain cohesive design systems across desktop, tablet, and mobile platforms • Design high-fidelity wireframes, interactive UI prototypes, user flow diagrams, and design specifications in Figma for new NWPS features • Design and implement touch-friendly adaptive layouts for mobile phones and tablets • Construct dynamic frontend UI components, map control panels, and interactive chart widgets • Ensure frontend components comply with Section 508 and WCAG 2.1 AA accessibility mandates • Establish and maintain an OWP design system and component library aligned with USWDS and OWP branding guidelines • Analyze user feedback, conduct A/B usability evaluations, and refine navigation hierarchies • Collaborate with full-stack developers, geospatial data engineers, and QA testers in Agile sprint cycles • Ensure implemented code matches approved Figma designs and satisfies the mandatory ≥80% statement test coverage requirement

Requirements

• Bachelor’s Degree in User Experience (UX) Design, Human-Computer Interaction (HCI), Computer Science, Graphic Design, or a related computational/design discipline • Minimum of 3 to 5 years of professional experience designing and building public-facing web interfaces, data dashboards, or geospatial applications (5+ years preferred) • Demonstrated portfolio showcasing responsive web designs, interactive data visualizers (charts/maps), design systems, and Figma wireframes for complex data-heavy platforms • Practical experience applying Section 508 and WCAG 2.1 AA accessibility guidelines to dynamic, canvas- or SVG-heavy web interfaces • Advanced proficiency in Figma, Canva, Adobe Creative Cloud, user story mapping, and wireframing methodologies • Strong proficiency in HTML5, CSS3, SASS, Tailwind CSS, JavaScript (ES6+), TypeScript, and modern frontend frameworks (React, Vue, or Svelte) • Hands-on experience integrating web mapping frameworks (MapLibre GL, OpenLayers, Leaflet, or Esri ArcGIS JS API) and charting tools (D3.js, Chart.js, or Plotly) • Expertise in WCAG 2.1 Level AA, Section 508, ARIA attributes, color contrast verification, screen-reader compatibility (JAWS, NVDA), and automated audit tools (Axe Core, WAVE) • Familiarity with the U.S. Web Design System (USWDS), design token management, and mobile-first responsive design principles • Proficiency with Git repositories (VLab GitLab / GitHub), component testing frameworks (Jest / Cypress), and Agile issue tracking tools (Jira / VLab Redmine)

Copyright © ReadingWaters 2026.