Web UI Developer

📍 Job Overview

Job Title: Web UI Developer

Company: Percepta (a TTEC 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-5 years)

Remote Status: Fully Remote (within Colombia)

🚀 Role Summary

• Design, develop, and implement complex user interfaces using React and modern front-end technologies for web and mobile applications.

• Make critical technical decisions for React projects, ensuring scalability, maintainability, and performance.

• Collaborate closely with a global creative team to deliver cutting-edge customer experience solutions for leading brands in financial services and healthcare.

• Perform in-depth product analysis and development tasks requiring extensive research and strategic thinking.

• Communicate effectively with diverse internal and external stakeholders to drive project success.

📝 Enhancement Note: This role is situated within TTEC Digital, a consultancy and training division focusing on customer experience. While the title is "Web UI Developer," the responsibilities clearly indicate a senior front-end engineering role with significant ownership and technical decision-making capabilities, aligning with a "Software Engineer" or "Front-End Engineer" designation in broader tech contexts. The emphasis on "consultancy" and "training" suggests a need for strong communication and problem-solving skills beyond pure coding.

📈 Primary Responsibilities

• Architect and implement robust, scalable, and user-friendly web applications using React, functional components, hooks, and advanced state management patterns.

• Translate complex design requirements into high-quality, well-documented code using JavaScript (ES6+), HTML5, and CSS3, adhering to responsive design principles (Flexbox, Grid, mobile-first).

• Lead technical design discussions and make informed technical decisions for React projects, considering long-term maintainability and architectural best practices.

• Integrate with RESTful APIs and potentially GraphQL endpoints, ensuring seamless data flow and efficient data fetching strategies (e.g., React Query, SWR).

• Implement comprehensive testing strategies using Jest, React Testing Library, and end-to-end testing frameworks like Cypress or Playwright to ensure code quality and application stability.

• Optimize application performance, focusing on rendering efficiency, bundle size reduction, and efficient data handling within React applications.

• Collaborate with UX/UI designers, product managers, and backend engineers to ensure a cohesive and high-quality end-user experience.

• Participate in code reviews, providing constructive feedback to peers and maintaining high code quality standards across the team.

• Troubleshoot and debug complex front-end issues, identifying root causes and implementing effective solutions.

• Stay abreast of emerging front-end technologies and best practices, proactively recommending and integrating them where beneficial.

📝 Enhancement Note: The raw description mentions "design and make technical decisions" and "perform product analysis and development tasks of increasingly complex nature." This implies a role that goes beyond standard UI development, requiring strategic thinking, architectural input, and a deep understanding of product lifecycle. The emphasis on working with "leading brands" and in "financial services and healthcare" suggests a need for attention to detail, security, and potentially regulatory compliance in UI development.

🎓 Skills & Qualifications

Education:

Experience:

• A minimum of 2 years of hands-on professional experience in front-end web development, with a significant focus on React.

Required Skills:

• React Expertise: 2+ years of in-depth experience with React, including hooks, functional components, component lifecycle, state management (Context API, Redux, Zustand, Recoil), and props.

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

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

• API Integration: Experience consuming and integrating with RESTful APIs.

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

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

• Package Management: Proficiency with npm.

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

• Communication: Fluent written and spoken English.

Preferred Skills:

• State Management Libraries: Experience with Redux, Zustand, Recoil, or similar.

• Data Fetching Libraries: Experience with React Query or SWR.

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

• GraphQL: Experience consuming GraphQL APIs.

• Component Libraries/UI Frameworks: Understanding of Material UI, Chakra UI, Ant Design, Tailwind CSS, or Bootstrap.

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

• Code Quality Tools: Knowledge of ESLint and Prettier.

• DevOps/Cloud: Basic to advanced knowledge of 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.

• Containerization: Experience with Docker.

• Web Accessibility: Knowledge of WCAG guidelines and best practices.

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

📝 Enhancement Note: The job description lists a comprehensive set of "React ecosystem tools" and "Front-End Tooling & Build Systems." The "Preferred Skills" section is extensive, indicating that while core React and JavaScript skills are mandatory, candidates with a broader toolkit and exposure to more advanced technologies (like TypeScript, GraphQL, and CI/CD) will be highly competitive. The "BS degree" is listed as preferred but not required, reinforcing the focus on practical experience.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Code Samples: Provide well-structured and documented code samples (e.g., via GitHub repository) showcasing your proficiency in React, JavaScript, HTML, and CSS. Focus on projects demonstrating clean architecture, component reusability, and effective state management.

