Mid UI Developer

The Design Project; Greater London; Hybrid; GBP 45,000 - GBP 55,000; Full time

Job summary

A digital media company is seeking a Mid UI Developer to enhance user-facing features for a high-traffic platform. This role involves collaborating within Agile teams and optimizing frontend performance, essential for serving millions of users. Candidates should have 2-5 years of experience, a solid portfolio, and skills in HTML, CSS/SASS, and Next.js. The position offers a competitive salary of £45,000 - £55,000, complemented by benefits like flexible working and health plans.

Benefits

Health Cash Back Plan

25 days of annual holiday

Flexible working arrangements

Cycle to Work scheme

Pension plan

Professional development opportunities

Qualifications

• 2-5 years of professional experience in frontend development.
• Experience in a digital publishing or high-traffic environment.
• Strong portfolio demonstrating frontend development skills.

Responsibilities

• Develop and maintain user-facing features for a digital platform.
• Collaborate in Agile teams for product enhancements.
• Utilize testing frameworks for quality assurance.

Skills

HTML and CSS/SASS

Next.js

Web standards

Git

Unit testing frameworks

Education

Degree in Computer Science or equivalent experience

Tools

Webpack

WordPress CMS

Job description

Job Title: Mid UI Developer
Company: Immediate Media Co
Location: London, England, United Kingdom
Job Type: Full-Time
Category: Frontend Development / UI Development
Date Posted: 2026-01-23
Experience Level: Mid-Level (2-5 years)
Remote Status: Hybrid

• Focus on developing and maintaining user-facing features for a high-traffic digital publishing platform, serving over 60 million unique users monthly.
• Collaborate within an Agile team environment to plan, develop, and deliver new functionalities and enhancements for digital products.
• Utilize testing frameworks for automated test coverage and contribute to technical documentation.

📝 Enhancement Note: While the provided input is for a "Mid UI Developer," this enhanced output frames it within an "Operations" context by focusing on the operational aspects of digital product development: maintaining platform stability, optimizing user experience at scale, ensuring performance budgets are met, and contributing to a robust, efficient development lifecycle. This aligns with how operations professionals think about system uptime, user engagement metrics, and efficient resource utilization.

📈 Primary Responsibilities

• Build and contribute to a library of reusable code, components, and libraries to foster future development efficiency and consistency.
• Optimize frontend code, pages, and assets for maximum speed and scalability, adhering to agreed-upon performance budgets.
• Implement automated testing frameworks to ensure robust platform functionality and maintain high levels of code quality.
• Collaborate closely with Senior UI Developers, Product Managers, and other team members to plan and execute new functionalities and major product enhancements within an Agile framework.
• Write and maintain clear, concise technical documentation for developed features, components, and processes.
• Actively participate in Agile ceremonies, including planning meetings, stand-ups, and retrospectives, contributing to team velocity and continuous improvement.
• Integrate with API services and a WordPress CMS to deliver dynamic and engaging content experiences to a large user base.

📝 Enhancement Note: These responsibilities are tailored to emphasize the operational impact of a UI Developer's work within a large-scale digital publishing environment. The focus is on maintainability, scalability, performance optimization, and collaborative development processes, which are key concerns for operations teams managing digital platforms.

🎓 Skills & Qualifications

Education: While formal education is not explicitly stated, a strong portfolio and demonstrable experience in frontend development are expected. A degree in Computer Science, Web Development, or a related field is beneficial but not strictly required if equivalent experience is demonstrated.
Experience: 2-5 years of professional experience in frontend development, with a proven track record of building and maintaining user-facing features for web applications. Experience in a digital publishing or high-traffic content platform environment is highly advantageous.

Required Skills:

• Proficient in HTML and CSS/SASS for semantic and responsive web design.
• Experience with Next.js, a framework for building server-rendered React applications.
• Solid grasp of web standards, accessibility (WCAG guidelines), and performance optimization techniques.
• Familiarity with build tools such as Webpack for bundling and optimizing frontend assets.
• Experience with unit testing frameworks to ensure code quality and reliability.
• Proficiency with Git for version control and collaborative development workflows.
• Experience managing project dependencies using NPM or Yarn.

Preferred Skills:

• Familiarity with PHP and the WordPress content management system.
• Understanding of CSS methodologies like B.E.M (Block, Element, Modifier) for scalable styling.
• Exposure to cloud infrastructure (AWS), containerization (Docker), and CI/CD pipelines (Jenkins).

📝 Enhancement Note: The required skills are directly extracted and organized. Preferred skills are also listed. The "Education" and "Experience" sections are elaborated to provide a more comprehensive understanding of the "Mid-Level" entails in this context, emphasizing practical application and domain-specific experience.

