Generate a CV for this Job!

Based on your profile and this job description, you can create a tailored CV to apply directly.

Magento 2 & ReactJS Frontend Developer – Implement New Figma Design (UI Refresh)

Upwork • , US • Remote

Posted on: 15th March, 2025
Employment Type: CONTRACTOR

Job Description

We are looking for a frontend developer with experience in Magento 2 and ReactJS to implement a new UI design from Figma onto our existing website and product configurator.

This is not a structural overhaul—all functionalities and backend systems remain the same. Instead, we require a modern UI refresh, including:

Magento 2 Store: Updating fonts, buttons, styling, and UI components.

ReactJS Controller Configurator: Updating styles to match the new aesthetic.

We will provide:

Our current website: https://controllermodz.co.uk and https://builder.controllermodz.co.uk/byops5

Figma Design: figma.com/design/ZrnDq7yH8lu6F3VbX74NsA/controllermodz?node-id=137-4220&t=5kAL2H87zttItSKV-1

Access to our staging environment for testing.

Key Responsibilities:

Implement the new Figma UI design onto our Magento 2 theme.

Update our ReactJS-based controller configurator to match the new design.

Ensure all pages and components maintain responsiveness across devices.

Optimize performance and maintain accessibility standards.

Ensure smooth integration without disrupting existing functionalities.

Ideal Candidate:

Strong experience in Magento 2 frontend development (Luma/Hyvä/custom themes).

Proficiency in ReactJS for frontend updates on our configurator.

Experience working with Figma to HTML/CSS implementation.

Strong understanding of UI/UX best practices.

Familiarity with CSS preprocessors (LESS/SASS), Knockout.js (for Magento 2), and JavaScript.

Experience working with Magento checkout and product pages (preferred).

Ability to work efficiently and deliver pixel-perfect designs.

Project Scope:

UI/UX refresh only – no major functional changes.

Work can be done on our staging site before deployment.

We prefer clean, modular, and maintainable code.

Budget & Timeline:

Looking for fixed-price proposals with a realistic timeline.

Open to hourly work if justified.

If you’re confident in your ability to implement the new Figma design into Magento 2 and ReactJS, we’d love to hear from you!

Responsibilities

  • Magento 2 Store: Updating fonts, buttons, styling, and UI components
  • Access to our staging environment for testing
  • Implement the new Figma UI design onto our Magento 2 theme
  • Update our ReactJS-based controller configurator to match the new design
  • Ensure all pages and components maintain responsiveness across devices
  • Optimize performance and maintain accessibility standards
  • Ensure smooth integration without disrupting existing functionalities

Requirements

  • Strong experience in Magento 2 frontend development (Luma/Hyvä/custom themes)
  • Proficiency in ReactJS for frontend updates on our configurator
  • Experience working with Figma to HTML/CSS implementation
  • Strong understanding of UI/UX best practices
  • Familiarity with CSS preprocessors (LESS/SASS), Knockout.js (for Magento 2), and JavaScript
  • Ability to work efficiently and deliver pixel-perfect designs
  • We prefer clean, modular, and maintainable code
Upwork

Upwork

Technology

Job Type

CONTRACTOR

Loading...

Loading...

AI Cover Letter Generator

Generate a Tailored Cover Letter!

Our AI will analyze your profile and create a personalized cover letter that highlights your relevant skills and experience.

Ready to Apply?

Click the button below to start your application process.

Related Jobs