• Project Demonstrations: Include links to live applications or interactive demos of projects you have developed, highlighting user interface design, responsiveness, and functionality.

• Problem-Solving Examples: Showcase instances where you tackled complex technical challenges in UI development, detailing your approach, the solutions implemented, and the outcomes.

• API Integration Examples: Demonstrate your ability to effectively consume and integrate with backend APIs, showing how data is fetched, managed, and displayed within the UI.

Process Documentation:

• Development Workflow: Be prepared to discuss your typical front-end development workflow, including how you approach task breakdown, feature implementation, testing, and deployment.

• Agile Methodologies: Demonstrate understanding and experience working within Agile development environments (e.g., Scrum, Kanban), including participation in ceremonies and collaboration with cross-functional teams.

• Version Control & CI/CD: Explain your approach to using Git for version control and your familiarity with CI/CD pipelines for automated testing and deployment.

• Code Quality & Testing: Detail your strategies for ensuring code quality, including your approach to unit testing, integration testing, and end-to-end testing.

📝 Enhancement Note: While not explicitly stated as a "portfolio requirement," the detailed list of required and preferred skills, especially in testing, build tools, and DevOps, implies that candidates should be ready to demonstrate practical application of these skills. A GitHub profile or a personal website with demonstrable projects will be crucial for showcasing these capabilities. The emphasis on "making technical decisions" and "product analysis" suggests a need to highlight not just coding ability, but also strategic thinking and process ownership in their portfolio.

💵 Compensation & Benefits

Salary Range:

• Based on market research for experienced Web UI Developers in Colombia, with a focus on remote roles, a competitive annual salary range is estimated to be between COP 70,000,000 and COP 120,000,000. This range accounts for the 2+ years of experience requirement, the demand for React expertise, and the remote nature of the position.

• Note: This is an estimated range. Actual compensation will be determined based on the candidate's experience, skills, and the company's compensation structure.

Benefits:

• Career Growth: Opportunities for advancement and career progression within TTEC Digital.

• Professional Development: Dedicated focus on enhancing skills and knowledge through training and learning resources.

• Performance Bonus Opportunities: Potential to earn bonuses based on individual and company performance.

• Competitive Compensation: A salary package designed to be competitive within the Colombian tech market.

• Global Team Environment: Opportunity to work with a diverse and talented international team.

• Employee Well-being: A culture that values employee well-being and fosters a positive work environment.

• Community Engagement: Participation in a community-minded organization committed to giving back.

Working Hours:

• Standard full-time work commitment, likely around 40 hours per week.

• Flexibility may be available, aligning with remote work arrangements and global team collaboration, but specific hours will be confirmed during the interview process.

📝 Enhancement Note: The provided benefits are somewhat generic. For a tech role, specific details like health insurance (EPS in Colombia), life insurance, contributions to pension funds (AFP), and potentially allowances for home office setup or internet would be expected. The "performance bonus opportunities" and "competitive compensation" are noted as key benefits. The salary estimate is based on common ranges for mid-level developers in Colombia, adjusted for the remote aspect and the specific skill set.

🎯 Team & Company Context

🏢 Company Culture

Industry: TTEC Digital operates within the Customer Experience (CX) and Digital Transformation industry, serving sectors like Financial Services and Healthcare. This means a focus on user-centric design, data-driven insights, and innovative solutions to enhance customer engagement and business growth.

Company Size: TTEC is a large global organization with over 50,000 employees worldwide. TTEC Digital, as a consultancy and training division, likely operates with a more agile and specialized team structure, potentially ranging from dozens to a few hundred professionals globally.

Founded: TTEC was founded in 1982. TTEC Digital, as a specialized division, has evolved to focus on digital customer engagement solutions, leveraging TTEC's broader expertise.

Team Structure:

• The role is part of a "small and talented global creative team" within TTEC Digital. This suggests a highly collaborative and focused unit, likely composed of designers, developers, and potentially project managers.

• The reporting structure is not explicitly defined but would likely involve a Team Lead or Manager within the Digital division, with potential for cross-functional collaboration with other TTEC departments.

Methodology:

• Data-Driven Insights: TTEC Digital leverages data to understand customer behavior and inform solution design. This implies an approach where development decisions are supported by analytics and performance metrics.

• Agile Development: Given the nature of digital transformation projects and the global team structure, Agile methodologies (Scrum, Kanban) are highly probable for managing workflows, sprints, and iterative development.