• Case Studies: Showcase 2-3 detailed case studies demonstrating your approach to developing user-facing features, highlighting problem-solving, design decisions, and implementation details.
• Component Library Examples: Provide examples of reusable UI components you've built, showcasing adherence to design systems, accessibility standards, and maintainability.
• Performance Optimization Examples: Include examples or descriptions of how you've optimized web pages or applications for speed and scalability, detailing the metrics improved.

Process Documentation:

• Workflow Design: Demonstrate an understanding of how you approach feature development from concept to deployment, including wireframing, prototyping, and collaboration with design and backend teams.
• Implementation & Automation: Showcase experience with build tools, testing frameworks, and Git workflows that contribute to efficient and automated development processes.

📝 Enhancement Note: This section is entirely inferred based on the role of a Mid UI Developer and industry best practices for showcasing frontend development skills. A strong portfolio is crucial for demonstrating technical proficiency and problem-solving abilities, especially in roles involving complex platforms like Immediate Media Co's Fabric.

Salary Range: £45,000 - £55,000 per annum, depending on experience.

• Health & Well-being: Claim back everyday healthcare costs with Medicash (Health Cash Back plan), supportive well-being initiatives, talks & workshops, and Mental Health First Aiders & Champions.
• Time Off: 25 days of annual holiday, plus an extra day for your birthday. Offices are closed between Christmas and New Year's, in addition to your annual entitlement.
• Work-Life Balance: Flexible/hybrid working arrangements, with early finish Fridays and a relaxed working environment.
• Financial & Lifestyle: EV salary sacrifice scheme for electric vehicles, Cycle to Work scheme, competitive pension plans, and Life Assurance.
• Professional Development: Tailored training and development through an in-house learning platform and LinkedIn Learning.
• Family Support: Enhanced Family Policies including paternity, adoption, surrogacy leave, and specific policies for pregnancy loss, fertility, and carers.

Working Hours: Standard full-time hours, likely around 37.5-40 hours per week. The role offers flexibility with "early finish Fridays," indicating a focus on results and work-life balance rather than strict adherence to clock-in/clock-out times.

📝 Enhancement Note: The salary range is estimated based on the "up to £55,000" mentioned in the description and typical mid-level UI developer salaries in London. The benefits are directly extracted and categorized for clarity. Working hours are inferred from the "full-time" employment type and the mention of "early finish Fridays."

Industry: Digital Publishing, Media & Content Creation. Immediate Media Co operates in a dynamic sector, producing trusted content for millions of users across various brands like Radio Times and Good Food. This context implies a fast-paced, audience-centric environment where innovation and user engagement are paramount.Company Size: Large (likely 500-1000+ employees, based on the breadth of brands and operations). This size suggests established processes, opportunities for specialization, and potential for cross-functional collaboration across diverse teams.Founded: The company's founding date is not explicitly provided, but its portfolio of established brands suggests a history of growth and adaptation within the media landscape, indicating a company with experience and stability.

Team Structure:

• The UI Developer will report to a Senior UI Developer, indicating a clear reporting line within a technical team.
• The role involves collaboration with Product Managers, suggesting a cross-functional team structure focused on product development and delivery.
• The mention of "multiple applications" and a "digital publishing platform" implies the existence of several development teams working on different aspects of the product suite, fostering opportunities for knowledge sharing and specialized contributions.

Methodology:

• Agile Development: The team operates using Agile methodologies, participating in daily stand-ups and planning meetings, emphasizing iterative development and continuous feedback.
• User-Centric Design: A strong focus on delivering "great content" and "the right experience for our users at scale" highlights a user-centric approach to development.
• Performance & Scalability: Critical emphasis on optimizing pages, code, and assets for "maximum speed and scalability" points to a performance-driven development culture.
• Quality Assurance: Utilization of "testing frameworks" for "automated test coverage" underscores a commitment to code quality and robust product delivery.

📝 Enhancement Note: Company culture and context are inferred from the provided description, company size, industry, and the explicit mention of Agile practices and user focus. This provides a richer understanding of the work environment for operations professionals.

Operations Career Level: Mid-Level UI Developer. This role is positioned as a key contributor within the development team, expected to take ownership of features, contribute to architectural discussions, and mentor junior developers (or at least collaborate effectively with peers). The focus is on delivering high-quality frontend solutions independently while receiving guidance from senior team members.Reporting Structure: The Mid UI Developer will report directly to the team’s Senior UI Developer. This structure provides clear mentorship and technical leadership, allowing for guidance on complex tasks and career development within the frontend domain.Operations Impact: The primary impact of this role is on the user experience and performance of Immediate Media Co's digital publishing platform, Fabric. By ensuring optimal speed, accessibility, and functionality, the UI developer directly contributes to user engagement, content consumption, and ultimately, the success of the company's digital brands. Efficient frontend operations translate to better user retention and satisfaction.

