Web UI Developer

📍 Job Overview

Job Title: Web UI Developer

Company: Percepta (a TTEC Digital Company)

Location: Bogota, Distrito Capital de Bogota, Colombia

Job Type: Full-Time

Category: Software Development / Front-End Engineering

Date Posted: May 22, 2026

Experience Level: Mid-Level (2+ years)

Remote Status: Fully Remote (Colombia-based candidates)

🚀 Role Summary

• Seeking a skilled Web UI Developer to design, code, and implement user interfaces for web and mobile applications using React and modern front-end technologies.

• This role involves technical decision-making for React projects, product analysis, and client communication within a global creative team.

• Emphasis on building complete, functional user interfaces with a strong understanding of JavaScript, HTML5, CSS3, and responsive design principles.

• Opportunity to contribute to innovative customer experience solutions for leading brands in financial services and healthcare.

📝 Enhancement Note: While the job title is "Web UI Developer," the responsibilities and required skills heavily lean towards a Front-End Engineer role specializing in React. The "operations" context here is interpreted through the lens of developing user-facing applications that support business operations and customer engagement, rather than traditional Revenue Operations or Sales Operations. The company's focus on customer experience solutions implies that the UI's efficiency, usability, and performance directly impact business outcomes.

📈 Primary Responsibilities

• Design and implement robust, scalable, and maintainable user interfaces using React, including functional components, hooks, state management, and component lifecycle.

• Write clean, well-documented, and efficient code in JavaScript, HTML5, and CSS3, adhering to best practices and coding standards.

• Develop complete and functional user interfaces for web and mobile applications, ensuring a seamless and intuitive user experience.

• Conduct thorough product analysis and perform development tasks of increasing complexity, often requiring extensive research and problem-solving.

• Collaborate effectively with cross-functional teams, including designers, backend developers, and project managers, to deliver high-quality front-end solutions.

• Communicate technical concepts and project status clearly to a wide range of internal and external clients.

• Integrate with RESTful APIs and potentially GraphQL endpoints to fetch and display dynamic data.

• Implement responsive design principles to ensure applications function optimally across various devices and screen sizes.

• Participate in code reviews, providing constructive feedback to peers and incorporating feedback into your own work.

• Contribute to technical decision-making processes for React projects, influencing architectural choices and technology adoption.

📝 Enhancement Note: The responsibilities highlight a blend of core front-end development, technical analysis, and client-facing communication. The "product analysis" and "technical decisions" aspects suggest a role with significant autonomy and influence over the front-end architecture and implementation strategy, aligning with a mid-level to senior front-end engineering position.

🎓 Skills & Qualifications

Education:

Experience:

• A minimum of 2 years of hands-on experience building applications with React.

• Demonstrated experience in designing and implementing complex, functional user interfaces.

Required Skills:

• React Expertise: 2+ years of hands-on experience with React, including hooks, functional components, component lifecycle, state management (Context API, Redux, Zustand, Recoil), and data fetching libraries (React Query, SWR).

• Core Web Technologies: Strong expertise in HTML5, CSS3, and responsive design principles (Flexbox, Grid, mobile-first development).

• Modern JavaScript: Solid understanding of modern JavaScript (ES6+) and DOM manipulation.

• API Integration: Experience consuming and integrating RESTful APIs.

• Version Control: Strong experience with Git (GitHub, GitLab), including repository management, branching strategies, and pull requests.

• English Proficiency: Fluent written and spoken English is mandatory for effective communication with a global team and clients.

• Testing Frameworks: Experience with test runners like Jest and libraries such as React Testing Library.

Preferred Skills:

• TypeScript: Familiarity with TypeScript or a strong willingness to learn and adopt it.

• GraphQL: Experience with GraphQL for data fetching.

• Build Tools: Experience with modern build tools such as Vite, Webpack, Babel, or esbuild.

• Component Libraries: Understanding of component libraries and UI frameworks like Material UI, Chakra UI, Ant Design, Tailwind CSS, or Bootstrap.

• End-to-End Testing: Experience with Cypress or Playwright for end-to-end testing.

