Web UI Developer

Unison Group
Full_timeColombo, Sri Lanka

📍 Job Overview

Job Title: Web UI Developer Company: Unison Group Location: Colombo, Western Province, Sri Lanka Job Type: Full-Time Category: Software Development / Engineering Date Posted: 2025-10-10 Experience Level: Mid-Level (2-5 years) Remote Status: On-site

🚀 Role Summary

  • Develop and maintain sophisticated web applications with a focus on front-end technologies like ReactJS and JavaScript.
  • Drive seamless integration between front-end interfaces and back-end services through robust API interactions.
  • Contribute to a culture of quality through active participation in peer code and design reviews.
  • Translate complex business requirements into functional, user-friendly web features.
  • Manage and automate code deployments and release processes to enhance efficiency and reliability.

📝 Enhancement Note: While the title is "Web UI Developer," the inclusion of Node.js, API interactions, and code deployment responsibilities suggests a full-stack or highly integrated front-end role with operational responsibilities, common in GTM or product development teams requiring close alignment between engineering and business outcomes.

📈 Primary Responsibilities

  • Develop, test, and maintain scalable and responsive web applications using ReactJS, JavaScript, and Node.js.
  • Implement and optimize client-server API interactions, ensuring efficient data flow and robust performance for the web UI.
  • Actively participate in code and design reviews, providing constructive feedback to uphold code quality, maintainability, and adherence to best practices.
  • Collaborate effectively with Business Analysts and Project Managers to understand requirements and translate them into well-architected, functional features.
  • Manage and automate code deployments, releases, and other operational tasks on a rotational basis, focusing on continuous improvement of the build and deployment pipelines.
  • Optionally, conduct system demonstrations for business users, showcasing new features and gathering valuable feedback for iterative development.

📝 Enhancement Note: The responsibility for handling "code deployments, releases, and other operational tasks on a rotational basis, with a strong emphasis on automation and continuous improvement of the build and deployment processes" is a significant indicator of cross-functional involvement, bridging development with operational execution and DevOps principles.

🎓 Skills & Qualifications

Education:

  • While no specific degree is mandated, a strong understanding of Computer Science principles, software engineering methodologies, and web development best practices is expected. Candidates with degrees in Computer Science, Software Engineering, or related fields will find their academic foundation highly relevant.

Experience:

  • 2-5 years of professional experience in web application development, with a significant focus on front-end technologies.
  • Proven experience in developing and maintaining complex user interfaces that require a high degree of interactivity and responsiveness.
  • Demonstrable experience with process optimization and automation within software development lifecycles.

Required Skills:

  • Strong proficiency in JavaScript, including modern ES6+ features and best practices.
  • Expertise in ReactJS for building dynamic and efficient user interfaces.
  • Experience with Node.js for server-side development or build tooling.
  • Deep understanding of UI component libraries and design systems, specifically Material UI and Ant Design.
  • Proficiency with front-end build tools such as npm and Webpack.
  • Familiarity with version control systems, particularly Git and platforms like Bitbucket.
  • Experience working with issue tracking and project management tools like Jira.
  • Ability to adapt to evolving requirements and thrive in a collaborative, dynamic team environment.

Preferred Skills:

  • Experience or familiarity with RESTful API development.
  • Exposure to Java or similar frameworks for back-end API development is a plus.
  • Experience with documentation tools like Confluence.
  • Previous experience in the financial domain, though a strong willingness to learn is prioritized.

📝 Enhancement Note: The requirement for "strong proficiency in JavaScript and modern JavaScript frameworks, particularly ReactJS" combined with "experience or familiarity with RESTful API development" and tools like "Bitbucket, Jira, and Confluence" clearly positions this role as requiring a developer deeply integrated into the software development lifecycle (SDLC) and familiar with Agile methodologies common in fast-paced tech environments.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

  • Showcase projects demonstrating proficiency in building interactive and responsive web UIs using ReactJS and JavaScript.
  • Include examples of API integrations, illustrating how client-server interactions were handled and optimized.
  • Present case studies of features developed, detailing the problem statement, your approach, and the resulting impact or user experience improvements.
  • Highlight any contributions to build processes, deployment automation, or continuous improvement initiatives within past projects.