• Technical Specialization: Opportunity to deepen expertise in React, Next.js, and frontend performance optimization, potentially becoming a subject matter expert in these areas.
• Leadership Potential: Progression to a Senior UI Developer role, involving greater technical leadership, architectural input, and potentially mentoring junior team members.
• Cross-Functional Exposure: Opportunity to learn more about backend technologies (PHP, NodeJS), cloud infrastructure (AWS, Docker), and CI/CD processes through collaboration and preferred skill development.
• Broader Platform Understanding: Gaining in-depth knowledge of the entire digital publishing platform, including content management systems and API integrations, to understand the full ecosystem.

📝 Enhancement Note: This section interprets the "Mid UI Developer" title and responsibilities within a career progression framework relevant to operations and development roles. It highlights how the role contributes to business objectives and outlines potential future career paths within the company.

Office Type: Newly renovated, modern office with collaborative spaces. This suggests a contemporary workspace designed to foster teamwork and innovation.Office Location(s): London, England, United Kingdom. The hybrid nature of the role means employees are expected to work from this office location some of the time, balancing in-office collaboration with remote flexibility.Workspace Context:

• Collaborative Spaces: The office is equipped with "lots of collaborative spaces," encouraging team interaction, brainstorming, and knowledge sharing which is essential for effective development and problem-solving.
• Technology & Tools: While not explicitly detailed, a modern office for a digital media company will likely be equipped with up-to-date technology, supporting the development tools and processes required for frontend work.
• Team Interaction: The hybrid model means opportunities for both in-person team meetings, agile ceremonies, and informal discussions, alongside focused individual work during remote days.

Work Schedule: Hybrid working arrangement, with "early finish Fridays." This indicates a flexible schedule that balances in-office presence with remote work, prioritizing productivity and employee well-being. The specific days in the office are likely to be determined by team needs and management.

📝 Enhancement Note: The work environment details are inferred from the description of the office and the hybrid work arrangement. This section provides context on the physical and operational setup of the workplace.

Interview Process:

• Initial Screening: A brief call to assess general fit, experience, and understanding of the role's core requirements.
• Portfolio Review & Technical Interview: A more in-depth discussion where you'll present your portfolio, explain your contributions to projects, and answer technical questions about your experience with React, Next.js, performance, and accessibility. This is where you'll demonstrate your problem-solving approach.
• Team/Manager Interview: A conversation with the Senior UI Developer and potentially a Product Manager to assess cultural fit, collaboration style, and understanding of Agile methodologies.
• Final Interview: Potentially a discussion with a higher-level manager to confirm suitability for the role and discuss career progression.
• Curate Selectively: Choose projects that best demonstrate your proficiency in React, Next.js, and your ability to handle performance and accessibility.
• Highlight Your Role: Clearly articulate your specific contributions to team projects, focusing on problem-solving and the technical decisions you made.
• Demonstrate Process: Explain your development workflow, including how you approach planning, coding, testing, and optimization.
• Quantify Impact: Where possible, use metrics to show the impact of your work (e.g., performance improvements, user engagement gains).
• Address Challenges: Be prepared to discuss challenges you faced and how you overcame them.
• Familiarize with Tools: Ensure you're comfortable with Git, NPM/Yarn, and potentially build tools like Webpack.
• Understand Agile: Be ready to discuss your experience working in Agile teams.
• Prepare for Performance/Accessibility Questions: Review best practices and common techniques for optimizing web performance and ensuring accessibility.

📝 Enhancement Note: This section outlines a typical interview process for a mid-level developer role, with specific advice tailored to UI development and portfolio presentation, emphasizing the operational aspects of delivering quality software.

Primary Tools:

• Frontend Frameworks: React, Next.js
• Styling: CSS/SASS
• Build Tools: Webpack or similar bundling/optimization tools
• Version Control: Git

Analytics & Reporting:

• Potentially integrated analytics platforms for user behavior tracking (e.g., Google Analytics, Adobe Analytics, or internal tools)

CRM & Automation:

• Content Management: WordPress CMS
• API Integrations: Experience working with various API services to fetch and display data.

📝 Enhancement Note: This section compiles the explicitly mentioned technologies and infers other common tools used in a modern frontend development environment for a digital publishing platform. The focus is on tools that support efficient development, content delivery, and user experience.

Operations Values:

• User-Centricity: A strong commitment to creating the "right experience for our users at scale," meaning decisions are made with the end-user in mind.
• Collaboration: Emphasis on working with "other team members and the Product Manager," suggesting a team-oriented environment where communication and shared goals are key.
• Continuous Improvement: The Agile methodology and focus on "learning and developing your skills even further" point to a culture that values ongoing growth and process refinement.
• Quality & Performance: The requirement to optimize for "maximum speed and scalability" and use "testing frameworks" highlights a dedication to building robust, high-performing products.
• Agile & Iterative: Participation in Agile ceremonies indicates a collaborative style that involves regular feedback loops, planning, and adaptability.
• Cross-Functional: Working with Product Managers and other developers suggests a collaborative approach that bridges technical development with product strategy and business objectives.
• Knowledge Sharing: The expectation to "build reusable code, components and libraries" implies a culture that values sharing knowledge and best practices within the development team to improve collective efficiency.

📝 Enhancement Note: This section interprets the company's stated values and work practices into a the "operations" of a development team, focusing on how team dynamics and values impact productivity and product quality.

• Scaling Performance: Maintaining optimal performance and scalability across a platform serving millions of users requires continuous effort and sophisticated optimization techniques.
• Legacy System Integration: Working within a technical ecosystem that includes "current and legacy" systems can present challenges in integration and modernization.
• Balancing New Features with Maintenance: Effectively prioritizing the development of new features against the need to maintain and optimize existing code and infrastructure.
• Advanced Frontend Technologies: Deepen expertise in React, Next.js, and explore related frontend ecosystem advancements.
• Performance Engineering: Develop specialized skills in frontend performance optimization, load testing, and CDN strategies.
• Accessibility Expertise: Become a champion for web accessibility, ensuring compliance and best practices are embedded in all development.
• Full-Stack Exposure: Opportunities to gain experience with backend technologies (PHP, NodeJS) and cloud infrastructure (AWS, Docker) through preferred skills and team collaboration.

📝 Enhancement Note: Challenges and growth opportunities are framed from an operational perspective, focusing on the ongoing tasks and strategic development required to manage a large-scale digital platform.

Strategy Questions:

• Frontend Architecture: Be prepared to discuss your approach to designing and building scalable, maintainable frontend applications using React and Next.js. How do you balance component reusability with specific feature needs?
• Performance Optimization: Describe a time you significantly improved the performance of a web page or application. What metrics did you focus on, and what techniques did you employ? How do you approach performance budgets?
• Accessibility Implementation: How do you ensure your UI development is accessible? What are the key considerations, and how you test for accessibility compliance?
• Agile Collaboration: How do you typically collaborate with Product Managers and other developers in an Agile environment? Describe your role in sprint planning and how you handle changing requirements.

Company & Culture Questions:

• Understanding Immediate Media: Research the company's brands and their target audiences. How would your UI development skills contribute to the success of these brands?
• Team Fit: Discuss your experience working in hybrid teams and your preferred collaboration style. How do you contribute to a positive team dynamic?
• Learning & Development: What are your career aspirations in frontend development? How do you stay up-to-date with the latest industry trends?
• Structure Your Narrative: For each project, clearly state the problem, your solution, the technologies used, and the outcome or impact.
• Showcase Code Quality: Be ready to walk through snippets of your code, explaining your logic and design choices.
• Highlight Optimization Efforts: If a project involved performance or accessibility improvements, make these a central part of your presentation.
• Be Prepared for Q&A: Anticipate questions about your technical decisions, challenges faced, and how you would approach similar problems in the future.

📝 Enhancement Note: These interview questions are designed to probe the candidate's technical depth, problem-solving skills, and cultural fit, with a focus on the operational aspects of UI development.

To apply for this Mid UI Developer position:

• Submit your application through the Workable application link provided.
• Portfolio Customization: Tailor your resume and portfolio to highlight your experience with React, Next.js, HTML, CSS/SASS, performance optimization, and accessibility. Ensure your portfolio includes clear case studies demonstrating your development process and impact.
• Resume Optimization: Use keywords from the job description (e.g., React, Next.js, accessibility, performance, Agile) naturally within your resume to pass ATS screenings. Quantify your achievements wherever possible.
• Interview Preparation: Practice articulating your technical skills, project contributions, and problem-solving approaches. Be ready to discuss your portfolio in detail and demonstrate your understanding of frontend best practices.
• Company Research: Familiarize yourself with Immediate Media Co's brands and their digital presence to understand the context of the Fabric platform and the role's contribution.

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

Health Cash Back Plan, Flexible Working, Training and Development, Pension Plans, Life Assurance, Enhanced Family Policies, Cycle to Work Scheme