• Code Quality: Knowledge of code quality tools (ESLint, Prettier).

• DevOps & Cloud: Basic to advanced DevOps knowledge, with familiarity in Azure, AWS, or similar cloud platforms.

• CI/CD: Familiarity with CI/CD pipelines (GitHub Actions, GitLab CI, Azure DevOps).

• Backend Awareness: Basic understanding of backend concepts (Node.js, Express) and familiarity with MySQL administration tools.

• Web Accessibility: Knowledge of web accessibility standards (WCAG) and best practices.

• Performance Optimization: Understanding of performance optimization techniques for React applications.

• Containerization: Experience with containerization technologies like Docker.

📝 Enhancement Note: The extensive list of required and preferred skills indicates a role that values a broad and deep understanding of the modern front-end development landscape. Candidates should be prepared to demonstrate proficiency in React and its ecosystem, core web technologies, and development best practices. The "preferred" skills like TypeScript, DevOps, and cloud platforms suggest opportunities for growth and highlight areas where candidates with broader experience will stand out.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• React Project Showcase: A portfolio demonstrating well-architected and functional React applications, highlighting your ability to build complex UIs.

• Code Quality & Best Practices: Examples of clean, maintainable, and well-documented code, showcasing adherence to modern JavaScript, HTML5, and CSS3 standards.

• Responsive Design Implementation: Visual evidence of applications that adapt seamlessly to different screen sizes and devices.

• API Integration Examples: Demonstrations of how you've integrated front-end applications with backend services or APIs.

Process Documentation:

• Workflow Design: Showcase examples where you've contributed to or led the design of front-end development workflows, including testing and deployment stages.

• Component Reusability: Evidence of creating reusable UI components and design patterns that promote efficiency and maintainability.

• Performance Optimization Strategies: Documentation or case studies detailing how you've identified and addressed performance bottlenecks in front-end applications.

• Testing Methodologies: Examples of your approach to front-end testing, including unit, integration, and end-to-end testing strategies.

📝 Enhancement Note: For a developer role, the "portfolio" is paramount. It should clearly articulate the candidate's technical skills, problem-solving abilities, and understanding of software development processes. Focusing on specific React projects, code quality, and demonstrable UI/UX implementation will be key.

💵 Compensation & Benefits

Salary Range:

• Based on industry benchmarks for a Mid-Level Web UI Developer with 2+ years of experience in Colombia, a competitive salary range is estimated between COP 60,000,000 and COP 100,000,000 annually, depending on the candidate's specific experience, skill set, and interview performance.

Benefits:

• Career Growth & Professional Development: Opportunities for advancement and continuous learning.

• Performance Bonus Opportunities: Potential for performance-based incentives.

• Competitive Compensation: A strong base salary benchmarked against market rates.

• Health & Wellness: Comprehensive benefits package (specifics to be detailed by the company).

• Work-Life Balance: Support for a healthy work-life integration.

• Global Team Collaboration: Opportunity to work with a diverse, international team.

Working Hours:

• Standard full-time hours are expected, likely around 40 hours per week, with flexibility for remote work. Specific working hours may align with Colombian business hours or team collaboration needs.

📝 Enhancement Note: Salary figures for Colombia are based on general market research for mid-level software developers. The exact compensation will depend on the company's internal bands and the candidate's qualifications. The benefits listed are generic but highlight common offerings for roles of this nature, with the "performance bonus" and "competitive compensation" being explicitly mentioned in the source.

🎯 Team & Company Context

🏢 Company Culture

Industry: Technology / Customer Experience Solutions / Consulting & Training

Company Size: TTEC (the parent company) is a large global enterprise (50,000+ employees). TTEC Digital operates as a specialized division, likely comprising a smaller, more agile team of creative and technical professionals. This "small and talented global creative team" suggests a focused, high-performing unit within a larger corporate structure.

Founded: TTEC was founded in 1982. TTEC Digital's specific founding or integration timeline is not provided but it represents the company's digital transformation and customer experience consulting arm.

Team Structure:

• Global Creative Team: This role is part of a "small and talented global creative team" within TTEC Digital.

