Sr. Design Technologist

📍 Job Overview

Job Title: Sr. Design Technologist

Company: geniant, LLC

Location: Dallas, Texas, United States

Job Type: Full-time

Category: Design Technology / Front-End Engineering

Date Posted: 2026-05-18

Experience Level: 5-10 years

Remote Status: On-site

🚀 Role Summary

• Spearhead the creation of high-fidelity, interactive code prototypes leveraging AI to accelerate design validation and product innovation.

• Architect and maintain robust design systems, ensuring reusability, consistency, and adherence to accessibility standards across client projects.

• Act as a critical liaison between design and engineering teams, translating complex client challenges into feasible and impactful user interface solutions.

• Drive technical strategy and R&D by exploring emerging technologies and front-end best practices to enhance the company's technology stack and developer experience.

• Develop custom AI-powered tools and plugins to streamline design-to-development workflows, boosting team velocity and output consistency.

📝 Enhancement Note: This role is positioned at a senior level, indicating a need for strategic thinking, technical leadership, and mentorship capabilities beyond individual contribution. The emphasis on AI integration suggests a forward-thinking company focused on leveraging cutting-edge technology to enhance design and development processes. The "Forward Deployed Engineers" and "System Architects" mention implies a collaborative, solutions-oriented environment within a technology consulting or product development firm.

📈 Primary Responsibilities

• Utilize AI to rapidly build and iterate on high-fidelity, interactive code prototypes using HTML, CSS, JavaScript, and modern frameworks to test and validate design concepts.

• Co-own the architecture, development, and comprehensive documentation of client design systems, establishing a reusable library of UI components, design tokens, and accessibility standards.

• Serve as a key technical expert, bridging the gap between design and engineering teams by understanding client challenges and designing technically feasible, dynamic, and responsive user experiences.

• Lead research and development efforts into emerging technologies, interaction patterns, and front-end best practices, influencing front-end architecture and tooling for improved quality and performance.

• Develop and implement custom AI tools, plugins (e.g., for Figma), and "starter kits" to enhance team velocity, consistency, and overall efficiency in the design and development lifecycle.

• Champion and enforce best practices for web accessibility (WCAG), performance optimization, and responsive design across all digital products.

• Provide technical guidance and mentorship to designers on web technology possibilities and constraints, and advise engineers on nuanced UI implementation and interaction design.

📝 Enhancement Note: The responsibilities highlight a dual focus on hands-on technical execution (prototyping, component building) and strategic influence (technical leadership, R&D, workflow enhancement). The mention of "clients" indicates a consulting or agency environment where client interaction and satisfaction are paramount.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong foundation in computer science, design, or a related field, demonstrated through experience and portfolio, is implied.

Experience: 5+ years of progressive experience in front-end development, with a significant focus on design systems, interactive prototyping, and bridging design and engineering disciplines. Experience in a "creative coder" or "systems thinker" capacity is highly valued.

Required Skills:

• Expert-level proficiency in HTML5, CSS3 (including pre-processors like SASS, and modern layouts like Flexbox and Grid).

• Deep understanding and practical application of vanilla JavaScript (ES6+).

• Extensive experience with at least one modern JavaScript framework/library such as React, Vue.js, Svelte, or Angular.

• High proficiency with leading design and prototyping tools, specifically Figma or Adobe XD.

• Demonstrated experience in building, maintaining, or significantly contributing to comprehensive design systems.

• Proven ability to champion and implement web accessibility standards (WCAG).

• Excellent verbal and written communication skills, adept at explaining complex technical and design concepts to diverse audiences.

• Strong client-facing communication skills, capable of championing products and engaging effectively with clients at all levels.

Preferred Skills:

• Proficiency with TypeScript for enhanced code quality and maintainability.

• Experience with animation libraries and techniques, such as GSAP, Framer Motion, or CSS Animations, to create engaging user experiences.

• Knowledge of data visualization libraries, including D3.js, for dynamic data representation.

• Familiarity with WebGL and Three.js for developing immersive 3D web experiences.

• Experience in building plugins or custom scripts for design tools like Figma.

• Understanding of CI/CD pipelines and modern front-end build tools such as Vite or Webpack.

• Experience working within Agile/Scrum development methodologies.

📝 Enhancement Note: The emphasis on "not just vibe coding experience" for front-end roles suggests a need for robust, production-ready code and a deep understanding of engineering principles, not just surface-level implementation. The requirement for a strong portfolio showcasing "live examples, case studies, or code repositories" indicates a preference for tangible proof of skills and project impact.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A comprehensive portfolio is mandatory, showcasing a blend of design sensibility and technical proficiency.

