UX & Front End Engineer, AI
United States·Posted today
aitypescriptjavascriptreactgraphqlragllm
<div class="content-intro"><p>Elastic, the Search AI Company, enables everyone to find the answers they need in real time, using all their data, at scale — unleashing the potential of businesses and people. The Elastic Search AI Platform, used by more than 50% of the Fortune 500, brings together the precision of search and the intelligence of AI to enable everyone to accelerate the results that matter. By taking advantage of all structured and unstructured data — securing and protecting private information more effectively — Elastic’s complete, cloud-based solutions for search, security, and observability help organizations deliver on the promise of AI.</p></div><h2 class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-offset-key="637gr-0-0"><span data-offset-key="637gr-0-0"><span data-text="true">What is The Role</span></span></h2> <div class="p" data-block="true" data-editor="22h3r" data-offset-key="5h6ht-0-0"> <div class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-offset-key="5h6ht-0-0"><span data-offset-key="5h6ht-0-0"><span data-text="true">The Elastic IT team is shifting beyond standard chat interfaces to craft the next frontier of generative and agentic AI experiences. We are looking for an innovative </span></span><span data-offset-key="5h6ht-0-1"><span data-text="true">UX Engineer</span></span><span data-offset-key="5h6ht-0-2"><span data-text="true"> to join our team to bridge the gap between powerful AI capabilities and intuitive, delightful user interfaces that accelerate productivity across the entire organization.</span></span></div> </div> <div class="p" data-block="true" data-editor="22h3r" data-offset-key="eaacg-0-0"> <div class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-offset-key="eaacg-0-0"><span data-offset-key="eaacg-0-0"><span data-text="true">Our ideal candidate is a skilled front-end engineer with hands-on experience designing and building AI user experiences (e.g., streaming text, dynamic prompt workflows, agent reasoning visualizations, and multi-modal interaction patterns). In this role, you will leverage the latest AI technologies and the Elastic Stack (including ESRE, Agent Builder, Workflows and eUI) to build high-performance front-end applications for a suite of internal products and platforms. </span></span><span data-offset-key="eaacg-0-1"><span data-text="true">Driven by a user-centered mindset, you will act as a key collaborator </span></span><span data-offset-key="eaacg-0-2"><span data-text="true">between AI back-end engineers, product managers, and user groups </span></span><span data-offset-key="eaacg-0-3"><span data-text="true">to turn complex AI reasoning into seamless human-AI interactions.</span></span><span data-offset-key="eaacg-0-4"><span data-text="true"> By shaping how enterprise users interact with generative AI, you will enable our global workforce while showcasing the boundary-pushing capabilities of Elastic's products.</span></span></div> </div> <div class="p" data-block="true" data-editor="22h3r" data-offset-key="1nqi4-0-0"> <div class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-offset-key="1nqi4-0-0"><span data-offset-key="1nqi4-0-0"><span data-text="true">Are you ready to design and build the interfaces that supercharge enterprise productivity and prove what’s possible with Elastic?</span></span><span data-offset-key="1nqi4-0-1"><span data-text="true"> Join us to create AI user experiences that turn collective knowledge into instant action, empowering everyone at Elastic to achieve more.</span></span></div> </div> <h2 class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-offset-key="e1apo-0-0"><span data-offset-key="e1apo-0-0"><span data-text="true">What You Will Be Doing</span></span></h2> <ul class="public-DraftStyleDefault-ul" data-offset-key="3iofm-0-0"> <li class="public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR" data-block="true" data-editor="22h3r" data-offset-key="3iofm-0-0"> <div class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-offset-key="3iofm-0-0"><span data-offset-key="3iofm-0-0"><span data-text="true">AI UI/UX Design & Implementation:</span></span><span data-offset-key="3iofm-0-1"><span data-text="true"> Translate complex generative and agentic AI processes into intuitive, responsive, and engaging front-end interfaces.</span></span></div> </li> <li class="public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR" data-block="true" data-editor="22h3r" data-offset-key="b8p1e-0-0"> <div class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-offset-key="b8p1e-0-0"><span data-offset-key="b8p1e-0-0"><span data-text="true">Front-End Architecture: </span></span><span data-offset-key="b8p1e-0-1"><span data-text="true">Design, build, and maintain front-end UI component libraries. These libraries should be scalable, accessible, and reusable and will be created for generative AI interactions. You will use modern frameworks like React and TypeScript.</span></span></div> </li> <li class="public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR" data-block="true" data-editor="22h3r" data-offset-key="4eoa8-0-0"> <div class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-offset-key="4eoa8-0-0"><span id="popover-trigger-:r12:" class="chakra-text css-bcri66"><span data-offset-key="4eoa8-0-0"><span data-text="true">Human-AI Interaction Patterns:</span></span><span data-offset-key="4eoa8-0-1"><span data-text="true"> Prototype and implement novel interaction patterns for conversational AI, agent execution visibility (thought logs, tool calls), prompt systems, and rich dynamic outputs.</span></span></span></div> </li> <li class="public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR" data-block="true" data-editor="22h3r" data-offset-key="cjmdm-0-0"> <div class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-offset-key="cjmdm-0-0"><span data-offset-key="cjmdm-0-0"><span data-text="true">Performance & Streaming Optimization:</span></span><span data-offset-key="cjmdm-0-1"><span data-text="true"> Optimize UI performance for real-time AI responses, managing token streaming latency, async state management, and optimistic UI updates.</span></span></div> </li> <li class="public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR" data-block="true" data-editor="22h3r" data-offset-key="co725-0-0"> <div class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-offset-key="co725-0-0"><span data-offset-key="co725-0-0"><span data-text="true">Enterprise Grounding & Integration: Connect front-end interfaces to internal services. This includes Retrieval Augmented Generation (RAG) endpoints. It also includes Elasticsearch Relevance Engine (ESRE) and agent orchestration APIs.</span></span></div> </li> <li class="public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR" data-block="true" data-editor="22h3r" data-offset-key="15qlr-0-0"> <div class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-offset-key="15qlr-0-0"><span data-offset-key="15qlr-0-0"><span data-text="true">User-Centered Collaboration:</span></span><span data-offset-key="15qlr-0-1"><span data-text="true"> Partner closely with UX designers, product managers, and AI backend engineers to iteratively test and refine AI workflows based on real user feedback.</span></span></div> </li> <li class="public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR" data-block="true" data-editor="22h3r" data-offset-key="7jca7-0-0"> <div class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-offset-key="7jca7-0-0"><span data-offset-key="7jca7-0-0"><span data-text="true">Accessibility & Design Systems:</span></span><span data-offset-key="7jca7-0-1"><span data-text="true"> Ensure all front-end interfaces strictly adhere to web accessibility standards (WCAG) and align seamlessly with Elastic's core design system (EUI).</span></span></div> </li> <li class="public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR" data-block="true" data-editor="22h3r" data-offset-key="7lghn-0-0"> <div class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-offset-key="7lghn-0-0"><span id="popover-trigger-:r14:" class="chakra-text css-bcri66"><span data-offset-key="7lghn-0-0"><span data-text="true">AI Observability & UX Analytics:</span></span><span data-offset-key="7lghn-0-1"><span data-text="true"> Implement front-end tracking to monitor user satisfaction, prompt </span></span></span><span id="popover-trigger-:r16:" class="chakra-text css-1j6t0d7"><span data-offset-key="7lghn-1-0"><span data-text="true">effectiveness</span></span></span><span id="popover-trigger-:r18:" class="chakra-text css-bcri66"><span data-offset-key="7lghn-2-0"><span data-text="true">, interaction latency, and interface usability.</span></span></span></div> </li> <li class="public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR" data-block="true" data-editor="22h3r" data-offset-key="3ts6f-0-0"> <div class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-offset-key="3ts6f-0-0"><span id="popover-trigger-:r1a:" class="chakra-text css-bcri66"><span data-offset-key="3ts6f-0-0"><span data-text="true">Documentation:</span></span><span data-offset-key="3ts6f-0-1"><span data-text="true"> Maintain comprehensive documentation for UI component systems, front-end architecture, and design pattern guidelines.</span></span></span></div> </li> </ul> <h2 class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-offset-key="24ptf-0-0"><span data-offset-key="24ptf-0-0"><span data-text="true">What You Bring</span></span></h2> <ul class="public-DraftStyleDefault-ul" data-offset-key="ahqf0-0-0"> <li class="public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-reset public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR" data-block="true" data-editor="22h3r" data-offset-key="ahqf0-0-0"> <div class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-offset-key="ahqf0-0-0"><span data-offset-key="ahqf0-0-0"><span data-text="true">Proven Success in AI UX:</span></span><span data-offset-key="ahqf0-0-1"><span data-text="true"> Recent experience creating user interfaces for GenAI applications is important. This includes working with conversational interfaces, dynamic prompt builders, and complex agent workflows.</span></span></div> </li> <li class="public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR" data-block="true" data-editor="22h3r" data-offset-key="eabd9-0-0"> <div class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-offset-key="eabd9-0-0"><span data-offset-key="eabd9-0-0"><span data-text="true">Front-End Mastery:</span></span><span data-offset-key="eabd9-0-1"><span data-text="true"> Deep expertise in modern </span></span><span data-offset-key="eabd9-0-2"><span data-text="true">TypeScript</span></span><span data-offset-key="eabd9-0-3"><span data-text="true">, </span></span><span data-offset-key="eabd9-0-4"><span data-text="true">JavaScript</span></span><span data-offset-key="eabd9-0-5"><span data-text="true">, </span></span><span data-offset-key="eabd9-0-6"><span data-text="true">React</span></span><span data-offset-key="eabd9-0-7"><span data-text="true">, HTML5, and CSS/Sass, with an emphasis on modular architecture.</span></span></div> </li> <li class="public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR" data-block="true" data-editor="22h3r" data-offset-key="fa364-0-0"> <div class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-offset-key="fa364-0-0"><span data-offset-key="fa364-0-0"><span data-text="true">State Management & Streaming:</span></span><span data-offset-key="fa364-0-1"><span data-text="true"> Deep experience managing complex asynchronous UI state, WebSockets, and Server-Sent Events (SSE) for streaming LLM responses.</span></span></div> </li> <li class="public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR" data-block="true" data-editor="22h3r" data-offset-key="12d5b-0-0"> <div class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-offset-key="12d5b-0-0"><span data-offset-key="12d5b-0-0"><span data-text="true">UX/UI Design Foundations:</span></span><span data-offset-key="12d5b-0-1"><span data-text="true"> Proficient background or active practice in user experience design, wireframing, design systems, and rapid prototyping.</span></span></div> </li> <li class="public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR" data-block="true" data-editor="22h3r" data-offset-key="8c11i-0-0"> <div class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-offset-key="8c11i-0-0"><span data-offset-key="8c11i-0-0"><span data-text="true">An Appetite to Master Elastic:</span></span><span data-offset-key="8c11i-0-1"><span data-text="true"> A solid desire to learn and leverage the </span></span><span data-offset-key="8c11i-0-2"><span data-text="true">Elasticsearch Relevance Engine (ESRE)</span></span><span data-offset-key="8c11i-0-3"><span data-text="true">, Elastic UI (EUI), and the broader Elastic ecosystem.</span></span></div> </li> <li class="public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR" data-block="true" data-editor="22h3r" data-offset-key="9g17l-0-0"> <div class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-offset-key="9g17l-0-0"><span data-offset-key="9g17l-0-0"><span data-text="true">AI Framework & API Integration:</span></span><span data-offset-key="9g17l-0-1"><span data-text="true"> Experience with integrating front-end systems with AI/LLM backend services and orchestration tools (e.g., LangGraph, REST/GraphQL APIs).</span></span></div> </li> <li class="public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR" data-block="true" data-editor="22h3r" data-offset-key="bh3fl-0-0"> <div class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-offset-key="bh3fl-0-0"><span data-offset-key="bh3fl-0-0"><span data-text="true">Design System Integration:</span></span><span data-offset-key="bh3fl-0-1"><span data-text="true"> Experience extending and contributing to enterprise design systems and component documentation tools like Storybook.</span></span></div> </li> <li class="public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR" data-block="true" data-editor="22h3r" data-offset-key="acehf-0-0"> <div class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-offset-key="acehf-0-0"><span id="popover-trigger-:r1c:" class="chakra-text css-bcri66"><span data-offset-key="acehf-0-0"><span data-text="true">Web Performance & Accessibility:</span></span><span data-offset-key="acehf-0-1"><span data-text="true"> Knowledge of web performance optimization techniques, cross-browser compatibility, and WCAG accessibility guidelines.</span></span></span></div> </li> <li class="public-DraftStyleDefault-unorderedListItem public-DraftStyleDefault-depth0 public-DraftStyleDefault-listLTR" data-block="true" data-editor="22h3r" data-offset-key="8ta8e-0-0"> <div class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-offset-key="8ta8e-0-0"><span data-offset-key="8ta8e-0-0"><span data-text="true">Design Tooling:</span></span><span data-offset-key="8ta8e-0-1"><span data-text="true"> Hands-on experience with modern design and handoff tools (e.g., Figma).</span></span></div> </li> </ul><div class="content-pay-transparency"><div class="pay-input"><div class="description"><p><span style="font-weight: 400;"><br>Compensation for this role is in the form of base salary. This role does not have a variable compensation component. <br></span></p> <p><span style="font-weight: 400;">The typical starting salary range for new hires in this role is listed below. In select locations (including Seattle WA, Los Angeles CA, the San Francisco Bay Area CA, and the New York City Metro Area), an alternate range may apply as specified below. </span></p> <p><span style="font-weight: 400;">These ranges represent </span><span style="font-weight: 400;">the lowest to highest salary we reasonably and in good faith believe we would pay for this role at the time of this posting. We may ultimately pay more or less than the posted range, and the ranges may be modified in the future. </span></p> <p><span style="font-weight: 400;">An employee's position within the salary range will be based on several factors including, but not limited to, relevant education, qualifications, certifications, experience, skills, geographic location, performance, and business or organizational needs.</span></p> <p><span style="font-weight: 400;">Elastic believes that employees should have the opportunity to share in the value that we create together for our shareholders. Therefore, in addition to cash compensation, this role is currently eligible to participate in Elastic's stock program. Our total rewards package also includes a company-matched 401k with dollar-for-dollar matching up to 6% of eligible earnings, along with a range of other benefits offered with a holistic emphasis on employee well-being.</span></p></div><div class="title">The typical starting salary range for this role is:</div><div class="pay-range"><span>$110,900</span><span class="divider">—</span><span>$175,500 USD</span></div></div><div class="pay-input"><div class="title">The typical starting salary range for this role in the select locations listed above is:</div><div class="pay-range"><span>$133,200</span><span class="divider">—</span><span>$210,700 USD</span></div></div></div><div class="content-conclusion"><h2><strong>Additional Information - We Take Care of Our People</strong></h2> <p>As a distributed company, diversity drives our identity. Whether you’re looking to launch a new career or grow an existing one, Elastic is the type of company where you can balance great work with great life. Your age is only a number. It doesn’t matter if you’re just out of college or your children are; we need you for what you can do.</p> <p>We strive to have parity of benefits across regions and while regulations differ from place to place, we believe taking care of our people is the right thing to do.</p> <ul> <li>Competitive pay based on the work you do here and not your previous salary</li> <li>Health coverage for you and your family in many locations</li> <li>Ability to craft your calendar with flexible locations and schedules for many roles</li> <li>Generous number of vacation days each year</li> <li>Increase your impact - We match up to $2000 (or local currency equivalent) for financial donations and service</li> <li>Up to 40 hours each year to use toward volunteer projects you love</li> <li>Embracing parenthood with minimum of 16 weeks of parental leave</li> </ul> <p>Different people approach problems differently. We need that. Elastic is an equal opportunity employer and is committed to creating an inclusive culture that celebrates different perspectives, experiences, and backgrounds. Qualified applicants will receive consideration for employment without regard to race, ethnicity, color, religion, sex, pregnancy, sexual orientation, gender perception or identity, national origin, age, marital status, protected veteran status, disability status, or any other basis protected by federal, state or local law, ordinance or regulation.</p> <p>We welcome individuals with disabilities and strive to create an accessible and inclusive experience for all individuals. To request an accommodation during the application or the recruiting process, please email <a href="mailto:candidate_accessibility@elastic.co" target="_blank">candidate_accessibility@elastic.co</a><span class="gmail_default">.</span> We will reply to your request within 24 business hours of submission.</p> <p><span style="color: #000000;">Applicants have rights under Federal Employment Laws, view posters linked below:</span> <a href="https://www.dol.gov/sites/dolgov/files/WHD/legacy/files/fmlaen.pdf" target="_blank">Family and Medical Leave Act (FMLA)</a> <span style="color: #000000;">Poster;</span><span style="color: #000000;"> <a href="https://www.dol.gov/sites/dolgov/files/ofccp/pdf/pay-transp_%20English_formattedESQA508c.pdf" target="_blank">Pay Transparency Nondiscrimination Provision</a> Poster; </span><a href="https://www.dol.gov/sites/dolgov/files/WHD/legacy/files/eppabw.pdf" target="_blank">Employee Polygraph Protection Act (EPPA)</a> <span style="color: #000000;">Poster and <a href="https://www.dol.gov/sites/dolgov/files/OFCCP/regs/compliance/posters/pdf/22-088_EEOC_KnowYourRights.pdf" target="_blank">Know Your Rights</a> (Poster)</span></p> <p><span style="color: #000000;">Elasticsearch develops and distributes technology and information that is subject to U.S. and other countries’ export controls and licensing requirements for individuals who are located in or are nationals of the following sanctioned countries and regions: Belarus, Cuba, Iran, North Korea, Syria, or Russia, including the Ukrainian territories annexed by Russia (The Crimea region of Ukraine, The Donetsk People's Republic (DNR), The Luhansk People's Republic (LNR), Kherson or Zaporizhzhia). If you are located in or are a national of one of the listed countries or regions, an export license may be required as a condition of your employment in this role. Please note that national origin and/or nationality do not affect eligibility for employment with Elastic.</span></p> <p>Please see <a href="https://www.elastic.co/legal/applicant-privacy-statement" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://www.elastic.co/legal/applicant-privacy-statement&source=gmail&ust=1611068262479000&usg=AFQjCNG3orAPk5sJIr9WVm0ZDxYw82c5DA">here</a> for our Privacy Statement.</p></div>