• Cross-functional Collaboration: Expected to collaborate with designers, backend developers, project managers, and potentially client-facing teams.

• Reporting: Likely reports to a team lead, engineering manager, or creative director within the TTEC Digital division.

Methodology:

• Agile Development: Given the fast-paced nature of consulting and digital solutions, an Agile or Lean development methodology is probable.

• Client-Centric Solutions: Focus on delivering high-quality, customer-centric products and training for leading brands.

• Data-Driven Insights: While not explicitly stated for this role, TTEC as a whole emphasizes data and analytics for customer engagement, suggesting an environment where data informs development decisions.

Company Website: https://www.ttec.com/ (TTEC Global), https://www.ttec.com/digital (TTEC Digital)

📝 Enhancement Note: The company context highlights a large, established organization (TTEC) with a specialized, agile division (TTEC Digital) focused on innovation in customer experience. This blend offers the stability of a large corporation with the dynamism of a consulting/digital solutions group.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a Mid-Level Web UI Developer, typically requiring 2-5 years of experience. It involves independent contribution to complex tasks and potential mentorship of junior developers.

Reporting Structure: The developer will likely report to a Team Lead or Engineering Manager within the TTEC Digital creative team. Collaboration will be cross-functional, involving product managers, designers, and backend engineers.

Operations Impact: In this context, "operations" refers to the development and maintenance of the user interfaces that power business operations for TTEC's clients. A well-built UI directly impacts:

• Customer Engagement: Enhancing user experience for end-customers interacting with client platforms.

• Internal Efficiency: Streamlining workflows for client employees using internal tools developed by TTEC Digital.

• Brand Perception: Contributing to the digital presence and technological sophistication of client brands.

• Service Delivery: Ensuring the front-end components of customer service platforms are functional and user-friendly.

Growth Opportunities:

• Technical Specialization: Deepen expertise in React, front-end performance optimization, accessibility, or specific UI frameworks.

• Leadership Potential: Transition into a Senior Web UI Developer role, Tech Lead, or Frontend Architect.

• Cross-Functional Skills: Develop a broader understanding of backend development, DevOps, or project management.

• Client Engagement: Gain experience in client-facing roles, translating business requirements into technical solutions.

• Learning & Development: Access to TTEC's resources for continuous skill enhancement and professional growth.

📝 Enhancement Note: The growth opportunities are framed to align with a typical software development career path, emphasizing both technical depth and potential for leadership or broader technical involvement.

🌐 Work Environment

Office Type: This is a fully remote position, allowing candidates in Colombia to work from their preferred location. TTEC Digital operates globally, suggesting a distributed team model.

Office Location(s): While the role is remote, the company is headquartered in Englewood, Colorado, USA, with TTEC Digital having a global presence. The specific operational hub for this team might be distributed across various regions, with candidates in Colombia being a key focus for this posting.

Workspace Context:

• Remote Collaboration: The primary mode of interaction will be digital, utilizing collaboration tools like Slack, Microsoft Teams, Jira, and video conferencing.

• Technology Stack: Access to modern development tools, cloud platforms (Azure, AWS), and CI/CD pipelines.

• Team Interaction: Opportunities to connect with a global team of developers, designers, and project managers, fostering a collaborative and innovative environment.

Work Schedule:

• Standard full-time, approximately 40 hours per week.

• Flexibility is inherent in a remote role, but candidates will need to align with team meeting schedules and client needs, likely adhering to Colombian business hours or a mutually agreed-upon schedule.

📝 Enhancement Note: The fully remote nature is a key aspect, emphasizing the need for strong self-discipline, communication skills, and comfort with digital collaboration tools.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio to assess your qualifications and experience against the role requirements.

• Technical Interview(s): Expect coding challenges (live coding or take-home assignments) focusing on React, JavaScript, HTML/CSS, and problem-solving skills. This may include discussions on algorithms, data structures, and front-end architecture.

• Behavioral/Situational Interview: Questions designed to assess your soft skills, teamwork, communication, and how you handle challenges.

• Team/Manager Interview: A discussion with the hiring manager and potentially team members to evaluate cultural fit, technical depth, and alignment with team dynamics.