• Include live examples of interactive, code-based prototypes that demonstrate your ability to bring designs to life with functional UI.

• Present detailed case studies that explain your design process, technical challenges, and the impact of your contributions, particularly in areas of prototyping and design systems.

• Provide links to code repositories (e.g., GitHub) where applicable, demonstrating clean, well-structured, and efficient code.

Process Documentation:

• Document your approach to building and iterating on high-fidelity prototypes, detailing the tools, frameworks, and AI integrations used.

• Outline your methodology for designing, developing, and maintaining design systems, including governance, versioning, and contribution workflows.

• Detail your process for bridging design and engineering, including communication strategies, technical feasibility assessments, and pixel-perfect implementation practices.

• Illustrate your R&D process for evaluating and integrating emerging technologies into front-end architecture and workflows.

📝 Enhancement Note: The portfolio is critical for this role, serving as the primary evidence of both design aesthetic and engineering rigor. Candidates should prepare to walk through their projects, explaining the "why" behind their technical and design decisions.

💵 Compensation & Benefits

Salary Range: Based on the Senior Design Technologist title, 5-10+ years of experience, and the Dallas, Texas location, the estimated annual salary range is between $120,000 and $170,000. This estimate accounts for the specialized skill set combining design and advanced front-end development, leadership responsibilities, and the cost of living in a major metropolitan area.

Benefits:

• Comprehensive health, dental, and vision insurance plans.

• Retirement savings plan with company match (e.g., 401(k)).

• Paid time off (PTO), including vacation, sick days, and holidays.

• Opportunities for professional development, including training, conferences, and certifications.

• Potential for performance-based bonuses or profit sharing.

• Access to cutting-edge AI tools and technologies for professional growth.

Working Hours: Standard full-time work, typically around 40 hours per week. While on-site, there may be flexibility for project-driven needs, but core hours will likely be aligned with business operations and client availability.

📝 Enhancement Note: The salary range is an estimate based on industry benchmarks for senior-level design technologists and front-end engineers in major US tech hubs. Actual compensation will depend on specific experience, interview performance, and company compensation philosophy.

🎯 Team & Company Context

🏢 Company Culture

Industry: AI and Technology Innovation. geniant operates at the intersection of artificial intelligence, software engineering, and digital design, focusing on building cutting-edge platforms and solutions for clients. This industry demands continuous learning, rapid adaptation, and a strong emphasis on technical excellence and innovative problem-solving.

Company Size: The provided data does not specify company size, but the role's senior nature and focus on client-facing work suggest it could range from a mid-sized firm to a larger enterprise, likely with specialized teams for design, engineering, and AI implementation.

Founded: Founding date not specified. However, the company's focus on "forefront of AI innovation" implies a relatively modern company or a division that has embraced advanced AI technologies.

Team Structure:

• The Design Technology team likely comprises a mix of senior and mid-level design technologists, front-end developers, and potentially UX engineers.

• This role will report into a Design Lead, Engineering Manager, or Head of Product/Design, depending on the organizational structure.

Methodology:

• Data Analysis & Insights: Leveraging user feedback, performance metrics, and AI-driven analysis to inform design and development decisions.

• Workflow Planning & Optimization: Designing efficient workflows that integrate AI, design tools, and coding practices to maximize velocity and quality.

• Automation & Efficiency: Proactively identifying opportunities to automate repetitive tasks and enhance consistency through custom tools and system design.

Company Website: geniant.com

📝 Enhancement Note: The company's focus on AI innovation suggests a culture that values experimentation, continuous learning, and embracing new technologies. The "clients" aspect implies a service-oriented approach, where understanding and meeting client needs is paramount.

📈 Career & Growth Analysis

Operations Career Level: This role is a Senior Design Technologist, positioned as a key individual contributor and technical leader within the design and engineering functions. It requires a deep specialization that bridges two critical disciplines.

Reporting Structure: The role likely reports to a Design Director, Engineering Manager, or a similar senior leadership position within the product development or design organization. Direct reports are not specified but mentorship is a key responsibility.

Operations Impact: The Design Technologist has a significant impact on the success of client products by:

• Ensuring the technical feasibility and high-fidelity execution of user experiences.

• Building scalable and maintainable design systems that accelerate future development.

• Improving the efficiency and quality of the design-to-development pipeline through AI and custom tooling.

Growth Opportunities:

• Operations Skill Advancement: Deepen expertise in AI-driven design tools, advanced front-end frameworks, and complex design system architecture.

• Leadership Development: Transition into roles such as Lead Design Technologist, Head of Design Systems, or Principal Front-End Engineer, with opportunities to lead larger teams and strategic initiatives.

• Specialization: Develop expertise in niche areas like 3D web experiences (WebGL), animation engineering, or AI plugin development for design tools.

