Frontend Developer Needed – Convert Figma E-commerce Mockup into Responsive Tailwind Website

Posted last week

Worldwide

Summary

I have an e-commerce mockup and need an experienced frontend developer to turn it into a clean, production-ready website using Tailwind CSS and a modular, maintainable approach. Figma design: https://www.figma.com/design/zfnBtyPYNBlo5HwjxVw9Hz/shop?node-id=2004-2869&t=1lqxYcSPE8jeolR2-1 The website should accurately match the provided design, be fully responsive, user-friendly, and work smoothly across desktop, tablet, and mobile devices. Budget The listed budget is indicative and not final. I’m open to discussing the final scope, timeline, and budget with the right freelancer based on their approach, experience, and estimated workload. Requirements - The use of AI tools is allowed, but the freelancer must personally review, test, and take full responsibility for the quality, accuracy, maintainability, and final implementation of the work. - Build the website from the provided Figma mockup with high visual accuracy. - Use Tailwind CSS for styling. - Follow a modular, component-based structure with clean and maintainable code. - Use native JavaScript only — no jQuery or unnecessary JavaScript frameworks/libraries. - JavaScript must support ES2020 or newer. - Use CSS custom properties (variables) for core colors, typography, spacing tokens, and other reusable design values. - Ensure responsive behavior across common screen sizes. - Create accessible, semantic HTML and support basic keyboard navigation where applicable. - Implement interactions from the design, such as menus, dropdowns, sliders, tabs, modals, accordions, cart-related UI, etc. - Keep assets, styles, and scripts organized for easy future maintenance. Important Context This frontend will later be integrated into Aimeos, so the implementation should be integration-friendly: - Avoid hard-coding content where reusable markup or data attributes would be more appropriate. - Keep components and page sections clearly separated. - Use clean HTML structure that can be adapted to Aimeos templates. - Do not introduce dependencies that could complicate the future Aimeos integration. Deliverables - Fully responsive frontend matching the Figma design. - Clean source code with an understandable folder structure. - Tailwind configuration and reusable design tokens. - Native ES2020+ JavaScript for all required interactions. - Brief setup/build instructions. Please include examples of similar e-commerce work in your proposal. Please start your proposal with ECOMDOTCOM

  • $111.00

    Fixed-price
  • Intermediate
    Experience Level
  • Remote Job
  • Ongoing project
    Project Type
Skills and Expertise
Mandatory skills
JavaScript
Responsive Design
Nice-to-have skills
CSS
Web Design
Activity on this job
  • Proposals:20 to 50
  • Last viewed by client:last week
  • Interviewing:
    0
  • Invites sent:
    0
  • Unanswered invites:
    0
About the client
Member since Jan 2, 2023
  • Poland
    Warsaw1:05 AM

Explore similar jobs on Upwork

Ecommerce exicutiveFixed-price‐ Posted 3 weeks ago
Amazon Seller Central
Shopify
Shopify Lead Magnet IntegrationFixed-price‐ Posted 3 weeks ago
Shopify
HTML
Shopify Templates
JavaScript

How it works

  • Post a job icon
    Create your free profile
    Highlight your skills and experience, show your portfolio, and set your ideal pay rate.
  • Talent comes to you icon
    Work the way you want
    Apply for jobs, create easy-to-by projects, or access exclusive opportunities that come to you.
  • Payment simplified icon
    Get paid securely
    From contract to payment, we help you work safely and get paid securely.
Want to get started? Create a profile

About Upwork

  • Rating is 4.9 out of 5.
    4.9/5
    (Average rating of clients by professionals)
  • G2 2021
    #1 freelance platform
  • 49,000+
    Signed contract every week
  • $2.3B
    Freelancers earned on Upwork in 2020

Find the best freelance jobs

Growing your career is as easy as creating a free profile and finding work like this that fits your skills.

Trusted by

  • Microsoft Logo
  • Airbnb Logo
  • Bissell Logo
  • GoDaddy Logo