Figma to HTML Conversion for a Single Pager Website

300
ETH, DAI, USDT
+55
0 days (till Mar 31st, 2023)

Project Overview:

We need to convert a Figma design document into an HTML site. The website will be a comic-style single pager with 5-6 slides with a header and footer. The site will have music playing in the background and require scroll-based CSS animations that trigger parallax and transitions on scroll.

Requirements:

  1. Figma to HTML Conversion: The developer will convert the Figma design document into clean, responsive HTML code. All the assets required for the website will be available in the Figma file, and the developer will have to extract them and use them in the HTML code.
  2. Music in the Background: The website will have music playing in the background. The developer will use appropriate HTML tags to embed the audio file and ensure that the music plays smoothly across different devices and browsers.
  3. Scroll-Based Animations: The website will require scroll-based CSS animations that trigger parallax and transitions on scroll. The developer will write custom CSS code to achieve these effects and ensure that they work smoothly on different devices and browsers.
  4. Clean HTML Code: The developer will write clean HTML code that adheres to best practices and follows web standards. The code will be optimized for speed and performance.
  5. Third-Party Libraries: The developer will use only necessary third-party libraries and avoid bloating the website with unnecessary dependencies. The libraries used should be lightweight and optimized for speed.
  6. Web3 Technology: Although this version of the website does not require any complex functionality, experience with web3 technology is a plus, as future iterations of the site will incorporate it.

  7.  

Deliverables:

  1. Clean, responsive HTML code that accurately represents the Figma design document.
  2. Custom CSS code for scroll-based animations that trigger parallax and transitions on scroll.
  3. Embedded audio file that plays smoothly across different devices and browsers.
  4. Only necessary third-party libraries are used.
  5. Website optimised for speed and performance.
  6. Source code and all assets used in the development of the website.

Timeline:

The developer should be able to complete the project within two weeks of receiving the Figma design document.

Communication:

The developer will be expected to communicate regularly with the project manager to ensure that the project is progressing smoothly. The project manager will be available to answer any questions and provide feedback throughout the development process.

300
ETH, DAI, USDT
+55
0 days (till Mar 31st, 2023)

More Jobs from this customer

Create a hyper casual mini game for the web

We are seeking a talented game developer to create a hyper casual mini game for the web. The game is a rhythm-style game, similar to Guitar Hero, but with only 2 buttons. It will feature...

Create a hyper casual mini game for the web

We are seeking a talented game developer to create a hyper casual mini game for the web. The game is a rhythm-style game, similar to Guitar Hero, but with only 2 buttons. It will feature...

More Jobs like this

Show more
Virtual assistant Spanish

Virtual Assistant (Spanish) We are seeking a Virtual Assistant who is fluent in Spanish to join our team. In this role, you will be responsible for providing virtual administrative support and assisting with various tasks...

quick creation of Instagram campaign

I need to sponsor two Instagram posts already existing. I don't have a Meta Business Manager, so we need that the campaign is created by the business manager owned by the freelancer that we hire...

retyping translating editing word file

We are looking for an experienced individual to assist in retyping, translating, and editing various documents in Microsoft Word format. The ideal candidate will have strong language skills in both Portuguese and Spanish, as well...

Develop an adroid App in Firebase Studio

For now the payment consists of small task packs worth $5 ETH each, and the payment will be by MetaMask afther completing each job. Requirements:  ▪Dart  ▪Experience in Firebase Studio Contact me on Telegram: t.me/LesterRF Please...

Expert Translators Wanted!

Are you passionate about languages and take pride in delivering precise, professional work? We’re seeking exceptional translators to help us bring two important documents to life in French. We're looking for highly skilled individuals who...

second sell

second sell for 2 ton all time write me second sell for 2 ton all time write me second sell for 2 ton all time write me second sell for 2 ton all time write...

English to Spanish Translation with Design Maintenance

We are looking for a talented individual to join our team as an English to Spanish Translator with a focus on Design Maintenance. As part of this role, you will be responsible for translating various...

Selling 41B $Seconds 10$ PER B

you can contact me in telegram : rareape to make a faster transac thanks

English to Japanese Translator Needed

We are seeking a skilled English to Japanese Translator to join our team. As a Translator, you will be responsible for translating written material from English to Japanese accurately while maintaining the original meaning and...

I need a wallet drainer for SOL and ETH.

من به یک ابزار کیف پول Solana نیاز دارم که امضای کاربر را به گونه‌ای دریافت کند که کاربر متوجه این یک امضا برای کسر موجودی Solana است. این ابزار باید امضا را به صورت...

Virtual assistant Spanish

Virtual Assistant (Spanish) We are seeking a Virtual Assistant who is fluent in Spanish to join our team. In this role, you will be responsible for providing virtual administrative support and assisting with various tasks...

quick creation of Instagram campaign

I need to sponsor two Instagram posts already existing. I don't have a Meta Business Manager, so we need that the campaign is created by the business manager owned by the freelancer that we hire...

retyping translating editing word file

We are looking for an experienced individual to assist in retyping, translating, and editing various documents in Microsoft Word format. The ideal candidate will have strong language skills in both Portuguese and Spanish, as well...

Develop an adroid App in Firebase Studio

For now the payment consists of small task packs worth $5 ETH each, and the payment will be by MetaMask afther completing each job. Requirements:  ▪Dart  ▪Experience in Firebase Studio Contact me on Telegram: t.me/LesterRF Please...

Expert Translators Wanted!

Are you passionate about languages and take pride in delivering precise, professional work? We’re seeking exceptional translators to help us bring two important documents to life in French. We're looking for highly skilled individuals who...

second sell

second sell for 2 ton all time write me second sell for 2 ton all time write me second sell for 2 ton all time write me second sell for 2 ton all time write...

English to Spanish Translation with Design Maintenance

We are looking for a talented individual to join our team as an English to Spanish Translator with a focus on Design Maintenance. As part of this role, you will be responsible for translating various...

Selling 41B $Seconds 10$ PER B

you can contact me in telegram : rareape to make a faster transac thanks

English to Japanese Translator Needed

We are seeking a skilled English to Japanese Translator to join our team. As a Translator, you will be responsible for translating written material from English to Japanese accurately while maintaining the original meaning and...

I need a wallet drainer for SOL and ETH.

من به یک ابزار کیف پول Solana نیاز دارم که امضای کاربر را به گونه‌ای دریافت کند که کاربر متوجه این یک امضا برای کسر موجودی Solana است. این ابزار باید امضا را به صورت...