• Mentorship: Continue to mentor junior team members, fostering a culture of learning and technical excellence.

📝 Enhancement Note: The senior designation and focus on technical leadership suggest a clear path for career advancement within specialized technical and design leadership tracks.

🌐 Work Environment

Office Type: The role is explicitly "On-site," indicating a traditional office-based work environment. This suggests a collaborative atmosphere with direct access to colleagues and company resources.

Office Location(s): Dallas, Texas, United States. This implies a professional office setting in a major metropolitan area, likely with access to amenities and transportation.

Workspace Context:

• Collaborative Environment: Expect a dynamic workspace designed to foster interaction between designers, engineers, and potentially client teams.

• Operations Tools and Technology: Access to high-performance workstations, industry-standard design software (Figma, Adobe XD), development tools, and potentially advanced AI platforms.

• Team Interaction: Frequent opportunities for in-person collaboration, brainstorming sessions, code reviews, and design critiques.

Work Schedule: Standard business hours, likely Monday through Friday. The on-site requirement suggests a commitment to being present in the office for team collaboration and client engagements.

📝 Enhancement Note: The on-site requirement suggests a company that values in-person collaboration, team cohesion, and direct client interaction, which can be beneficial for complex problem-solving and relationship building.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or hiring manager will review your application and resume, focusing on alignment with required experience and skills.

• Portfolio Review: A dedicated session to walk through your portfolio. Be prepared to discuss specific projects, your role, technical challenges, design decisions, and the impact of your work, particularly prototypes and design systems.

• Technical Interview(s): Expect coding challenges or whiteboarding sessions focused on HTML, CSS, JavaScript, and framework-specific concepts. This may include problem-solving related to UI implementation, accessibility, or performance.

• Design Systems/Prototyping Challenge: A practical exercise or case study where you might be asked to design and prototype a component or a small feature, or discuss how you would approach building/enhancing a specific part of a design system.

• Behavioral & Cultural Fit Interview: Questions assessing your collaboration style, communication skills, problem-solving approach, and how you handle feedback, especially in client interactions.

• Final Round: Potentially an interview with senior leadership to discuss strategic fit, leadership potential, and overall alignment with geniant's mission.

Portfolio Review Tips:

• Curate Selectively: Showcase 3-5 of your strongest, most relevant projects. Prioritize those demonstrating advanced prototyping, design system contributions, and AI integration.

• Tell a Story: For each project, clearly articulate the problem, your role and contributions, the technical solutions implemented, and the quantifiable outcomes or learnings.

• Highlight AI Integration: If applicable, clearly explain how AI was used to enhance your design or development process.

• Code Quality: Be ready to discuss the structure, efficiency, and maintainability of your code.

• Accessibility & Performance: Emphasize how you incorporated these principles into your work.

Challenge Preparation:

• Practice Coding: Brush up on fundamental front-end concepts and practice coding exercises for HTML, CSS, and JavaScript, as well as your primary JS framework.

• Design System Thinking: Prepare to discuss the principles of good design systems, including component structure, design tokens, accessibility, and governance.

• Prototyping Scenarios: Think through how you would rapidly prototype common UI elements or user flows.

• Client Communication: Practice articulating technical solutions and design rationales in a clear, concise, and persuasive manner suitable for client audiences.

📝 Enhancement Note: The portfolio review is a critical gate. Candidates should treat it as a presentation, not just a passive review, and be ready to defend their design and technical choices.

🛠 Tools & Technology Stack

Primary Tools:

• Design & Prototyping: Figma, Adobe XD (expert proficiency required for at least one).

• Front-End Development: HTML5, CSS3 (SASS), JavaScript (ES6+), React, Vue.js, Svelte, or Angular (deep experience with at least one).

• AI Integration Tools: Custom AI tools, plugins for design software (e.g., Figma plugins), and potentially AI-assisted coding environments.

Analytics & Reporting:

• Web Analytics: Tools for tracking user behavior and performance (e.g., Google Analytics, Amplitude) may be used to inform design iterations.

• Performance Monitoring: Tools to assess website speed and responsiveness.

CRM & Automation:

• Design System Management: Tools or platforms for hosting and managing design system documentation and component libraries.

• Build Tools: Vite, Webpack for efficient front-end development workflows.

• Version Control: Git, likely with GitHub or similar platforms for code repository management.

📝 Enhancement Note: Proficiency in modern front-end frameworks and design tools is essential. The emphasis on AI tools and custom plugin development suggests a company that values innovation and custom solutions for design and development processes.

👥 Team Culture & Values

Operations Values:

• Innovation & AI Integration: A strong drive to explore and implement cutting-edge AI technologies to redefine design and development processes.

