Desarrollador UX/UI - Hibrido (CDMX)

📍 Job Overview

Job Title: Desarrollador UX/UI – Optimización y Personalización Digital

Company: Orion Innovation

Location: Mexico City, Mexico

Job Type: Full-time

Category: UX/UI Development & Digital Optimization

Date Posted: June 04, 2026

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

Remote Status: Hybrid

🚀 Role Summary

• Develop and implement user-centric digital experiences and interfaces, focusing on optimization and personalization initiatives.

• Collaborate with cross-functional teams including design, product, and business stakeholders to translate concepts into functional digital solutions.

• Ensure high-quality visual presentation, responsiveness, and consistency across all digital touchpoints.

• Drive continuous improvement in frontend development processes and best practices within a dynamic team environment.

📝 Enhancement Note: This role is positioned as a "Desarrollador UX/UI – Optimización y Personalización Digital," clearly indicating a specialized focus beyond standard UX/UI design. The emphasis on "optimización y personalización" suggests a strong need for skills in A/B testing, conversion rate optimization (CRO), and data-driven user experience enhancements, aligning it with revenue operations and GTM strategies. The hybrid work model in Mexico City implies a need for strong communication and collaboration skills, as well as the ability to manage time effectively between remote and in-office work.

📈 Primary Responsibilities

• Develop and implement frontend components and user interfaces for various digital platforms, ensuring adherence to design specifications and functional requirements.

• Actively participate in digital optimization and personalization projects aimed at enhancing user experience and driving key business metrics.

• Translate UX/UI designs and wireframes into high-quality, functional code, maintaining visual fidelity and brand consistency.

• Implement personalized user experiences and functional variants within digital experimentation and personalization platforms.

• Guarantee the visual quality, responsiveness, and overall consistency of digital implementations across different devices and browsers.

• Conduct thorough functional validations and testing prior to the release of any changes to ensure seamless user journeys.

• Provide support in identifying and resolving issues related to digital experiences, ensuring prompt and effective solutions.

• Contribute to the ongoing improvement of development processes and advocate for best practices in frontend development.

📝 Enhancement Note: The responsibilities highlight a blend of core frontend development tasks with a strategic focus on optimization and personalization. This suggests that candidates will be expected to not only build but also to contribute to the strategy and execution of initiatives that directly impact user engagement and conversion rates, a key GTM objective. The need to "implement experiences personalizadas y variantes funcionales dentro de plataformas de experimentación y personalización" points to direct involvement with A/B testing tools and CRO methodologies.

🎓 Skills & Qualifications

Education: While not explicitly stated, a Bachelor's degree in Computer Science, Design, Digital Media, or a related field is typically expected for this level of role, or equivalent practical experience.

Experience: 2-5 years of relevant experience in frontend development with a strong focus on UX/UI implementation, digital optimization, and personalization.

Required Skills:

• HTML (Indispensable): Proficient in structuring web content and building semantic markup.

• Figma (Indispensable): Ability to effectively use Figma for inspecting design specifications, extracting assets, and understanding UI elements.

• JavaScript: Solid understanding of core JavaScript concepts and their application in web development.

• React.js: Experience developing user interfaces with React.js.

• CSS: Strong command of CSS, including preprocessors (like Sass/LESS) and techniques for creating responsive and visually appealing web interfaces.

• Responsive Design: Proven ability to implement designs that adapt seamlessly across various screen sizes and devices.

• Analytical Skills: Capacity for analyzing problems, identifying root causes, and developing effective solutions.

• Attention to Detail: Meticulous approach to code implementation and design fidelity.

Preferred Skills:

• Digital Optimization/Personalization Tools: Experience with platforms such as Optimizely, AB Tasty, VWO, or Salesforce Marketing Cloud Personalization.

• Intermediate to Advanced English: Ability to communicate effectively in English, both written and verbal, for collaboration and understanding of technical documentation.

• Collaboration & Teamwork: Proven ability to work effectively within multidisciplinary teams.

• Adaptability & Continuous Improvement: Openness to new processes and a drive for ongoing learning and refinement.