• Final Round: Potentially a final interview with a senior leader or HR to discuss compensation, benefits, and finalize the offer.

Portfolio Review Tips:

• Curate Select Projects: Showcase 2-4 of your strongest React projects that best align with the job description. Prioritize projects that demonstrate complex UI development, good architecture, and clean code.

• Highlight Key Contributions: For each project, clearly articulate your role, the technologies used, the challenges you faced, and how you overcame them. Quantify impact where possible (e.g., "improved load time by X%").

• Code Samples: Ensure your code is accessible (e.g., GitHub) and demonstrates best practices for React, JavaScript, HTML, and CSS. Make sure repositories are clean and well-documented.

• Responsive Design: Explicitly demonstrate how your projects are responsive across different devices.

• API Interaction: Show examples of how your applications interact with APIs.

• Clarity and Conciseness: Present your portfolio in a clear, organized manner. Be prepared to walk through your projects and answer in-depth technical questions.

Challenge Preparation:

• React Fundamentals: Brush up on React concepts like hooks, state management, component lifecycle, performance optimization, and context API.

• JavaScript Proficiency: Practice common JavaScript problems, ES6+ features, and DOM manipulation.

• HTML/CSS: Review semantic HTML, CSS layout techniques (Flexbox, Grid), responsive design, and CSS preprocessors if applicable.

• Problem-Solving: Practice algorithmic thinking and data structure problems, focusing on efficiency.

• API Interaction: Understand how to make asynchronous requests and handle API responses.

• Testing: Familiarize yourself with Jest and React Testing Library concepts.

📝 Enhancement Note: The interview process is typical for a mid-level developer role, with a strong emphasis on practical coding skills and portfolio demonstration. Candidates should prepare to showcase their ability to build and optimize user interfaces.

🛠 Tools & Technology Stack

Primary Tools:

• JavaScript Framework: React (primary focus)

• State Management: Redux, Zustand, Recoil, Context API

• Data Fetching: React Query, SWR

• Languages: JavaScript (ES6+), HTML5, CSS3, potentially TypeScript

• Styling: CSS3, Flexbox, Grid, potentially component libraries (Material UI, Chakra UI, Ant Design, Tailwind CSS, Bootstrap)

Analytics & Reporting:

• Performance Monitoring: Tools for analyzing application performance (e.g., browser developer tools, Lighthouse).

• Analytics Integration: Familiarity with integrating analytics SDKs (e.g., Google Analytics, Amplitude) into front-end applications.

CRM & Automation:

• Issue/Ticket Management: Jira, Azure Boards, or similar.

• Build Tools: Vite, Webpack, Babel, esbuild

• Package Managers: npm

• Linters/Formatters: ESLint, Prettier

DevOps & Deployment:

• Cloud Platforms: Azure, AWS (awareness is beneficial)

• CI/CD: GitHub Actions, GitLab CI, Azure DevOps (familiarity)

• Version Control: Git (GitHub, GitLab)

• Containerization: Docker (preferred)

Database Awareness:

• SQL: Familiarity with MySQL administration tools (e.g., phpMyAdmin)

• Backend Concepts: Basic understanding of Node.js, Express.

📝 Enhancement Note: The technology stack is comprehensive, reflecting a modern front-end development environment. Candidates should be prepared to discuss their experience with these tools and demonstrate proficiency where required.

👥 Team Culture & Values

