Create the layout of the website according to the Figma mockup.

HTML & CSS — incorrectly specified categories?

178 USD

Client's review of cooperation with Ruslan Musiienko

Create the layout of the website according to the Figma mockup.

178 USD

We have been working together for the first time — it's always a pleasure to deal with a professional. The website layout was done quickly and qualitatively, according to the technical specifications. The specialist gave sound advice during the process, helped find the best solutions. Everything was delivered exactly on time. I sincerely recommend!

5.0

Vladislav Vladislav

Reciprocal Feedback

30 April 2025

Freelancer's review of cooperation with Vladislav Vladislav

Create the layout of the website according to the Figma mockup.

178 USD

I recommend for collaboration. Clear, quality TOR - which allows to complete the project with minimal revisions. Easy and quick communication. It is a pleasure to work with such people.

5.0

Ruslan Musiienko

Reciprocal Feedback

30 April 2025

Project translated automatically. Log in or register, to view the original

1. General Information:

A website needs to be developed based on the provided layout (23 blocks) in Figma (mobile and desktop).
The layout consists of separate blocks that should be implemented as independent modules.
Each block should be usable both together with others on the page and separately.

2. Project Structure Requirements:

A separate:
- CSS file (or SCSS) is created for each block;
- JS file (if there is logic).
File naming should be clear and correspond to the name of the block.
Create separate common files common.css and common.js for styles and logic shared across multiple blocks or the page as a whole.
All files should be easily connectable manually (without bundlers like Webpack, unless otherwise discussed).

3. Technical Limitations:

Do not use external libraries (like Bootstrap, UI frameworks, etc.).
Do not use jQuery.
The layout must be responsive.
Use native JavaScript (ES6+).
The code should be clean, structured, and commented (if necessary).

4. Lighthouse:

Pay special attention to page optimization according to Google Lighthouse metrics.
- Main metrics: Performance, Accessibility, Best Practices, SEO.
- Minimum requirements — 90+ points for each category on desktop.
In particular, pay attention to:
- Image optimization (sizes, WebP/AVIF formats);
- Minimization of critical rendering;
- Use of loading="lazy" for images;
- Absence of blocking resources (CSS/JS);
- Semantic markup (proper use of <header>, <main>, <section>, <footer>).

All logos, application screenshots, product images, and other visual content used in the Figma layout are temporary and used solely for demonstrating the structure and visual content.

Proposals 6

Hennadii L.

22 0

Projects 21
Rating -
Rating 1 862

Budget: 15000 UAH Deadline: 7 days

Hello!
I will be happy to collaborate. Always in touch. Feel free to reach out.
Examples of work https://web.khorol.com.ua

Maksym P.

6 0

Budget: 1000 UAH Deadline: 1 day

Good day! I work in a team of specialists in the fields of design, development, testing, and SEO. HTML, CSS, SCSS, JS, Reactjs, Nextjs, adaptive, responsive - we are skilled in all of these. We mainly work with Nextjs. There is also a WordPress specialist. Experience: 3 years. You can familiarize yourself with some of our work in the portfolio. We guarantee quality and provide ongoing support. The cost and timelines will depend on the chosen technology and technical task. Please provide a Figma layout for more detailed review. Write to us, we will be happy to collaborate with you :)
Here are some of our works:
https://wood-on-fire.com/
https://www.eye-polygraph.com/
https://www.dailyrentkiev.com/
https://mashaonsol.com/ - redesign
https://pvfond.org/ - design refinement
https://www.mstrmebliv.com/
https://dailyrent.online/