📝 Enhancement Note: The "Indispensable" tags for HTML and Figma indicate these are non-negotiable foundational skills. The inclusion of specific personalization tools like Optimizely, AB Tasty, VWO, and Salesforce Marketing Cloud Personalization, even as preferred skills, strongly signals that experience with A/B testing and CRO platforms is highly valued and directly relevant to driving business growth and revenue. This is a critical differentiator for candidates aiming for roles in GTM operations.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Case Studies in Optimization & Personalization: Showcase at least one project where you implemented personalization strategies or A/B tests that led to measurable improvements in user engagement, conversion rates, or other key performance indicators.

• Figma-to-Code Implementation Examples: Include examples demonstrating your ability to accurately translate Figma designs into functional, responsive frontend code, highlighting attention to detail regarding layout, typography, and interactivity.

• Responsive Design Showcase: Provide examples of web interfaces that exhibit robust responsive design principles across a range of devices (mobile, tablet, desktop).

• Component Development Samples: Highlight reusable UI components or design systems you have contributed to, demonstrating efficiency and maintainability in your code.

Process Documentation:

• Workflow Design & Optimization: Be prepared to discuss your process for taking a design concept from ideation through to a fully implemented and tested feature, including how you collaborate with designers and product managers.

• Implementation & Automation Methods: Detail your approach to implementing features, including any strategies you employ for efficient coding, testing, and potential automation of repetitive tasks.

• Measurement & Performance Analysis: Explain how you contribute to or utilize data from A/B tests and personalization campaigns to understand performance, iterate on designs, and inform future development decisions.

📝 Enhancement Note: For a role emphasizing optimization and personalization, a portfolio is crucial. Candidates should curate examples that specifically demonstrate their impact on business outcomes through UX/UI implementation. This means not just showing pretty designs, but showing how those designs, once coded and potentially A/B tested, drove tangible results. Highlighting experience with the specified personalization tools within case studies will be a significant advantage.

💵 Compensation & Benefits

Salary Range: For a mid-level UX/UI Developer with 2-5 years of experience specializing in optimization and personalization in Mexico City, the estimated annual salary range is between MXN $450,000 and MXN $750,000. This estimate is based on industry benchmarks for similar roles in major Mexican cities, considering the demand for specialized frontend skills and the hybrid work model.

Benefits:

• Hybrid Work Model: Offers flexibility with a mix of in-office and remote work, promoting work-life balance.

• Health Insurance: Comprehensive health coverage, potentially including medical, dental, and vision.

• Professional Development: Opportunities for training, workshops, and potentially conference attendance to enhance skills in UX/UI, frontend development, and digital optimization tools.

• Performance Bonuses: Potential for bonuses based on individual and company performance, linking contributions to business success.

• Paid Time Off: Generous vacation days, sick leave, and national holidays.

• Employee Assistance Program: Support services for personal and professional well-being.

Working Hours: Standard 40-hour work week, with flexibility typically offered within the hybrid model. Specific in-office days may be determined by team needs and project schedules.

📝 Enhancement Note: The salary range is an estimate for Mexico City, a major tech hub. The benefits listed are standard for a company like Orion Innovation, a global services firm, and are tailored to attract and retain talent in specialized tech roles. The emphasis on professional development is particularly relevant for a role that requires staying current with digital optimization and personalization technologies.

🎯 Team & Company Context

🏢 Company Culture

Industry: Orion Innovation operates within the global business and technology services sector, providing digital strategy, experience design, and engineering solutions. Their client base spans diverse industries, including financial services, telecommunications, consumer products, and more, indicating a dynamic and varied project environment.

Company Size: Orion Innovation is a global firm with a significant employee base, suggesting a well-established structure, extensive resources, and a broad network of professionals. This size offers opportunities for diverse project exposure and career advancement.

Founded: Founded in 1993, Orion Innovation has a long history and deep experience in the technology services landscape, signifying stability, proven methodologies, and a mature approach to client solutions.

Team Structure:

• The UX/UI team likely operates as a specialized unit within larger project teams, collaborating closely with product managers, developers, and business analysts.

• Reporting structure may involve a lead UX/UI designer or a product development manager, with direct lines of communication to project leadership.

• Cross-functional collaboration is a cornerstone, with this role expected to work seamlessly with design strategists, frontend developers, and backend engineers to deliver integrated digital solutions. Methodology:

• Data Analysis & Insights: Emphasis on using data from user behavior, A/B tests, and personalization campaigns to inform design decisions and validate improvements.

• Workflow Planning & Optimization: Structured approach to project execution, from initial design and development to testing, deployment, and iterative refinement.

• Automation & Efficiency Practices: Adoption of efficient development practices and potentially exploring automation opportunities to streamline workflows and enhance productivity.

Company Website: https://www.orioninc.com/

📝 Enhancement Note: Orion Innovation's description as a "premier, award-winning, global business and technology services firm" suggests a culture that values innovation, client success, and high-quality delivery. For a UX/UI role focused on optimization and personalization, this implies a data-driven and results-oriented environment where the impact of digital experiences on business outcomes is closely monitored.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a Mid-Level Developer (2-5 years of experience). It signifies an individual contributor role with a focus on implementing specific features and components, contributing to optimization strategies, and collaborating within a team. The responsibilities suggest a transition from pure execution to contributing insights and process improvements.

Reporting Structure: The role will likely report to a Lead UX/UI Designer, a Product Manager, or a Development Manager. The hybrid nature means reporting may involve remote check-ins and in-person meetings, requiring strong self-management and communication skills.

Operations Impact: The role directly impacts revenue and business decisions by enhancing user experiences, increasing conversion rates through personalization and optimization, and ensuring the effectiveness of digital platforms. Success in this role contributes to customer satisfaction, retention, and top-line growth.

Growth Opportunities:

• Specialization Advancement: Deepen expertise in specific personalization platforms (Optimizely, VWO, etc.) or advanced UX research methodologies, moving towards a Senior UX/UI Developer or CRO Specialist role.

• Technical Leadership: Progress to a Lead Developer or Architect role, guiding junior developers and influencing technical direction for digital projects.

• Cross-functional Transition: Opportunities to move into Product Management or Project Management roles, leveraging a strong understanding of user needs and development processes.

• Skill Expansion: Continuous learning opportunities in emerging frontend technologies, design systems, and data analytics for digital optimization.

📝 Enhancement Note: The growth opportunities are framed around deepening expertise within specialized areas like personalization and optimization, which are increasingly critical for GTM success. This role provides a solid foundation for a career focused on data-driven user experience and its direct impact on business performance.

🌐 Work Environment

Office Type: The role is hybrid, meaning a portion of the work will be conducted from the company's office in Mexico City, and the remainder remotely. This suggests a blend of collaborative in-office sessions and focused remote work.

Office Location(s): Mexico City, Mexico. Specific office details (e.g., building name, accessibility) would typically be provided upon inquiry or during the interview process. The city itself offers a vibrant professional ecosystem.

Workspace Context:

• Collaborative Environment: In-office days will likely involve team meetings, brainstorming sessions, and direct collaboration with colleagues, fostering a dynamic exchange of ideas.

• Operations Tools & Technology: Access to modern development tools, design software (Figma), and potentially a dedicated testing environment for personalization platforms. The company's global nature suggests robust IT infrastructure.

• Team Interaction: Opportunities for informal and formal interactions with UX/UI designers, developers, product managers, and other stakeholders, crucial for understanding project context and aligning on solutions.

Work Schedule: A standard 40-hour work week is expected, with flexibility to manage tasks and collaborate effectively within the hybrid framework. This allows for managing development sprints, testing cycles, and team synchronization.

📝 Enhancement Note: The hybrid model in a major city like Mexico City implies a need for strong autonomy and digital collaboration skills. Candidates should be prepared to demonstrate how they can maintain productivity and team cohesion regardless of their work location.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A brief call with HR or a recruiter to assess basic qualifications, cultural fit, and interest in the role.

• Technical Interview: A more in-depth interview focusing on technical skills, including coding challenges (potentially live coding), discussions on HTML, JavaScript, React.js, CSS, and responsive design principles. Be prepared for questions on Figma usage.

• Portfolio Review & Case Study Discussion: A dedicated session where you present your portfolio, focusing on specific projects related to UX/UI implementation, optimization, and personalization. You'll be asked to walk through your design-to-code process and the impact of your work.