Process Documentation:

  • Provide examples of how you have documented technical designs, code logic, or system architecture in previous roles.
  • Illustrate your understanding of workflow design and optimization, particularly in the context of front-end development and deployment pipelines.
  • Demonstrate an ability to articulate process improvements that led to increased efficiency, reduced errors, or faster release cycles.

📝 Enhancement Note: The emphasis on "code deployments, releases, and other operational tasks on a rotational basis, with a strong emphasis on automation and continuous improvement of the build and deployment processes" implies that candidates should be prepared to showcase not just coding ability but also an understanding of the operational aspects of software delivery, including CI/CD principles.

💵 Compensation & Benefits

Salary Range:

  • Estimated Salary Range: LKR 150,000 - LKR 300,000 per month.
  • This estimate is based on market research for Mid-Level Web UI Developers with 2-5 years of experience in Colombo, Sri Lanka, considering the required skill set (ReactJS, JavaScript, Node.js) and the company's industry presence. Factors such as specific experience, interview performance, and the exact scope of operational responsibilities may influence the final offer.

Benefits:

  • Full-time employment with a competitive salary package.
  • Opportunity to work with modern technologies and contribute to impactful web applications.
  • Exposure to financial domain knowledge, with a strong emphasis on learning and development.
  • Collaborative work environment with opportunities for professional growth and skill enhancement.
  • Potential for involvement in system demos and direct interaction with business users.
  • [Specific benefits such as health insurance, paid time off, and professional development allowances would typically be detailed here by the employer.]

Working Hours:

  • Standard full-time working hours, typically around 40 hours per week.
  • While the role is on-site, there may be flexibility in daily schedules subject to team and project needs, especially concerning the rotational operational tasks which might require coordination across different time zones or specific release windows.

📝 Enhancement Note: For Colombo, Sri Lanka, a mid-level developer with 2-5 years of experience in sought-after technologies like ReactJS and Node.js could command a salary ranging from LKR 150,000 to LKR 300,000 per month. This range accounts for the demand for these skills and the cost of living in the region. The mention of "rotational tasks" and "automation" suggests potential for overtime or on-call responsibilities, which should be factored into overall compensation expectations.

🎯 Team & Company Context

🏢 Company Culture

Industry: Technology / Financial Services (implied by "Financial domain experience is optional") Company Size: Unison Group is part of a larger organization, and its specific size within the context of this job posting is not explicitly stated but is likely to be a growing tech division or a significant player in its niche. The "Unison Group" name suggests a cohesive and integrated approach to business operations. Founded: Information on the founding date of Unison Group is not provided, but the company appears to be established enough to have a structured development process and a need for specialized roles.

Team Structure:

  • The role likely sits within a software development or engineering team, working closely with back-end developers, Business Analysts, and Project Managers.
  • There's a clear emphasis on cross-functional collaboration, requiring effective communication and teamwork with individuals from different disciplines.
  • The rotational aspect of operational tasks suggests a team structure that encourages shared responsibility and broad skill development among its members.

Methodology:

  • The development approach emphasizes modern web development practices, including the use of ReactJS, JavaScript, and Node.js.
  • Collaboration is key, with peer code and design reviews being a standard part of the workflow to ensure quality.
  • Automation and continuous improvement are highlighted, particularly for build and deployment processes, indicating an adoption of DevOps principles or a strong interest in streamlining operational tasks.
  • Agile or iterative development methodologies are likely employed, given the mention of adapting to evolving requirements and gathering feedback from business users.

Company Website: https://unisongroup.org/ (derived from domain_derived)

📝 Enhancement Note: The company's implied focus on financial services, coupled with the need for robust web applications and operational efficiency, suggests a culture that values precision, security, and continuous improvement. The "Unison Group" name itself implies a strong emphasis on teamwork and integrated systems.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a Mid-Level Web UI Developer, typically requiring 2-5 years of dedicated experience. It signifies a step beyond junior roles, expecting an individual to work more autonomously, contribute significantly to project architecture, and potentially mentor junior team members. The inclusion of operational tasks also opens avenues for growth into DevOps or full-stack engineering.

Reporting Structure:

  • The developer will likely report to a Development Manager, Engineering Lead, or a Project Manager.
  • Close collaboration with back-end developers, Business Analysts, and Project Managers indicates a matrixed reporting or project-based team structure common in agile environments.

