Frontend / UX Designer | Onsite

📍 Job Overview

Job Title: Frontend / UX Designer | Onsite

Company: Photon

Location: Wilmington, Delaware, United States

Job Type: Full-time, Contractor

Category: Frontend Development & UX Design

Date Posted: May 08, 2026

Experience Level: Mid-Level (2-5 years)

Remote Status: On-site

🚀 Role Summary

• Develop and implement cutting-edge agent-facing and customer-facing user interfaces for an advanced call center copilot, leveraging AI-driven insights and functionalities.

• Design and integrate intuitive chat and streaming UX patterns, ensuring seamless agent interaction and effective presentation of critical information such as citations and confidence indicators.

• Utilize modern frontend technologies, primarily React, to build reusable components and ensure alignment with a new omnichannel strategy for web and mobile deployment.

• Collaborate with backend teams and integrate with Adobe AEM to power the web front door and ensure a cohesive user experience across platforms.

• Employ AI-assisted coding tools like GitHub Copilot to enhance development efficiency and explore innovative "vibe coding" methodologies.

📝 Enhancement Note: While the job title is "Frontend / UX Designer," the core responsibilities and technologies (React, GitHub Copilot, AI-assisted coding) strongly point towards a role heavily focused on the implementation of user interfaces rather than solely on the conceptual UX design. The emphasis on building out specific UI patterns for a copilot application suggests a practical, hands-on development role.

📈 Primary Responsibilities

• Architect and implement the agent-facing user interface for the call center copilot, ensuring optimal usability and efficiency for customer service representatives.

• Translate UX wireframes and mockups into high-quality, responsive React components and interactive features.

• Design and implement sophisticated chat and streaming UX patterns, including dynamic citation rendering and clear confidence indicators for AI-generated responses.

• Integrate frontend components with backend services and content management systems, specifically Adobe AEM, to deliver a unified web experience.

• Collaborate with AI/ML engineers and product managers to understand copilot functionalities and translate them into intuitive and effective user interactions.

• Participate in code reviews, ensuring adherence to coding standards, best practices, and performance optimizations.

• Leverage AI-assisted coding tools (e.g., GitHub Copilot) to accelerate development cycles and explore novel coding approaches.

• Contribute to the definition and evolution of the company's omnichannel strategy through frontend implementation.

📝 Enhancement Note: The responsibilities are framed to highlight the practical application of frontend and UX skills within an AI-centric product development environment. Emphasis is placed on the "implementation" aspect, aligning with the "build once, deploy" strategy mentioned in the raw description, and the integration with specific technologies like React and Adobe AEM.

🎓 Skills & Qualifications

Education:

Experience:

• 2-5 years of professional experience in frontend development with a strong emphasis on UX/UI design.

• Proven track record of building complex, interactive web applications using React.

Required Skills:

• React: Deep understanding of React hooks, component lifecycle, state management (e.g., Context API, Redux), and modern JavaScript (ES6+).

• UX/UI Design Principles: Strong grasp of user-centered design methodologies, information architecture, interaction design, and visual design principles.

• HTML5 & CSS3: Proficient in semantic HTML and modern CSS techniques (e.g., Flexbox, Grid, responsive design).

• Version Control: Proficiency with Git and collaborative workflows (e.g., GitHub).

• API Integration: Experience consuming RESTful APIs and integrating frontend applications with backend services.

• Problem-Solving: Ability to analyze complex user needs and translate them into elegant and functional design solutions.

Preferred Skills:

• Adobe AEM: Experience integrating frontend components with Adobe Experience Manager.

• Chat/Streaming UX: Familiarity with designing real-time communication interfaces, including asynchronous patterns and data streaming.

• AI-Assisted Coding: Experience using tools like GitHub Copilot or other AI coding assistants.

• CI/CD Pipelines: Understanding of continuous integration and continuous deployment processes.

• Performance Optimization: Knowledge of frontend performance best practices and tools for analysis.

• Agile Methodologies: Experience working in an Agile/Scrum development environment.