• Cross-functional/Hiring Manager Interview: A discussion with the hiring manager or a senior team member, focusing on problem-solving skills, collaboration, understanding of business objectives, and how you would approach specific challenges related to optimization and personalization.

• Final Interview (Optional): May involve senior leadership to assess overall fit and strategic alignment.

Portfolio Review Tips:

• Highlight Impact: For each project, clearly articulate the problem, your solution, and the measurable results (e.g., increased conversion rates, improved user satisfaction scores, reduced bounce rates). Quantify your achievements whenever possible.

• Showcase Process: Detail your workflow from understanding requirements and design (Figma) to coding and testing. Explain your decision-making process, especially regarding optimizations or personalization elements.

• Demonstrate Technical Proficiency: Be ready to explain your code and technical choices. For optimization/personalization tools, explain how you integrated them and leveraged their capabilities.

• Tailor to the Role: Emphasize projects that align with optimization, personalization, and responsive design. If you have experience with Optimizely, AB Tasty, or VWO, make sure these are prominently featured.

Challenge Preparation:

• Frontend Coding Challenge: Expect a practical test involving building a component or feature based on given requirements, potentially with a Figma design. Focus on clean, efficient, and responsive code.

• Problem-Solving Scenarios: Be prepared to discuss how you would approach optimizing a specific user flow or implementing a personalization strategy for a given scenario. Think about user journeys, A/B test design, and potential outcomes.

• Tool-Specific Questions: If you have experience with the preferred optimization tools, be ready to discuss how you've used them to implement and analyze tests.

📝 Enhancement Note: The emphasis on portfolio review and case studies for optimization/personalization is key. Candidates should prepare to discuss not just the "what" but the "how" and "why" of their implementations, with a clear focus on the business impact and the specific tools used for experimentation and personalization.

🛠 Tools & Technology Stack

Primary Tools:

• HTML, CSS, JavaScript: Foundational web development languages.

• React.js: For building dynamic user interfaces.

• Figma: For design inspection, asset extraction, and understanding UI specifications.

• Git/Version Control: For code management and collaboration.

Analytics & Reporting:

• Digital Experience Platforms (DXP) / A/B Testing Tools:

  • Optimizely: For A/B testing, multivariate testing, and feature flagging.
  • AB Tasty: Similar capabilities for experimentation and personalization.
  • VWO (Visual Website Optimizer): Another popular platform for CRO and A/B testing.
  • Salesforce Marketing Cloud Personalization: For advanced customer journey personalization.

• Web Analytics Tools (e.g., Google Analytics, Adobe Analytics): To understand user behavior and measure the impact of optimizations.

CRM & Automation:

• While not directly responsible for CRM management, understanding how frontend changes integrate with CRM data for personalization (e.g., Salesforce Marketing Cloud) is beneficial.

📝 Enhancement Note: The explicit mention of Optimizely, AB Tasty, VWO, and Salesforce Marketing Cloud Personalization is critical. Candidates with direct experience with these platforms will have a significant advantage. Understanding how frontend development integrates with these tools for personalization and A/B testing is a core competency for this role.

👥 Team Culture & Values

Operations Values:

• Innovation: A commitment to exploring new technologies and approaches to digital product development and user experience.

• Client Focus: Dedication to delivering high-quality solutions that meet client needs and drive business value.

• Collaboration: Fostering a team-oriented environment where open communication and shared problem-solving are encouraged.

• Data-Driven Approach: Valuing data and analytics to inform decisions, measure impact, and continuously improve digital products.

• Excellence: Striving for high standards in code quality, design implementation, and overall project delivery.

Collaboration Style:

• Cross-functional Integration: Seamless collaboration with designers, product managers, and other developers to ensure holistic project success.

• Process Review & Feedback: An open culture for discussing and refining development processes, where constructive feedback is welcomed and acted upon.

• Knowledge Sharing: Encouraging the sharing of best practices, new techniques, and learnings across the team to foster collective growth and elevate overall team performance.

