FRONT-END DEVELOPER

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

Benefits offered by this job

Medical insurance

Dental insurance

Vision insurance

Life and disability insurance

Mental health support

Job summary

Operatic Agency Inc. is a high-growth digital agency based in Canada, blending research, strategy, storytelling and technology to fuel client growth.

We seek a talented Front-End Developer who thrives at the intersection of development, design and motion to bring interfaces to life. You’ll own builds from design handoff to launch, focusing on front-end development, animation, and custom WordPress/React/Next.js experiences, collaborating with a multidisciplinary team in a hybrid Hamilton-based

Qualifications

• 3+ years of experience in front-end development.
• Strong portfolio or code samples demonstrating polished front-end work.
• Experience with PHP.
• Experience with React and Next.js.
• Experience with Node.js.
• Experience building accessible websites.
• Experience with Docker and GitHub-based workflows.
• Sharp design eye with typography, spacing and layout awareness.
• Comfort working from Figma files and collaborating with designers.

Responsibilities

• Translate Figma designs into polished, production-ready builds for responsive websites.
• Develop custom WordPress themes and templates within modern WordPress workflows.
• Build and maintain projects using React and Next.js.
• Write clean, maintainable, well-structured code.
• Collaborate with designers to translate design systems into code.
• Create engaging animations and interactions with CSS and GSAP.
• Prototype and iterate on animation ideas with the creative team.
• Build animated HTML banner ads per ad platform specs.

Skills

Front-end development

React

Next.js

PHP

Node.js

Accessibility

Docker

GitHub workflows

Figma

Design sense

Communication

Tools

Docker

GitHub

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.