Expert Front-End Developer: Figma to HTML/CSS/JS (High Performance, ADA Compliant)

Posted last week

Worldwide

Summary

We are looking for an experienced and detail-oriented Front-End Developer to translate our Figma design into a clean, lightweight, and lightning-fast website. The site is relatively simple and requires standard HTML, CSS, and minimal Vanilla JavaScript. We are not looking for heavy frameworks (like React or Angular) for this project. The primary focus is on absolute top-tier performance, flawless responsiveness, modern web standards, and a strict version-controlled workflow. Project Deliverables & Requirements: • Pixel-Perfect Conversion: Accurately translate our Figma designs into clean, semantic HTML5 and CSS3. • 100% Fully Responsive: The site must look and function perfectly across all devices (mobile, tablet, laptop, large desktop) using fluid layouts and modern CSS (Flexbox/Grid). • High Performance & Speed: The site must load as fast as possible. We expect a score of 95+ on Google PageSpeed Insights for both Mobile and Desktop. • Asset Optimization: Implementation of lazy loading for all images and media, plus optimized asset delivery (WebP formats, minified CSS/JS). • Strict ADA Compliance: The site must be fully accessible and meet WCAG 2.1 AA standards. This includes semantic HTML markup, proper ARIA attributes, sufficient color contrast, and full keyboard navigability. • Minimal JavaScript: Keep JS to an absolute minimum, relying on Vanilla JS only where necessary for interactivity. No heavy libraries or dependencies. • Clean & Maintainable Code: Code must be well-organized, properly commented, and follow modern best practices. Workflow & Deployment Requirements: • Git Version Control: All work must be strictly managed via Git. We require regular, incremental commits with clear, descriptive commit messages documenting your progress. • Automated Pipeline: You will not be given direct access to our production servers. All code must be pushed to our repository, where our automated CI/CD pipeline will handle building and deploying the code to staging and production. What We Will Provide: • Complete Figma design files. • All necessary image assets, fonts, and copywriting. • Access to our Git repository. To Apply, Please Provide: 1. Links to 2-3 recent projects where you converted a design to vanilla HTML/CSS/JS. 2. A brief explanation of your approach to ensuring high PageSpeed scores and ADA compliance. 3. Confirmation that you are comfortable working with incremental Git commits and automated deployment pipelines. 4. Your estimated timeline for completing a standard 1-page to 3-page site with these strict requirements. Please start your proposal with the word "Lightweight" so I know you have read the full job description.

  • Less than 30 hrs/week
    Hourly
  • 1-3 months
    Duration
  • Expert
    Experience Level
  • $25.00

    -

    $100.00

    Hourly
  • Remote Job
  • Ongoing project
    Project Type
Skills and Expertise
Mandatory skills
CSS
HTML5
CSS 3
JavaScript
Activity on this job
  • Proposals:50+
  • Last viewed by client:4 days ago
  • Interviewing:
    6
  • Invites sent:
    0
  • Unanswered invites:
    0
About the client
Member since Oct 3, 2021
  • United States
    4:38 PM
  • Retail & Consumer Goods
    Mid-sized company (10-99 people)

Explore similar jobs on Upwork

HTML
Microsoft Outlook
Office 365
HTML5
Front-End Development
Responsive Design
Wix
Web Development
Information Architecture
UX & UI Design

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