📝 Enhancement Note: The qualifications are structured to reflect a mid-level role requiring both strong technical frontend skills (React) and a solid understanding of UX/UI principles. Specific mention of AI-assisted coding tools and conversational interface design is included as preferred, reflecting the forward-looking nature of the role. The education requirement is assumed to be a Bachelor's degree based on industry standards for such roles, with an allowance for equivalent practical experience.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrated React Expertise: Showcase at least 2-3 significant projects built with React, highlighting complex component structures, state management strategies, and performance considerations.

• UX/UI Design Case Studies: Include detailed case studies for 1-2 projects that illustrate your design process, from user research and wireframing to final UI implementation and user testing. Focus on how your design decisions addressed specific user needs or business objectives.

• AI/Conversational Interface Examples: If available, include examples of work related to chat interfaces, AI-driven features, or real-time data visualization, showcasing your ability to handle dynamic content and user interactions.

• Cross-Platform Considerations: If applicable, demonstrate projects that were designed for both web and mobile, or discuss your approach to responsive design and omnichannel strategies.

• Collaboration & Iteration: Highlight instances where your design or frontend work involved significant collaboration with other developers, designers, or product managers, and how feedback was incorporated.

Process Documentation:

• Workflow Design: Be prepared to discuss your process for translating design concepts into actionable development tasks and how you manage iterative development cycles.

• Component Reusability: Explain your strategies for creating reusable UI components and maintaining design consistency across a large application.

• Integration Strategy: Articulate your approach to integrating frontend applications with backend services and content management systems like Adobe AEM.

📝 Enhancement Note: This section emphasizes practical demonstrations of skills relevant to the role. A strong portfolio showcasing React proficiency, UX/UI design process, and any experience with AI-related interfaces is crucial. The "Process Documentation" aspect is framed around the candidate's ability to articulate their development and integration methodologies.

💵 Compensation & Benefits

Salary Range: USD 48,000 - USD 168,000 per year

Explanation of Range: This salary range reflects a mid-level Frontend/UX Designer position in the Wilmington, Delaware area. The compensation is highly dependent on the candidate's actual experience, skill set, and the specific qualifications they bring to the role. The lower end may apply to candidates with foundational experience, while the upper end is for those with extensive expertise and a proven track record in advanced UI development and AI integration.

Benefits:

• Comprehensive Health Coverage: Medical, vision, and dental insurance plans designed to support employee well-being.

• Retirement Savings: 401k retirement plan with potential company matching contributions to aid long-term financial planning.

• Performance-Based Rewards: Access to variable pay and incentives, rewarding successful project delivery and individual contributions.

• Work-Life Balance: Generous paid time off (PTO) and paid holidays to ensure employees have ample opportunity for rest and personal commitments.

• Contractor Options: The position is also available for independent contractors, offering flexibility in employment arrangements.

Working Hours:

• Standard full-time work schedule is expected to be approximately 40 hours per week.

• Specific daily hours may vary based on team needs and project deadlines, but a consistent presence during core business hours is anticipated for on-site collaboration.

📝 Enhancement Note: The salary range is directly taken from the input data. A detailed explanation is provided to contextualize the wide range, linking it to experience and qualifications. Benefits are itemized based on the provided list, with brief descriptions to add value. The working hours are stated as standard, with an emphasis on the on-site requirement for collaboration.

🎯 Team & Company Context

🏢 Company Culture

Industry: Technology (SaaS, AI-driven Solutions)

Company Size: Photon is likely a mid-sized to large technology firm, given its use of enterprise-grade HR systems (Oracle Cloud) and its focus on advanced technologies like AI and omnichannel strategies. The specific size can vary, but it suggests a structured environment with established processes.

Founded: The founding date is not provided, but the company's focus on current technologies implies a relatively modern or forward-thinking organization that has adapted to market trends.

Team Structure:

• Cross-functional Pods: The development team likely operates in cross-functional pods or squads, comprising frontend developers, backend engineers, UX/UI designers, product managers, and AI specialists.