Operations Impact:

  • By developing high-quality, efficient web applications and optimizing deployment processes, the role directly impacts the company's ability to deliver products and services to its clients.
  • Improved UI/UX can lead to better customer engagement and satisfaction, while automated deployment processes reduce time-to-market and operational costs, contributing to overall business efficiency and revenue.

Growth Opportunities:

  • Technical Specialization: Deepen expertise in ReactJS, explore advanced JavaScript concepts, or specialize in UI/UX design patterns.
  • Full-Stack Development: Leverage Node.js experience and API interaction skills to transition into a full-stack developer role.
  • DevOps & Automation: Grow proficiency in CI/CD pipelines, cloud infrastructure, and automation tools through rotational operational tasks.
  • Leadership: Progress to a Senior Developer or Team Lead position, taking on more architectural responsibilities and mentoring junior developers.
  • Domain Expertise: Develop specialized knowledge within the financial domain, becoming a valuable asset for future projects in that sector.

📝 Enhancement Note: The rotational responsibility for operational tasks is a key differentiator for career growth, offering a unique path for UI developers to acquire DevOps and system administration skills, which are highly in demand and can lead to diversified career opportunities within Unison Group or the broader tech industry.

🌐 Work Environment

Office Type: On-site. This suggests a traditional office setting where in-person collaboration is encouraged. Office Location(s): Colombo, Western Province, Sri Lanka. This location offers access to a significant talent pool and a vibrant business environment.

Workspace Context:

  • Collaborative Environment: The emphasis on collaboration with back-end developers, Business Analysts, and Project Managers indicates a dynamic workspace where teamwork and communication are paramount. Expect regular team meetings, stand-ups, and brainstorming sessions.
  • Technology Stack: Access to modern development tools and technologies, including ReactJS, Node.js, Bitbucket, Jira, and potentially design systems like Material UI and Ant Design. The company is likely to provide the necessary hardware and software to perform development and operational tasks efficiently.
  • Team Interaction: Opportunities for direct interaction with business users for system demos, fostering a connection between the development team's work and the end-user experience. This allows for immediate feedback and a clearer understanding of business impact.

Work Schedule:

  • Standard full-time hours (approx. 40 hours/week) are expected.
  • While primarily on-site, the rotational operational duties might necessitate occasional flexibility to manage deployments or address urgent issues, potentially requiring coordination outside standard hours depending on release schedules or critical system events.

📝 Enhancement Note: An on-site environment in Colombo for a tech role often implies a modern office space designed to foster collaboration, potentially with amenities that support employee well-being and productivity. The integration of development and operational tasks within this environment suggests a culture that values agility and shared ownership.

📄 Application & Portfolio Review Process

Interview Process:

  1. Initial Screening: A review of your resume and portfolio to assess technical skills, experience with required technologies (ReactJS, JavaScript, Node.js), and alignment with the role's responsibilities.
  2. Technical Interview(s): In-depth discussions and coding challenges focused on JavaScript, ReactJS, API integration, and problem-solving. This may include live coding sessions or take-home assignments. Expect questions related to UI component libraries and build tools.
  3. Operational Task Discussion: Questions assessing your understanding of code deployments, automation, and continuous improvement. You may be asked to describe past experiences managing releases or optimizing build processes.
  4. Behavioral & Team Fit Interview: Discussions with potential team members (developers, BAs, PMs) to evaluate your collaboration style, communication skills, willingness to learn, and cultural fit within the Unison Group team.
  5. Final Interview: Potentially with a senior manager or hiring lead to discuss overall fit, career aspirations, and confirm understanding of the role's scope, including the rotational operational responsibilities.

Portfolio Review Tips:

  • Highlight ReactJS & API Projects: Showcase your strongest projects built with ReactJS, emphasizing complex UI components, state management, and efficient API integrations.
  • Demonstrate Operational Contributions: If possible, include examples or descriptions of how you've contributed to build processes, automated deployments, or implemented CI/CD practices. Even if it was a small contribution, highlighting it is valuable.
  • Quantify Impact: For each project, try to quantify the impact – e.g., "Reduced page load time by X%", "Increased user engagement by Y%", "Automated Z% of deployment steps."
  • Code Quality: Ensure code samples are clean, well-commented, and follow best practices. If showcasing a public repository, ensure it's well-maintained.
  • Problem-Solution Format: For complex features or challenges, present them in a problem-solution format, clearly outlining the issue and how your technical solution addressed it.

