Front-End Developer

Operatic Agency; Hamilton; Hybrid; CAD 60,000 - 70,000; Full time

Benefits offered by this job

Hybrid work model

Comprehensive benefits

Mentorship and growth opportunities

Job summary

Operatic Agency in Hamilton, Ontario, is seeking a Front-End Developer to join our collaborative team. You’ll translate design into polished, production-ready interfaces with React/Next.js, WordPress, and animation.

We offer hybrid work (2 days in office), a competitive CAD salary, and a comprehensive benefits package. You’ll work across pharma, healthcare and consumer brands on meaningful projects with growth opportunities.

Qualifications

• 3+ years of experience in front-end development.
• Portfolio or code samples showing polished front-end work with animation.
• Experience with PHP, React, Next.js, and Node.js.

Responsibilities

• Build responsive websites translating Figma designs into production-ready builds.
• Develop custom WordPress themes and templates within modern workflows.
• Build and maintain projects using React and Next.js.

Skills

Front-End development

React

Next.js

WordPress

CSS/HTML

Animation

Accessibility

Docker

GitHub workflows

PHP

Tools

React

Next.js

WordPress

PHP

Node.js

Docker

Job description

Operatic Agency isn’t just another creative digital agency—we're a powerhouse of research, strategy, storytelling, and technology that fuels business growth. Named one of Canada’s fastest-growing companies for six years, we bring brands closer to their audiences with bold ideas and cutting-edge executions.

If you’re passionate about transforming ideas into impactful narratives, thrive in a dynamic, fast-paced environment, and are eager to make a difference, we want you on our team!

About the Role:

We're seeking a talented and detail-oriented Front-End Developer to join our ambitious and collaborative team.

This role sits at the intersection of development, design and motion. You're a developer with a designer's eye—someone who cares as much about how an interface feels as how it functions. You bring digital experiences to life through thoughtful interaction, polished animation and high-quality front-end execution.

You'll be comfortable owning builds from design handoff through launch across a range of digital projects, with a particular emphasis on front-end development, animation, and custom WordPress and React/Next.js experiences.

You will work closely with art directors, designers, writers, project managers, and fellow developers to deliver thoughtful, effective work for our clients.

What You’ll Do:

Front-End Development

• Build responsive websites and digital experiences that translate Figma designs into polished, production-ready builds.
• Develop custom WordPress themes and templates, working within modern WordPress workflows.
• Build and maintain projects using React and Next.js.
• Write clean, maintainable, well-structured code.
• Collaborate with designers to ensure seamless translation of design systems into code.

Animation & Motion

• Create engaging, performant animations and interactions using CSS and GSAP.
• Bring motion concepts, scroll-based experiences, and micro-interactions to life in ways that enhance rather than distract from the user experience.
• Prototype and iterate on animation ideas in collaboration with the creative team.
• Build animated HTML banner ads for digital advertising campaigns, working within ad platform specs and file size constraints.

Quality, Performance & Collaboration

• Participate in design reviews, code reviews, and QA throughout development.
• Communicate proactively across teams, flagging risks, blockers, and technical considerations early.
• Manage multiple projects and priorities in a fast-paced, deadline-driven environment.
• Challenge briefs, proposed solutions, and designs, when a stronger approach could produce a better outcome for the client or audience.
• Our work often operates in complex and highly regulated environments, so attention to detail, disciplined QA and the ability to execute accurately against approved designs and requirements are essential.

What You’ll Bring:

• 3+ years of experience in front-end development.
• A strong portfolio or code samples demonstrating polished, production-quality front-end work with thoughtful animation and interaction.
• Experience with PHP
• Experience with React and Next.js.
• Experience with Node.js.
• Experience building accessible websites.
• Experience with Docker and GitHub-based workflows.
• A sharp design eye, with strong instincts for typography, spacing, layout, and visual detail, and the ability to catch and correct inconsistencies between design and build.
• Comfort working from Figma files and collaborating closely with designers.
• Strong written and verbal communication skills.
• A proactive, solutions-oriented approach to ambiguity, feedback, and changing project requirements.
• The ability to learn and adapt to new frameworks and technologies.

Nice to Have:

• Familiarity with WCAG guidelines.
• Knowledge of web performance optimization and page speed best practices.
• Understanding of technical SEO best practices and how development decisions impact search performance.
• Experience with AWS.

Why Operatic Agency:

Competitive compensation and benefits.

This role offers a salary of $60,000–$70,000 CAD commensurate with experience, plus a comprehensive benefits package including medical, dental, vision, life and disability insurance, and mental health support.

Meaningful, complex work.

You’ll lead projects across a diverse portfolio spanning pharma, healthcare, and consumer brands—with real creative and technical depth. Every project is different, and the work genuinely matters to the clients and audiences it reaches.

A team that holds a high bar—and supports each other in meeting it.

We’re proud of our culture: collaborative, accountable, and driven by a shared standard of excellence. We recognize great work and celebrate the people behind it.

Real investment in your growth:

We offer mentorship, access to industry tools and training, and advancement pathways. You’ll be supported by senior leadership who want to develop you, not just deploy you.

Hybrid flexibility:

Our head office is based in Hamilton, Ontario, and we operate on a hybrid model: 2 days per week in the office, with the remainder remote. You’ll have a collaborative home base with room to focus on your own terms.

Operatic Agency values inclusion and access for all applicants and employees. Should you require accommodation to participate in the application and interview process, please let us know. Only those selected for next steps will be contacted.