• Reporting Hierarchy: Designers and Frontend Developers typically report to a Design Lead or Engineering Manager, who in turn reports to higher levels of technical leadership.

• Collaboration: A strong emphasis on collaborative workflows, with regular stand-ups, sprint planning, and review meetings. Designers and developers will work closely with product owners to define requirements and with AI engineers to integrate complex functionalities.

Methodology:

• Agile Development: Photon likely employs Agile methodologies (e.g., Scrum or Kanban) for iterative development, allowing for flexibility and rapid iteration on product features.

• User-Centric Design: A commitment to user-centered design principles, ensuring that product development is driven by user needs and feedback.

• Data-Informed Decisions: Utilizing data analytics and user feedback to inform design choices and product roadmap decisions.

Company Website: https://fa-ertb-saasfaprod1.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_2/job/25924 (This is an Oracle Cloud application URL, not a direct company website. A genuine company website for "Photon" would need to be identified separately.)

📝 Enhancement Note: Information about Photon's culture, structure, and methodology is inferred based on the job description's technical focus, the use of enterprise HR systems, and general industry practices for technology companies developing AI-driven products. The lack of a direct company website URL in the provided data is noted.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a Mid-Level Frontend/UX Designer, typically requiring 2-5 years of experience. It involves significant individual contribution and the ability to take ownership of features and components, working with less direct supervision than an entry-level role. The focus is on translating complex requirements into functional and aesthetically pleasing user interfaces.

Reporting Structure: The designer will likely report to a Design Lead or Engineering Manager. They will collaborate closely with Product Managers, Backend Engineers, and AI/ML Engineers. This structure allows for exposure to different facets of product development.

Operations Impact: While not a traditional "Revenue Operations" role, this position has a significant impact on the company's success by directly shaping the user experience of critical products like the call center copilot. A well-designed and intuitive UI can lead to increased user adoption, improved agent efficiency, and ultimately, better customer satisfaction and potential revenue growth through enhanced service delivery. The success of the "omnichannel strategy" heavily relies on the frontend implementation.

Growth Opportunities:

• Senior Frontend/UX Designer: Progression to a senior level involves greater technical depth, mentoring junior team members, leading design initiatives for major features, and contributing to architectural decisions.

• Specialization: Opportunity to specialize further in areas like AI/ML interface design, real-time data visualization, or specific frontend frameworks.

• Technical Lead/Architect: For individuals with strong technical leadership aspirations, there's a path towards becoming a Tech Lead or Architect, influencing technology choices and team technical direction.

• Product Design Leadership: With a strong UX foundation, growth into Product Design leadership roles, overseeing design strategy for entire product lines, is also a possibility.

📝 Enhancement Note: The career analysis focuses on the typical progression for a Frontend/UX Designer, framing it within the context of an AI-focused tech company. The "Operations Impact" section reinterprets the role's influence in terms of business outcomes that mirror operational goals, such as efficiency and user adoption.

🌐 Work Environment

Office Type: The role is explicitly "Onsite," indicating a traditional office-based work environment. This suggests a collaborative setting where in-person interaction is valued for brainstorming, problem-solving, and team cohesion.

Office Location(s): Wilmington, Delaware, specifically at 880 Powder Mill Road, Floor 02, 19803. This location suggests access to the broader business and technology ecosystem within Delaware.

Workspace Context:

• Collaborative Spaces: The office environment likely includes collaborative workspaces, meeting rooms, and potentially open-plan areas designed to foster interaction among team members.

• Technology Infrastructure: Access to modern development tools, high-performance workstations, and reliable internet connectivity necessary for frontend development and AI-assisted coding.

• Team Interaction: Frequent opportunities for face-to-face interaction with designers, engineers, product managers, and potentially AI specialists, facilitating real-time communication and feedback loops.

Work Schedule:

• A standard 40-hour work week is expected. While flexibility might exist, the on-site requirement implies a need for consistent availability during core business hours to facilitate seamless team collaboration and project execution.

📝 Enhancement Note: The "Work Environment" section is tailored to an on-site role, emphasizing the benefits of in-person collaboration and the typical resources available in a tech company office.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or hiring manager will likely conduct an initial phone screen to assess basic qualifications, experience, and cultural fit.

