Freelance Front-End Developer – Custom Website Build from Figma

Upwork

Project Overview

We are seeking an experienced and creative front-end web developer to bring our Figma design to life as a custom-built, attention-grabbing website. This site will act as a staging platform for our startup, showcasing our brand in a way that captivates visitors, incorporates morphing animations, and delivers standout visual features.

The completed site must be delivered in HTML & CSS (plus JS where necessary), and all source files must be provided to us for deployment onto our self-hosted Laravel server.

Key Requirements

  • Custom Implementation – The design will be provided in Figma; you must accurately translate it into a pixel-perfect, responsive build.
  • Interactive Features – Incorporate morphing elements, subtle animations, and other engaging effects to create a visually captivating experience.
  • Lead Capture Forms – Integrate working forms for potential customers to register their interest (form submissions should be functional and exportable for backend integration).
  • File Handover – Upon completion, deliver all HTML, CSS, JavaScript, and asset files. No third-party hosting or platform lock-in — we will upload to our own Laravel server.
  • Responsiveness – Fully responsive design for desktop, tablet, and mobile.
  • Performance & SEO – Code should be clean, lightweight, and optimised for fast loading times.
  • Cross-Browser Compatibility – Tested and functional across all major browsers.

Non-Negotiable Terms

We’ve had previous issues where a freelancer attempted to circumvent requirements by delivering a platform-dependent build rather than the agreed deliverables. This will not be acceptable. If you cannot provide HTML & CSS (plus JS where applicable) files for our self-hosted deployment, please do not apply.

Skills & Experience Required

  • Proven experience in custom HTML/CSS/JS development.
  • Ability to bring static designs to life with animation and visual flair.
  • Strong portfolio of attention-grabbing websites.
  • Experience integrating responsive forms.
  • Clear communication and attention to detail.

Deliverables

1. Fully coded website matching the provided Figma design.

2. Engaging animations/morphing features as per brief.

3. Functional lead capture form(s).

4. Complete set of HTML, CSS, JS, and assets.

5. Instructions for deployment if needed.

Qualifications

  • Cross-Browser Compatibility – Tested and functional across all major browsers
  • We’ve had previous issues where a freelancer attempted to circumvent requirements by delivering a platform-dependent build rather than the agreed deliverables
  • If you cannot provide HTML & CSS (plus JS where applicable) files for our self-hosted deployment, please do not apply
  • Skills & Experience Required
  • Proven experience in custom HTML/CSS/JS development
  • Ability to bring static designs to life with animation and visual flair
  • Strong portfolio of attention-grabbing websites
  • Experience integrating responsive forms
  • Clear communication and attention to detail
  • Functional lead capture form(s)
  • Complete set of HTML, CSS, JS, and assets
  • Instructions for deployment if needed

Benefits

Responsibilities

  • The completed site must be delivered in HTML & CSS (plus JS where necessary), and all source files must be provided to us for deployment onto our self-hosted Laravel server
  • Custom Implementation – The design will be provided in Figma; you must accurately translate it into a pixel-perfect, responsive build
  • Interactive Features – Incorporate morphing elements, subtle animations, and other engaging effects to create a visually captivating experience
  • Lead Capture Forms – Integrate working forms for potential customers to register their interest (form submissions should be functional and exportable for backend integration)
  • File Handover – Upon completion, deliver all HTML, CSS, JavaScript, and asset files
  • No third-party hosting or platform lock-in — we will upload to our own Laravel server
  • Responsiveness – Fully responsive design for desktop, tablet, and mobile
  • Performance & SEO – Code should be clean, lightweight, and optimised for fast loading times
  • Fully coded website matching the provided Figma design

Job Alerts

Get notified when new positions matching your interests become available at {organizationName}.

Need Help?

Questions about our hiring process or want to learn more about working with us?