• Customer-Centric Design: The core focus on customer experience means that user needs, usability, and accessibility will be central to the development process.

Company Website: https://www.ttec.com/ (TTEC overall), and likely specific pages for TTEC Digital or their CX solutions.

📝 Enhancement Note: The "creative team" aspect, combined with TTEC's focus on customer experience, suggests a culture that values innovation, collaboration, and a strong understanding of user needs. The global nature of the team implies a need for excellent remote collaboration tools and practices. The company's emphasis on "customer-focused values" and "humanity" indicates a culture that prioritizes empathy and strong interpersonal relationships, even in a remote setting.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a Mid-Level "Web UI Developer," suitable for individuals with 2-5 years of focused experience. It involves significant responsibility in technical decision-making and implementation, moving beyond junior-level tasks towards more independent contribution and problem-solving. The "increasingly complex nature" of tasks suggests a path towards Senior Developer or Technical Lead roles.

Reporting Structure: The developer will report to a manager or lead within the TTEC Digital creative team. Collaboration will extend to other developers, designers, and project managers within this global team, as well as potentially liaising with client teams.

Operations Impact: The Web UI Developer's work directly influences the customer experience delivered by TTEC's clients. By building intuitive, performant, and engaging user interfaces, they enable clients to improve customer satisfaction, loyalty, and ultimately, business outcomes. Their technical decisions will have a tangible impact on the usability and effectiveness of the digital solutions provided.

Growth Opportunities:

• Technical Specialization: Deepen expertise in React, front-end performance optimization, accessibility, and emerging JavaScript frameworks.

• Architectural Leadership: Progress to Senior Web UI Developer or Front-End Architect roles, taking ownership of the technical direction for larger projects and mentoring junior developers.

• Cross-Functional Skills: Develop skills in areas like UX/UI principles, product management, or even backend integration, becoming a more versatile full-stack contributor.

• Consulting Acumen: Enhance client-facing and consulting skills, potentially moving into roles that involve direct client engagement, solution design, and strategic advisory within TTEC Digital.

• Management Track: For those interested, a path towards leading development teams or managing projects could be available within the growing TTEC Digital organization.

📝 Enhancement Note: The job description highlights "dedication to your career growth and professional development" and "global team of curious lifelong learners." This strongly suggests that TTEC actively supports career progression and continuous learning, making this role an attractive stepping stone for ambitious front-end developers. The "consultancy and training division" aspect further implies a focus on skill development and knowledge sharing.

🌐 Work Environment

Office Type: This is a fully remote position, allowing developers to work from anywhere within Colombia. There is no requirement for physical office attendance.

Office Location(s): While the role is remote, the company is TTEC, which has a global presence. The specific "creative team" operates globally, and the candidate must be located in Colombia.

Workspace Context:

• Remote Collaboration: Expect to utilize a suite of digital collaboration tools (e.g., Slack, Microsoft Teams, Zoom) for communication, meetings, and team synchronization.

• Technology Access: Access to necessary development tools and potentially cloud-based environments will be provided or supported. The team likely utilizes modern development stacks and cloud infrastructure (Azure, AWS).

• Team Interaction: Regular virtual team meetings, stand-ups, code reviews, and potentially virtual social events will facilitate interaction and maintain team cohesion.

Work Schedule:

• Standard full-time hours (approximately 40 hours per week) are expected.

• Given the global nature of the team, some flexibility might be offered, but adherence to core working hours for team collaboration and client needs will be essential.

📝 Enhancement Note: The description explicitly mentions "If you're located in any city of Colombia, this opportunity can be for you" and "#LI-Remote." This confirms a genuine remote opportunity for candidates residing within Colombia. The emphasis on a "global team" suggests that candidates should be comfortable with asynchronous communication and working across different time zones where necessary.

📄 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 your React expertise, JavaScript fundamentals, problem-solving abilities, and understanding of front-end best practices. This may include live coding exercises or discussions about your past projects.

• Portfolio Review: Be prepared to walk through your portfolio, discussing specific projects, your technical contributions, and the challenges you overcame. Demonstrate your ability to articulate technical decisions and their impact.

• Team/Manager Interview: An interview with the hiring manager or potential team members to evaluate your communication skills, collaboration style, and alignment with the team's culture and TTEC's values.

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

Portfolio Review Tips:

• Curate Select Projects: Choose 2-3 of your strongest projects that best showcase your React skills, problem-solving capabilities, and adherence to best practices.