• Technical Interview(s): Expect one or more technical interviews focusing on React proficiency, JavaScript fundamentals, and problem-solving. These may include live coding exercises or discussions about past projects.

• UX/Design Assessment: A dedicated session to review your portfolio, discuss your design process, UX rationale, and how you approach user-centered design challenges. This might involve a design exercise or case study presentation.

• Hiring Manager/Team Interview: A final interview with the hiring manager and potentially key team members to evaluate overall fit, communication skills, and alignment with team dynamics.

Portfolio Review Tips:

• Curate Selectively: Present your strongest 3-5 projects that best showcase your React skills and UX design process. Tailor the selection to highlight experience relevant to AI interfaces, chat UX, and omnichannel strategies.

• Tell a Story: For each project, clearly articulate the problem you were solving, your role, your design process, the technical challenges, and the outcomes or impact achieved. Use visuals effectively.

• Highlight React Implementation: For frontend-focused projects, detail your React architecture, component strategy, state management, and any performance optimizations.

• Showcase UX Process: For design-focused aspects, walk through your research, wireframing, prototyping, and user testing methodologies. Explain your design decisions with user needs in mind.

• Be Prepared for Technical Deep Dives: Anticipate questions about your code, chosen libraries, and development methodologies.

Challenge Preparation:

• Coding Challenges: Practice common React coding challenges, focusing on component creation, state management, and API integration.

• Design Exercises: Be ready for a hypothetical design problem where you might need to sketch out UI flows or describe your approach to designing a specific feature (e.g., a real-time notification system).

• Behavioral Questions: Prepare to answer questions about teamwork, handling feedback, problem-solving, and your motivations for applying.

📝 Enhancement Note: This section provides actionable advice tailored for a Frontend/UX Designer role, emphasizing the importance of a strong portfolio and preparation for both technical and design-focused interviews.

🛠 Tools & Technology Stack

Primary Tools:

• React: The core framework for frontend development. Proficiency is essential.

• JavaScript (ES6+): Modern JavaScript is fundamental for React development.

• HTML5 & CSS3: For structuring and styling web applications.

• Git: For version control and collaborative development.

• GitHub Copilot: AI-assisted coding tool for enhanced productivity.

Analytics & Reporting:

• Browser Developer Tools: Essential for debugging, performance analysis, and inspecting UI elements.

• Performance Monitoring Tools: (e.g., Lighthouse, WebPageTest) for assessing and improving application speed and efficiency.

• Analytics Platforms: (e.g., Google Analytics, Adobe Analytics) for tracking user behavior and feature adoption (though less direct for frontend dev, understanding is beneficial).

CRM & Automation:

• Adobe AEM: Content Management System used for website integration. Familiarity with its frontend integration aspects is a plus.

• API Tools: (e.g., Postman) for testing and interacting with backend APIs.

📝 Enhancement Note: The technology stack is derived directly from the job description's mention of React, GitHub Copilot, and Adobe AEM. Other tools are standard for a modern frontend development role.

👥 Team Culture & Values

Operations Values:

• Innovation & AI Integration: A forward-thinking approach that embraces new technologies, particularly AI, to drive product innovation and enhance user experiences.

• User-Centricity: A commitment to understanding and prioritizing user needs in all design and development efforts, ensuring products are intuitive and effective.

• Collaboration & Teamwork: A culture that values open communication, mutual support, and collective problem-solving across different disciplines (design, engineering, product).

• Quality & Excellence: A dedication to delivering high-quality, robust, and performant software solutions, with attention to detail in both code and design.

• Efficiency & Optimization: Striving for efficient development processes and optimized user workflows, leveraging tools and methodologies to streamline tasks.

Collaboration Style:

• Cross-Functional Synergy: Expect a highly collaborative environment where designers, frontend developers, backend engineers, and AI specialists work closely together, sharing insights and feedback regularly.

• Agile & Iterative: The team likely operates using Agile methodologies, encouraging frequent communication, rapid iteration, and adaptability to changing requirements.