• Technical Excellence: Commitment to writing clean, performant, accessible, and maintainable code. High standards for craftsmanship in both design and engineering.

• Collaboration & Communication: Openness to sharing knowledge, providing constructive feedback, and working effectively across design and engineering disciplines.

• User-Centricity: A focus on building user experiences that are not only aesthetically pleasing but also highly functional, accessible, and meet user needs.

• Efficiency & Velocity: Valuing processes and tools that accelerate development cycles without compromising quality.

Collaboration Style:

• Cross-functional Integration: Seamless collaboration between design technologists, designers, and engineers is expected, fostering a shared understanding and ownership of the product.

• Process Improvement Culture: An environment where team members are encouraged to identify bottlenecks and propose solutions for optimizing workflows.

• Knowledge Sharing: Regular opportunities for sharing learnings, best practices, and new techniques, possibly through internal tech talks or code reviews.

📝 Enhancement Note: The culture likely embraces a fast-paced, innovative environment where individuals are empowered to experiment and contribute strategically, especially concerning AI integration.

⚡ Challenges & Growth Opportunities

Challenges:

• Rapidly Evolving AI Landscape: Staying current with the fast pace of AI development and identifying practical applications for design and engineering workflows.

• Balancing Design & Engineering Rigor: Effectively merging creative design vision with robust, scalable engineering implementation, especially under client deadlines.

• Design System Scalability: Ensuring design systems remain adaptable, maintainable, and effective as client projects and company needs grow.

• Client Communication & Management: Navigating diverse client expectations and technical understanding, ensuring clear communication and buy-in for proposed solutions.

Learning & Development Opportunities:

• AI Tooling Specialization: Deep dive into developing and implementing AI-powered tools and plugins for design and development.

• Advanced Frameworks & Technologies: Opportunities to master emerging front-end frameworks, animation libraries, or 3D web technologies.

• Design System Leadership: Potential to lead the strategy and implementation of large-scale design systems for significant clients.

• Industry Exposure: Engaging with industry conferences and communities focused on design technology, front-end development, and AI innovation.

📝 Enhancement Note: This role presents an opportunity to be at the cutting edge of AI's application in design and development, offering significant growth in a highly sought-after field.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex UI you've built. What were the technical challenges, and how did you overcome them using HTML, CSS, and JavaScript? How did you ensure pixel-perfect implementation?"

• "Walk me through your process for building a reusable UI component for a design system. What considerations do you make for accessibility, performance, and maintainability?"

• "How would you use AI to accelerate the prototyping process for a new feature? What specific AI tools or techniques would you employ, and what are their limitations?"

Company & Culture Questions:

• "How do you stay up-to-date with the latest trends in front-end development and AI?"

• "Describe a time you had to bridge a gap between design and engineering teams. What was your approach, and what was the outcome?"

• "How do you handle constructive criticism on your designs or code?"

Portfolio Presentation Strategy:

• Structure Your Narrative: For each portfolio piece, clearly state the client/project goal, your specific role and contributions, the technical stack and tools used, key challenges overcome, and the final impact or learnings.

• Demonstrate Code Proficiency: Be ready to discuss code samples, explain architectural decisions, and highlight best practices in your repository links.

• Showcase Prototyping: Explain the interactivity, responsiveness, and user testing aspects of your prototypes.

• Design System Expertise: Detail the components, tokens, and guidelines you've established or contributed to, and why.

• AI Application: If AI was used, clearly articulate its role and benefits in your workflow.

📝 Enhancement Note: Prepare to discuss specific examples that demonstrate your ability to translate complex ideas into functional, well-crafted code and user experiences, with a keen eye for design systems and emerging technologies like AI.

📌 Application Steps

To apply for this Sr. Design Technologist position:

• Submit your application through the provided link on Greenhouse.

• Customize Your Resume: Tailor your resume to highlight your 5+ years of front-end development and design systems experience. Quantify achievements related to prototyping, efficiency gains, and design system impact. Integrate keywords like HTML5, CSS3, JavaScript, React/Vue/Svelte/Angular, Figma, AI, and accessibility.

• Prepare Your Portfolio: Ensure your portfolio is polished, showcases live examples or detailed case studies of coded prototypes and design system contributions, and is easily accessible (e.g., via a link). Be ready to articulate your process and impact for each project.

• Practice Interview Questions: Rehearse answers to common technical, behavioral, and situational questions, focusing on your experience with relevant technologies, AI integration, and client communication. Practice explaining technical concepts clearly and concisely.

• Research geniant: Understand the company's mission, focus on AI innovation, and their client-centric approach. Prepare to discuss how your skills and experience align with their goals and culture.

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