• Highlight Your Role: Clearly articulate your specific contributions to each project, especially if it was a team effort.

• Explain Technical Decisions: Be ready to discuss why you made certain technical choices (e.g., state management solution, architectural patterns, library selection) and the trade-offs involved.

• Demonstrate Impact: Quantify the impact of your work where possible (e.g., improved performance metrics, enhanced user engagement, reduced bug rates).

• Showcase Code Quality: Ensure your code samples are clean, well-commented, and demonstrate good structure and readability.

Challenge Preparation:

• Live Coding: Practice coding challenges focusing on algorithms, data structures, and common JavaScript/React patterns. Websites like LeetCode, HackerRank, or similar platforms can be useful.

• System Design (Front-End): Prepare to discuss how you would approach building a complex UI feature or application, considering scalability, performance, and maintainability.

• Debugging Scenarios: Be ready to analyze code snippets and identify potential bugs or areas for improvement.

• Behavioral Questions: Prepare answers for common behavioral questions using the STAR method (Situation, Task, Action, Result), focusing on teamwork, problem-solving, and handling challenges.

📝 Enhancement Note: Given the emphasis on "making technical decisions" and "product analysis," interviewers will likely probe candidates on their strategic thinking and ability to contribute beyond just writing code. Be prepared to discuss how you would approach a new feature from requirements gathering through to deployment and iteration, emphasizing process and best practices.

🛠 Tools & Technology Stack

Primary Tools:

• React: The core JavaScript library for building user interfaces. Proficiency with hooks, functional components, and component lifecycle is essential.

• JavaScript (ES6+): Modern JavaScript features and syntax are fundamental.

• HTML5 & CSS3: Essential for structuring and styling web content, including Flexbox and Grid for layout.

• TypeScript: Familiarity is a plus, indicating a modern approach to JavaScript development.

Analytics & Reporting:

• Web Analytics Tools: While not explicitly mentioned, expect to work with tools like Google Analytics or similar for tracking user behavior and application performance.

• Performance Monitoring Tools: Understanding browser developer tools for performance profiling and potentially using application performance monitoring (APM) tools.

CRM & Automation:

• Version Control: Git (GitHub, GitLab) is critical for code management and collaboration.

• Build Tools: Vite, Webpack, Babel, esbuild for bundling, transpiling, and optimizing front-end assets.

• Package Managers: npm for managing project dependencies.

• CI/CD Tools: GitHub Actions, GitLab CI, Azure DevOps for automating build, test, and deployment processes.

📝 Enhancement Note: The list of required and preferred skills heavily dictates the technology stack. Key areas include React, modern JavaScript, HTML/CSS, state management libraries (Redux, Zustand, etc.), data fetching libraries (React Query/SWR), build tools (Vite/Webpack), testing frameworks (Jest/React Testing Library), and version control (Git). Experience with TypeScript, GraphQL, and CI/CD will significantly enhance a candidate's profile.

👥 Team Culture & Values

Operations Values:

• Customer Focus: A core value driven by TTEC's mission to provide amazing customer experiences. This translates to building user-centric, intuitive, and effective interfaces.

• Curiosity & Lifelong Learning: The team comprises "curious lifelong learners," indicating an environment that encourages continuous skill development, exploration of new technologies, and knowledge sharing.

• Collaboration & Community: A "community-minded organization" and a "global team" suggest a strong emphasis on teamwork, mutual support, and building relationships across geographical boundaries.

• Inclusivity & Diversity: TTEC actively promotes a "diverse and inclusive workforce" where all employees feel "valued, belonging and comfortable being their authentic selves."

• Data-Driven Decision Making: As a consultancy focused on CX and Digital Transformation, decisions are likely informed by data analysis and performance metrics.

Collaboration Style:

• Global Remote Collaboration: Expect a style that relies heavily on digital communication tools, clear documentation, and structured virtual meetings to bridge geographical distances.

• Cross-Functional Integration: The role requires close collaboration with designers, backend engineers, and potentially product managers, necessitating strong communication and a shared understanding of project goals.

• Constructive Feedback Culture: The emphasis on code reviews and team development suggests a culture where constructive feedback is valued and exchanged to improve code quality and team performance.

📝 Enhancement Note: The company description emphasizes "customer-focused values," "humanity," and "inclusivity." For a remote developer, this translates to a need for strong interpersonal skills, empathy, and the ability to build rapport virtually. The "consultancy and training" aspect might also foster a culture of mentorship and knowledge sharing.