• Knowledge Sharing: A culture that promotes sharing best practices, code reviews, and design critiques to foster continuous learning and improvement within the team.

📝 Enhancement Note: The team culture and values are inferred from the role's focus on AI, cutting-edge technology, and collaborative development practices common in tech companies.

⚡ Challenges & Growth Opportunities

Challenges:

• Integrating Complex AI Features: Translating sophisticated AI functionalities (like copilot responses, confidence indicators) into intuitive and user-friendly interfaces can be technically and conceptually challenging.

• Omnichannel Consistency: Ensuring a seamless and consistent user experience across web and potentially mobile platforms requires careful planning and execution of responsive design and component architecture.

• Rapid Technological Evolution: Staying abreast of fast-paced advancements in frontend technologies, AI tools, and design patterns requires continuous learning and adaptation.

• Balancing Design & Development: Effectively bridging the gap between conceptual UX design and practical frontend implementation, ensuring design integrity while meeting development constraints.

Learning & Development Opportunities:

• Advanced React & Frontend Techniques: Opportunities to deepen expertise in React, explore new libraries, and master advanced frontend patterns.

• AI/ML Interface Design: Gaining hands-on experience in designing interfaces for AI-powered products, a rapidly growing field.

• Omnichannel Strategy Implementation: Contributing to and learning from the development of a comprehensive omnichannel strategy.

• Exposure to Enterprise Systems: Working with and understanding the integration of enterprise tools like Adobe AEM.

• Mentorship: Potential for mentorship from senior designers or engineers within Photon.

📝 Enhancement Note: The challenges and growth opportunities are framed around the specific technologies and product focus of the role, highlighting areas where a candidate can develop new skills and overcome complex problems.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for translating a complex user requirement for an AI assistant into a functional React component. How do you ensure clarity and usability for features like citation rendering or confidence indicators?"

• "Walk me through a challenging UX design problem you've faced in a previous project. How did you approach it, what solutions did you consider, and what was the outcome?"

• "How do you approach integrating a frontend application with a CMS like Adobe AEM? What are the key considerations for performance and maintainability?"

Company & Culture Questions:

• "What interests you about Photon's work in AI-driven solutions, particularly the call center copilot?"

• "How do you contribute to a collaborative team environment, especially when working with engineers and product managers from different disciplines?"

Portfolio Presentation Strategy:

• Structure Your Narrative: For each project, clearly define the "Problem," "My Role," "Solution (Design & Tech)," and "Outcome/Impact."

• Showcase React Code: Be ready to discuss specific code snippets, architectural decisions, and your approach to component design and state management.

• Visual Appeal: Use high-quality mockups, wireframes, and interactive prototypes to illustrate your design thinking and final UI.

• Quantify Impact: Whenever possible, use metrics to demonstrate the success of your designs or implementations (e.g., improved conversion rates, reduced task completion time, positive user feedback).

• Tailor to the Role: Emphasize projects that demonstrate experience relevant to AI interfaces, chat UX, or complex web application development.

📝 Enhancement Note: These interview questions are crafted to probe the candidate's technical skills, design thinking, problem-solving abilities, and cultural fit, specifically within the context of Photon's AI-focused product development.

📌 Application Steps

To apply for this Frontend / UX Designer position:

• Submit Your Application: Complete the application form via the provided Oracle Cloud link. Ensure all fields are accurately filled out.

• Customize Your Resume: Tailor your resume to highlight your most relevant experience in React, UX/UI design, and any work with AI, chat interfaces, or complex web applications. Use keywords from the job description.

• Prepare Your Portfolio: Curate a strong portfolio showcasing your best React projects and UX design case studies. Be ready to present and discuss specific examples during interviews.

• Research Photon: Familiarize yourself with Photon's mission, products (if publicly available), and any insights into their company culture and technological focus.

• Practice Interview Responses: Prepare to answer technical questions about React and JavaScript, design process questions, and behavioral questions. Practice articulating your thought process for any design or coding challenges.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.