Challenge Preparation:

  • Coding Exercises: Practice common JavaScript and ReactJS coding challenges, focusing on data structures, algorithms, and DOM manipulation. Be prepared for questions on state management (e.g., Context API, Redux if applicable) and component lifecycle.
  • API Design & Interaction: Review concepts related to RESTful APIs, HTTP methods, status codes, and common API design patterns. Be ready to discuss how you'd integrate a front-end with a back-end API.
  • Build & Deployment Concepts: Familiarize yourself with basic CI/CD principles, tools like Webpack, and the general process of deploying web applications. Understand the importance of automation in these processes.

📝 Enhancement Note: The inclusion of "handling code deployments, releases, and other operational tasks on a rotational basis" means interviewers will likely probe for your understanding of the software development lifecycle beyond just coding, looking for an appreciation of deployment pipelines, testing strategies, and operational stability. Be ready to discuss your comfort level with these aspects.

🛠 Tools & Technology Stack

Primary Tools:

  • Frontend Framework: ReactJS (Core technology)
  • Languages: JavaScript (ES6+), Node.js
  • UI Component Libraries: Material UI, Ant Design (or similar)
  • Build Tools: Webpack, npm
  • Version Control: Git, Bitbucket
  • Project Management & Issue Tracking: Jira
  • Documentation: Confluence (preferred)

Analytics & Reporting:

  • While not explicitly listed for the UI Developer role, expect to interact with systems that provide analytics on user behavior and application performance. Familiarity with integrating front-end components with analytics SDKs is a plus.

CRM & Automation:

  • This role is less likely to directly manage CRM systems but will work on applications that might integrate with or support sales and marketing efforts. Understanding how UI impacts user workflows in business applications is beneficial.

📝 Enhancement Note: The explicit mention of "Bitbucket (Git), Jira, and Confluence" indicates these are critical collaboration and development process tools. Proficiency in these, alongside ReactJS and Node.js, is paramount. The mention of Webpack and npm highlights the need for understanding modern front-end build processes.

👥 Team Culture & Values

Operations Values:

  • Quality & Excellence: A commitment to delivering high-quality, robust, and maintainable code, evidenced by the emphasis on peer code and design reviews.
  • Collaboration & Teamwork: A strong belief in working together across functions (development, business analysis, project management) to achieve common goals, as highlighted by the collaboration requirements.
  • Continuous Improvement & Automation: A drive to constantly seek ways to enhance processes, particularly in build and deployment, with a focus on automation to increase efficiency and reliability.
  • Adaptability & Learning: A willingness to embrace evolving requirements and technologies, with a particular emphasis on a "strong willingness to learn" for optional domain knowledge.

Collaboration Style:

  • Cross-Functional Integration: Expect to work closely with back-end developers to ensure seamless API integrations, and with Business Analysts and Project Managers to translate requirements into functional features.
  • Feedback Exchange: The practice of peer code and design reviews fosters a culture of constructive feedback and shared learning.
  • Knowledge Sharing: The rotational operational tasks encourage knowledge sharing across the team, as individuals learn to manage different aspects of the software delivery lifecycle.

📝 Enhancement Note: The values suggest a proactive and engaged team that values both technical craftsmanship and operational efficiency. The emphasis on "continuous improvement of the build and deployment processes" points to a team that is forward-thinking and embraces modern software engineering practices.

⚡ Challenges & Growth Opportunities

Challenges:

  • Balancing UI Development with Operational Tasks: Effectively managing time and priorities to excel in both core UI development and rotational operational responsibilities (deployments, automation).
  • Integrating with Diverse Back-end Systems: Ensuring seamless and efficient API interactions with potentially complex or legacy back-end architectures.
  • Adapting to Evolving Requirements: Thriving in a dynamic environment where business needs can shift, requiring flexibility and quick adaptation of features.
  • Learning Financial Domain: For candidates without prior experience, acquiring a foundational understanding of the financial domain to better contribute to application development in that sector.