📝 Enhancement Note: The company's emphasis on innovation and client focus, combined with the role's focus on optimization and personalization, suggests a culture that rewards proactive problem-solving and tangible business impact. The ability to collaborate effectively and contribute to a data-informed development process will be highly valued.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Design Fidelity with Technical Constraints: Effectively translating complex designs into functional, performant code while adhering to project timelines and technical limitations.

• Implementing Complex Personalization Logic: Integrating and managing intricate personalization rules and A/B test variations across different user segments and platforms.

• Ensuring Cross-Browser/Device Compatibility: Maintaining consistent user experiences across a wide array of browsers, devices, and operating systems.

• Keeping Pace with Evolving Technologies: Continuously learning and adapting to new frontend frameworks, tools, and best practices in digital optimization and personalization.

Learning & Development Opportunities:

• Specialized Tool Training: Opportunities to gain deeper expertise and certifications in Optimizely, AB Tasty, VWO, or Salesforce Marketing Cloud Personalization.

• Advanced Frontend Development: Access to courses and workshops on cutting-edge React.js techniques, performance optimization, and modern JavaScript features.

• UX/CRO Workshops: Participation in sessions focused on conversion rate optimization, user research, and data analysis for digital product improvement.

• Mentorship Programs: Potential to be mentored by senior developers or UX leads, guiding career progression and skill development.

📝 Enhancement Note: The challenges presented are typical for a specialized frontend role, emphasizing the need for adaptability and continuous learning. The growth opportunities are specifically geared towards expanding a candidate's toolkit in high-demand areas like CRO and advanced frontend development.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you implemented a personalized user experience. What was the goal, your approach, and the outcome?" Focus on specific tools used and quantifiable results.

• "How would you approach optimizing a landing page to increase conversion rates? Walk me through your process from design to implementation." Emphasize A/B testing methodology and data analysis.

• "How do you ensure your frontend code is performant and responsive across different devices and browsers? What tools or techniques do you use?" Be ready to discuss CSS, JavaScript optimization, and testing strategies.

• "Explain your experience using Figma for development. What are the key aspects you look for when inspecting a design?" Focus on practical application and understanding of design handoff. Company & Culture Questions:

• "What interests you about Orion Innovation and this specific role focused on optimization and personalization?" Show you've researched the company and understand the role's strategic importance.

• "How do you approach collaboration with designers and product managers on a hybrid team?" Highlight your communication and teamwork skills in a distributed environment.

• "How do you measure the success of your work, particularly in relation to business objectives like conversion rates or user engagement?" Demonstrate a results-oriented mindset. Portfolio Presentation Strategy:

• Structure Your Narrative: For each project, clearly present: Problem -> Your Role/Solution -> Tools Used -> Process -> Measurable Results.

• Quantify Impact: Use numbers and data to demonstrate the effectiveness of your implementations. For optimization/personalization projects, this is crucial.

• Highlight Technical Skills: Be ready to discuss the code and technical decisions made. Show your proficiency with HTML, CSS, JavaScript, React.js, and your understanding of responsive design.

• Showcase Tool Proficiency: Explicitly mention and demonstrate your use of Figma and any optimization/personalization tools (Optimizely, VWO, etc.) in your case studies.

📝 Enhancement Note: Interview preparation should heavily lean into demonstrating practical experience with optimization and personalization tools and methodologies. Candidates need to show they can deliver tangible business results through their technical skills and strategic thinking.

📌 Application Steps

To apply for this operations position:

• Submit your application through the Orion Innovation careers portal via the provided link.

• Tailor Your Resume: Customize your resume to highlight experience with HTML, JavaScript, React.js, CSS, responsive design, and especially any experience with Figma and digital optimization/personalization tools (Optimizely, VWO, AB Tasty, Salesforce Marketing Cloud Personalization). Quantify achievements where possible.

• Prepare Your Portfolio: Curate a portfolio that showcases 2-3 strong projects, with at least one focusing on UX/UI implementation for optimization or personalization. Be ready to walk through your process and the impact of your work.

• Practice Interview Responses: Rehearse answers to common technical questions, behavioral questions, and scenario-based questions related to optimization and problem-solving. Practice presenting your portfolio.

• Research Orion Innovation: Understand the company's mission, values, and the types of clients they serve. Consider how your skills in UX/UI and digital optimization can contribute to their success.

⚠️ 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.