Figma to HTML Conversion for a Single Pager Website

300
ETH, DAI, USDT
+53
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
+53
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
Integrating blockchain and NFT into the game

Integrate blockchain and create mechanisms to support digital assets in the form of NFTs (non fungible tokens) within the game. Using the chosen blockchain platform, design and implement smart contracts that will manage the creation,...

Web3 Hackathon

I need help in one of the biggest Hackathon to get the best possible rank among competitors. 

Data Recovery from a formatted hard disk

The project involves recovering jpeg, txt and zip files from a formatted hard disk over 5 years ago. This involves application of the right approach during the process of locating the data

Freelance E-commerce Marketing Rockstar

We're looking for a marketing dynamo to take our e-commerce store to the next level. You'll be our go-to person for all things digital marketing, from social media magic to crafting killer email campaigns. Your...

Content Marketing Expert

Seeking Freelance Content Marketing Whiz with SEO SkillsThe Gig: We need a rockstar content creator to boost our online presence and drive sales. You'll be crafting awesome blog posts, articles, and product descriptions that are...

Business developer

We are seeking a dynamic and experienced individual to join our team as a Business Developer for our Web3 project. In this role, you will be responsible for driving business growth, forging strategic partnerships, and...

Tokenomics

We are seeking a talented and experienced individual to join our team as a Tokenomics Specialist. In this role, you will be responsible for designing and implementing the tokenomics model for our blockchain project or...

SMM

We are seeking a skilled and creative individual to manage our social media presence and create engaging content across various platforms, including Telegram, Twitter, LinkedIn, and our company blog. The ideal candidate will have a...

Whitepaper

We are seeking an experienced and knowledgeable individual to write a comprehensive whitepaper for a blockchain project in the cryptocurrency space. The ideal candidate will have a deep understanding of blockchain technology, cryptocurrencies, tokenomics, and...

bundle tx snipe

script to bundle tx snipe my own spl token using raydium 

Integrating blockchain and NFT into the game

Integrate blockchain and create mechanisms to support digital assets in the form of NFTs (non fungible tokens) within the game. Using the chosen blockchain platform, design and implement smart contracts that will manage the creation,...

Web3 Hackathon

I need help in one of the biggest Hackathon to get the best possible rank among competitors. 

Data Recovery from a formatted hard disk

The project involves recovering jpeg, txt and zip files from a formatted hard disk over 5 years ago. This involves application of the right approach during the process of locating the data

Freelance E-commerce Marketing Rockstar

We're looking for a marketing dynamo to take our e-commerce store to the next level. You'll be our go-to person for all things digital marketing, from social media magic to crafting killer email campaigns. Your...

Content Marketing Expert

Seeking Freelance Content Marketing Whiz with SEO SkillsThe Gig: We need a rockstar content creator to boost our online presence and drive sales. You'll be crafting awesome blog posts, articles, and product descriptions that are...

Business developer

We are seeking a dynamic and experienced individual to join our team as a Business Developer for our Web3 project. In this role, you will be responsible for driving business growth, forging strategic partnerships, and...

Tokenomics

We are seeking a talented and experienced individual to join our team as a Tokenomics Specialist. In this role, you will be responsible for designing and implementing the tokenomics model for our blockchain project or...

SMM

We are seeking a skilled and creative individual to manage our social media presence and create engaging content across various platforms, including Telegram, Twitter, LinkedIn, and our company blog. The ideal candidate will have a...

Whitepaper

We are seeking an experienced and knowledgeable individual to write a comprehensive whitepaper for a blockchain project in the cryptocurrency space. The ideal candidate will have a deep understanding of blockchain technology, cryptocurrencies, tokenomics, and...

bundle tx snipe

script to bundle tx snipe my own spl token using raydium