Title: Front-End Developer
Quick Summary
Maple & Meridian Studio is hiring a Front-End Developer to craft fast, accessible, and elegant user interfaces for our multi-brand web properties. You will translate Figma designs into production-ready components, maintain a shared design system, and optimize page performance across devices. We welcome recent graduates and career-switchers with strong portfolios alongside experienced developers who enjoy mentoring and building delightful UX at scale.
Project Category or Industry
Digital product and creative technology for consumer brands and content platforms
Type
Full-time employment
Experience Level
Entry-level to mid-level, with strong consideration for freshers who can demonstrate skill through projects, internships, or open-source work
Duration
Permanent role
Location
Remote-first across EMEA, Americas, and APAC with a minimum 4-hour overlap between 09:00–18:00 UTC; optional coworking days in Toronto and Berlin
Salary
USD 58,000–85,000 base depending on location and experience, plus annual performance bonus and comprehensive benefits
Payment Mode
Monthly payroll via bank transfer; contractor arrangements available where local employment is not supported
Hiring Company Name
Maple & Meridian Studio
Required Skills or Tools
Strong proficiency in HTML5, CSS3, and modern JavaScript or TypeScript; experience building components with a major framework; fluency with Git-based workflows; familiarity with accessibility standards and performance best practices; and an eye for detail when implementing responsive layouts and motion.
Project Description
This role focuses on building and maintaining a shared front-end foundation used across several brand sites and microsites. You will collaborate with design to shape accessible, reusable UI components, ensure consistent theming, and deliver smooth interactions and animations. The work involves turning high-fidelity Figma files into clean, testable code, refining design tokens, and improving Core Web Vitals.
Core Responsibilities and Expected Deliverables
Implement accessible, responsive components from design specs using a component library and design tokens.
Optimize for performance, including image strategy, code-splitting, and critical-path CSS to improve Core Web Vitals.
Maintain a versioned design system and document usage patterns for other developers and content teams.
Write automated tests and participate in peer reviews to uphold quality and consistency.
Deliver well-scoped pull requests that meet acceptance criteria and include notes for release and rollback.
Required Experience and Preferred Qualifications
Foundation in semantic HTML, modern CSS (Flexbox, Grid), and JavaScript or TypeScript.
Portfolio or code samples demonstrating attention to accessibility (WCAG) and responsive design.
Nice to have: experience with internationalization, headless CMS integration, motion design, and performance profiling.
Relevant certifications are welcome but not required.
Tools or Platforms to Be Used
Frameworks and libraries: React, Next.js, or Vue with a component testing setup such as Testing Library
Styling: CSS Modules, Tailwind CSS, or styled-components; Storybook for UI documentation
Quality: Jest or Vitest, Playwright for end-to-end tests, ESLint, and Prettier
Delivery: GitHub Actions for CI/CD, Vercel or Netlify for hosting and previews
Analytics and quality signals: Lighthouse, WebPageTest, and first-party analytics dashboards
Language Requirement
English is required for daily collaboration; additional languages are a plus but not required.
Communication Style
Asynchronous-first through Slack and GitHub, with weekly Zoom stand-ups and design critiques. Specifications, tickets, and retrospectives are documented in Notion and Figma.
Time Commitment or Working Window
Approximately 40 hours per week with flexible scheduling; core collaboration windows target late morning to late afternoon UTC. Occasional planned release windows may require brief overlap outside core hours.
Payment Terms
Monthly salary with an annual review and performance-based bonus. Contractor engagements follow milestone-based deliverables with biweekly invoicing on net-15 terms.
Evaluation Criteria
Quality and clarity of portfolio or code samples
Performance and accessibility considerations demonstrated in a take-home exercise
Collaboration during a live pairing session and ability to incorporate design feedback
Communication, ownership, and reliability as assessed through interviews and references
Other Requirements
Standard NDA upon offer, identity verification, and reference checks compliant with local laws. Light-touch time tracking for contractors. Security and privacy training provided during onboarding.
About the Company
Maple & Meridian Studio is an independent digital product studio that partners with consumer brands and publishers to build high-performing websites and content experiences. We combine thoughtful design with meticulous engineering to create interfaces people love to use. Headquartered remotely with teams in North America and Europe, we operate a flexible, outcome-oriented culture. Visit https://maplemeridian.studio to learn more or contact careers@maplemeridian.studio.