Learning & Development Opportunities:

  • Advanced ReactJS & Frontend Techniques: Opportunities to deepen expertise in modern JavaScript frameworks and explore advanced UI/UX patterns.
  • DevOps and CI/CD Skills: Gaining practical experience in build automation, code deployment, and continuous integration/delivery through rotational operational tasks.
  • Financial Industry Knowledge: Developing specialized domain expertise that can open doors to more specialized roles within the company or industry.
  • Full-Stack Exposure: Expanding technical capabilities by working with Node.js and API integration, paving a path towards full-stack development.

📝 Enhancement Note: The primary challenge lies in the dual nature of the role – excelling as a UI Developer while also taking on operational responsibilities. Candidates who can demonstrate a proactive approach to learning and managing diverse tasks will be well-suited for this position and its associated growth opportunities.

💡 Interview Preparation

Strategy Questions:

  • UI Development Strategy: "Describe your approach to building a complex, interactive UI component in ReactJS. How do you ensure performance and maintainability?" (Focus on component composition, state management, optimization techniques).
  • API Integration Strategy: "How would you approach integrating our front-end with a new RESTful API? What are the key considerations for handling errors and data flow?" (Discuss asynchronous operations, error handling patterns, data validation).
  • Operational Task Strategy: "Imagine you're responsible for deploying a new feature on a Friday afternoon. What steps would you take to ensure a smooth and successful release, and what automation would you consider implementing to prevent future issues?" (Highlight your process, risk mitigation, and automation mindset).

Company & Culture Questions:

  • "What interests you about Unison Group, and specifically this Web UI Developer role, given the blend of development and operational tasks?" (Show you've researched the company and understand the role's unique aspects).
  • "Describe a time you had to collaborate closely with back-end developers or business analysts to deliver a feature. What was your approach to communication and problem-solving?" (Demonstrate teamwork and communication skills).
  • "How do you stay updated with the latest trends in JavaScript and ReactJS development?" (Show your commitment to continuous learning).

Portfolio Presentation Strategy:

  • Show, Don't Just Tell: Walk through 1-2 of your most impactful projects. For each, clearly articulate the problem, your technical solution (especially ReactJS and API aspects), and the outcome or impact.
  • Highlight Operational Contributions: If you have any portfolio pieces that demonstrate automation, CI/CD involvement, or process improvement, make sure to call them out specifically. Even if it's a personal project where you automated builds, that counts.
  • Explain Your Tech Choices: Be ready to justify why you chose certain libraries, patterns, or tools (e.g., why Material UI, how you managed state, why you used Webpack in a certain way).
  • Address the "Why": Explain the business or user value behind the features you built. Connect your technical work to tangible benefits.

📝 Enhancement Note: Be prepared to discuss not only your front-end coding skills but also your understanding of the software development lifecycle, including deployment, automation, and collaboration with various teams. Your portfolio should ideally showcase projects that touch upon these broader aspects, not just pure UI development.

📌 Application Steps

To apply for this Web UI Developer position:

  • Submit your application, including your resume and a link to your portfolio (e.g., GitHub profile, personal website) through the Workable application portal.
  • Portfolio Customization: Ensure your portfolio prominently features projects demonstrating strong ReactJS, JavaScript, and Node.js skills. Highlight any experience with API integrations, UI component libraries (Material UI, Ant Design), and specifically any contributions to code deployment automation or build process improvements.
  • Resume Optimization: Tailor your resume to clearly articulate your experience with the required technologies. Use keywords from the job description and quantify your achievements with metrics where possible (e.g., "Contributed to a 15% improvement in application load time through React optimization").
  • Interview Preparation: Practice explaining your technical approach to common ReactJS and JavaScript problems. Prepare to discuss your experience with Bitbucket, Jira, and Confluence, and be ready to elaborate on the rotational operational tasks mentioned in the job description, detailing your understanding of code deployments and automation.
  • Company Research: Familiarize yourself with Unison Group's mission and any publicly available information about their products or services, particularly if they are in the financial sector. Understand their approach to technology and development if possible.

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


Application Requirements

Strong proficiency in JavaScript and modern frameworks, particularly ReactJS, is required. Familiarity with RESTful API development and tools like Bitbucket, Jira, and Confluence is a plus.