⚡ Challenges & Growth Opportunities

Challenges:

• Global Team Coordination: Effectively collaborating with team members across different time zones and cultural backgrounds can be challenging, requiring strong communication and organizational skills.

• Rapidly Evolving Technologies: The front-end landscape changes quickly. Staying current with the latest React best practices, tools, and frameworks requires continuous learning.

• Balancing Innovation and Stability: Implementing new technologies while ensuring the stability, performance, and maintainability of applications for critical clients in regulated industries (like finance and healthcare) requires careful consideration.

• Remote Work Self-Discipline: Maintaining productivity, focus, and team connection while working remotely requires strong self-discipline and time management skills.

Learning & Development Opportunities:

• Advanced React Techniques: Opportunities to master advanced React patterns, performance optimization strategies, and new features within the React ecosystem.

• TypeScript Adoption: Learning and applying TypeScript to build more robust and maintainable applications.

• Cloud & DevOps Exposure: Gaining practical experience with cloud platforms (Azure, AWS) and CI/CD pipelines can broaden skill sets.

• CX & Digital Transformation Domain Knowledge: Understanding the nuances of customer experience design and digital transformation projects within financial services and healthcare.

• Mentorship Programs: Potential access to mentorship from senior developers or architects within TTEC Digital.

📝 Enhancement Note: The challenges highlight the need for adaptability, strong communication, and a proactive approach to learning. The growth opportunities are directly tied to addressing these challenges and expanding expertise in high-demand areas of front-end development and customer experience solutions.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex UI feature you developed using React. What were the technical challenges, and how did you overcome them? What design patterns did you employ?" (Focus on technical depth, problem-solving, and pattern application).

• "How do you approach making technical decisions for a new React project? Walk me through your process for evaluating new libraries or architectural choices." (Focus on strategic thinking, trade-off analysis, and best practices).

Company & Culture Questions:

• "Based on your understanding, how does TTEC Digital's focus on customer experience influence your role as a Web UI Developer?" (Demonstrate understanding of the company's mission and how your role contributes).

• "How do you stay updated with the rapidly evolving front-end technology landscape? Give an example of a new technology you learned and applied." (Assess your commitment to lifelong learning).

Portfolio Presentation Strategy:

• Structure Your Walkthrough: For each project, clearly state the project's goal, your specific role and responsibilities, the technologies used, the key challenges faced, and the outcome or impact.

• Show, Don't Just Tell: Use live demos or screenshots effectively. For code, be ready to navigate your repository and point out specific implementations.

• Focus on "Why": Explain the rationale behind your technical decisions. Why did you choose React? Why a specific state management library? Why this approach to responsiveness?

• Quantify Impact: Whenever possible, present metrics or results that demonstrate the success of your work (e.g., "improved page load time by X%", "increased user engagement by Y%").

• Be Prepared for Technical Deep Dives: Anticipate questions about specific code snippets, architectural choices, and testing methodologies within your portfolio projects.

📝 Enhancement Note: The interview process will likely assess not only technical skills but also problem-solving, communication, and cultural fit. The emphasis on "technical decisions" and "product analysis" means you should be ready to discuss the "why" behind your code and demonstrate strategic thinking. Your portfolio should highlight not just what you built, but how and why you built it.

📌 Application Steps

To apply for this Web UI Developer position:

• Submit your application through the provided application link on the Percepta/TTEC Taleo platform.

• Portfolio Customization: Tailor your resume and cover letter to highlight your experience with React, JavaScript, HTML5, CSS3, and any of the preferred skills mentioned (e.g., TypeScript, Redux, Jest, Cypress). Ensure your GitHub profile or portfolio link is prominently displayed and showcases relevant projects.

• Resume Optimization: Use keywords from the job description, such as "React," "JavaScript," "UI Developer," "responsive design," "state management," and "API integration," to ensure your resume is ATS-friendly and clearly communicates your qualifications.

• Interview Preparation: Practice answering common front-end interview questions, focusing on explaining your technical decisions, demonstrating problem-solving skills, and articulating your experience with the specific technologies listed. Prepare to walk through your portfolio with confidence.

• Company Research: Familiarize yourself with TTEC and TTEC Digital's mission, values, and the industries they serve (financial services, healthcare). Understand their focus on customer experience and digital transformation to tailor your responses and demonstrate genuine interest.

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