Operations Values: (Interpreted through TTEC's stated values and the nature of digital consulting)

• Customer Centricity: A core value at TTEC, meaning the UI developer's work directly impacts the end-user experience of clients' customers.

• Innovation & Curiosity: Encouraging a culture of continuous learning and exploring new technologies in the front-end space.

• Collaboration & Teamwork: Working effectively within a global, distributed team, sharing knowledge and supporting colleagues.

• Excellence & Quality: A commitment to delivering high-quality, robust, and performant user interfaces.

• Inclusivity & Diversity: TTEC emphasizes a diverse and inclusive culture where all employees feel valued and respected.

Collaboration Style:

• Digital First: Primarily collaborative through digital channels (Slack, Teams, Jira, video calls).

• Agile & Iterative: Working in sprints, with regular feedback loops and iterative development.

• Open Communication: Encouraging open dialogue, knowledge sharing, and constructive feedback among team members.

• Cross-Functional Integration: Seamlessly working with design, backend, and product teams to achieve common goals.

📝 Enhancement Note: The company culture appears to blend a strong customer focus with a commitment to innovation, diversity, and collaborative, agile work practices, typical of modern tech consultancies.

⚡ Challenges & Growth Opportunities

Challenges:

• Keeping Pace with Technology: The front-end landscape evolves rapidly; staying current with React and related technologies is an ongoing challenge.

• Complex Client Requirements: Translating diverse and sometimes complex client needs into elegant and functional UIs.

• Distributed Team Collaboration: Effectively communicating and collaborating with a global, remote team across different time zones.

• Balancing Innovation and Stability: Implementing new technologies or approaches while ensuring the stability and performance of client-facing applications.

• Performance Optimization: Ensuring applications are fast, efficient, and scalable, especially under heavy user loads.

Learning & Development Opportunities:

• Advanced React Specialization: Deep dive into advanced React patterns, performance tuning, and architectural best practices.

• TypeScript Mastery: Becoming proficient in TypeScript for robust application development.

• Cross-Disciplinary Learning: Gaining exposure to backend development, DevOps practices, or UI/UX design principles.

• Industry Certifications: Pursuing certifications related to cloud platforms or specific development methodologies.

• Mentorship: Opportunities to learn from experienced developers and potentially mentor junior team members.

📝 Enhancement Note: The challenges and growth opportunities are framed to encourage continuous improvement and proactive engagement with the role and the evolving tech landscape.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex UI you built with React. What were the main challenges, and how did you overcome them?" (Focus on architecture, state management, and problem-solving).

• "How do you ensure your React applications are performant and scalable?" (Discuss optimization techniques, code splitting, lazy loading, memoization).

• "Describe your experience with responsive design. How do you approach building UIs that work across all devices?" (Detail your methodology, tools, and testing strategies).

• "Walk me through your process for integrating a new RESTful API into a React application." (Explain data fetching, state handling, error management, and UI updates).

Company & Culture Questions:

• "What interests you about TTEC Digital and this specific role?" (Research TTEC's mission, values, and recent projects in digital transformation/CX.)

• "How do you approach working in a remote, globally distributed team?" (Highlight your communication skills, self-discipline, and experience with collaboration tools.)

• "Describe a time you had to collaborate with a designer or backend developer on a challenging feature." (Focus on communication, compromise, and achieving a shared goal.)

Portfolio Presentation Strategy:

• Storytelling: Frame each project as a narrative – the problem, your solution, the technologies used, and the outcome.

• Technical Depth: Be ready to dive deep into the code and architectural decisions for your showcased projects.

• Focus on Impact: For each project, explain the business value or user benefit derived from your work.

• Showcase Process: Demonstrate your understanding of the development lifecycle, including testing, deployment, and collaboration.

• Conciseness: Present your portfolio clearly and efficiently, respecting the interviewer's time.

📝 Enhancement Note: Interview preparation should focus on demonstrating not just technical proficiency but also problem-solving skills, adaptability, and strong communication, particularly in a remote context.

📌 Application Steps

To apply for this Web UI Developer position:

• Submit your application through the provided link on the Percepta/TTEC careers portal.

• Portfolio Customization: Tailor your resume and cover letter to highlight your most relevant React, JavaScript, HTML5, and CSS3 experience, referencing specific projects that align with the job description's requirements.

• Resume Optimization: Ensure your resume clearly articulates your years of experience with React and key technologies, using keywords from the job description. Quantify achievements where possible.

• Portfolio Preparation: Have your portfolio (e.g., GitHub profile, personal website) ready to showcase your strongest React projects. Be prepared to walk through your code and explain your technical decisions.

• Company Research: Familiarize yourself with TTEC and TTEC Digital's mission, values, and work in customer experience solutions. Understand their commitment to diversity and inclusion.

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