Adaptive layout of the landing page from Figma (Desktop + Mobile)
Task: create a one-page landing page based on the Figma layout.
Design: will be provided in Figma
Technologies: HTML5, CSS3, JavaScript
Cross-browser compatibility: support for the latest versions of Chrome, Firefox, Safari, Edge
Screen support: responsive layout, Mobile First approach
Code structure: semantic, clean
SEO optimization:
Use of semantic tags (
<header>,<main>,<section>,<article>,<footer>, etc.)Headings structured hierarchically (
<h1>→<h2>→<h3>)Presence of meta tags:
title,meta description,viewport,charsetAlternative text for all images (
alt)SEO-friendly URLs
Fast page loading, image optimization
Result: provide a zip file with the completed landing page (HTML/CSS/JS + all images/fonts), so that it can be unzipped and immediately uploaded to hosting — and everything works.
Client's review of cooperation with Aleksandr Lysenko
Adaptive layout of the landing page from Figma (Desktop + Mobile)Everything is fine, the work has been done well.
Freelancer's review of cooperation with Yury Rudn
Adaptive layout of the landing page from Figma (Desktop + Mobile)I am satisfied with the collaboration, good layout, clear technical specifications, quick responses!
-
Good day.
I am ready to take on quality layout work.
The final result will be responsive and semantic.
-
865 50 0 1 Hello!
I am ready to help you with the project, I have work experience and a portfolio.
I will layout your landing page qualitatively and responsively. I will optimize the images, convert them to the modern webp format, the site will be in the green zone according to Google Page Speed.
Let's discuss in more detail!
Portfolio:Freelancehunt
Write to me, I will be glad to help you!
-
618 7 0 Hello, I am ready to do the layout. Send the design in private messages, we will discuss the details.
-
262 1 0 Hello, I have experience in creating websites, I work with html, css, js. I am ready to familiarize myself with the layout and complete the order.
-
453 5 0 Yuriy, congratulations. Please provide the layout for evaluation in private messages. I write clean HTML, CSS, and JS code. The markup is semantic, valid, cross-browser, responsive, and optimized. I use the BEM methodology and Gulp for the build.
-
283 1 0 Hello!
I have reviewed the technical task, everything is clear. I am ready to create a one-page landing page based on the Figma layout using HTML5 / CSS3 / JavaScript.
I will do:
- an exact layout according to the design (pixel-perfect);
- responsive layout with a Mobile First approach;
- semantic code structure and SEO optimization;
- cross-browser support (Chrome, Firefox, Safari, Edge);
- speed and image optimization.
Result: a ready archive (HTML/CSS/JS + fonts and images) that can be immediately uploaded to hosting.
… I can start right after receiving the Figma.
Deadlines and cost - after reviewing the layout.
-
495 1 0 Hello! I am interested in your project and would be very grateful for the collaboration. I am ready to start right now. The layout will be done according to all the requirements specified in the technical specification. Can I see the mockup?
My works:
Freelancehunt
On my part, I offer high-quality and clean layout with full responsiveness and the addition of animations. The layout of the mockup will be cross-browser compatible, fully responsive, and will display correctly on all major types of devices (desktop, tablets, mobile phones).
Sincerely, Artem!
-
3338 44 0 Hello! I have experience in website development. I will start immediately.
The website will be: in a good zone according to Google PageSpeed 🌱, valid ✅, cross-browser of the latest versions 🌍, responsive 📱, optimized and compressed ⚡
Examples of recent works
https://tsyplinskadaria-lgtm.github.io/LogosSchool-English/
https://new.sky-net.com.ua/
https://tsyplinskadaria-lgtm.github.io/EASY-SMILE/
-
84 Hello, Yuriy. I am interested in your project. I have carefully read the requirements and I am ready to code the landing page with clean HTML5/CSS3 + JS. I will create the correct semantic structure (header, footer, section) for SEO and full responsiveness (Mobile First), as you described. I will submit the completed archive. I can look at the layout and start working.
I am currently building my rating on the exchange, so I will do everything as well as possible; your feedback is important to me.
-
348 1 0 🌟 Hello! I am ready to take on your task and provide the necessary technical support upon completion.
I write clean and valid code. I organize everything into folders.
I would be happy to discuss the details of our collaboration and start working.
-
8859 179 0 Hello. I can start working on the project today. The cost/time indicated is approximate, more precise after reviewing the full technical specification.
Quality clean adaptive layout using sass+gulp, with validation, cross-browser compatibility, and form settings.
Additionally, it is possible to implement the layout on WordPress, on a clean template (based on the layout). Editing all content using custom fields (ACF PRO plugin).
https://wow-wedding.com/
https://halfee.ua/
http://landings.in.ua/Yelliko/
… https://hokkaido-club.ua/
https://bar-wedding.com/
https://asterio.design/
https://bobo.ua/
https://sambir.ua/
https://psg-ua.com/
Work in the portfolio of the profile. If necessary, I will provide a more complete portfolio.
Feel free to contact me.
-
3338 55 3 1 Good day. I will be able to provide an estimate of the timeline + cost after I see the design. I have familiarized myself with the requirements. I have over 10 years of experience in web development.
Some of my works:
https://corefit.org/
https://playground-productions.com/
https://bay2024.kinsta.cloud/
-
3405 17 0 1 Hello,
Please send the design for the assessment of the cost of work and deadlines.
Sincerely,
Oleksandr
-
2152 12 0 👋 Hello! I am a frontend developer with over 4 years of experience.
I offer responsive layout, impressive animation, clean and valid code.
🛠 I work with:
HTML5, CSS, SCSS, Sass, TailwindCSS, Bootstrap, JS, Vue 2/3, Nuxt 2/3
Swiper, GSAP, Lenis, Masonry, Fancybox, Choices, AOS, noUiSlider, Simple Parallax, and more.
📂 Portfolio: https://vasyltsiutsyk.github.io/vasyl-tsiutsyk/
… Always in touch. Ready for the quality implementation of your project!
-
435 6 0 Hello, I am ready to complete your project, I need to familiarize myself with the materials. I have over 10 years of experience working with HTML, CSS, JavaScript. Portfolio: http://eugene-stone.great-site.net
Among the latest completed works, I would highlight the following projects:
http://eugene-stone.great-site.net/_my_works/_mebel-sale-static
http://eugene-stone.great-site.net/_my_works/_raised-static
http://eugene-stone.great-site.net/_my_works/axit
-
968 10 1 Hello. I am interested in implementing your project. I will execute it according to the specifications and your wishes. Please contact me, I will be happy to help. We can discuss the deadlines and cost.
-
288 I can build a clean, fast, and fully responsive one-page landing page based on your Figma design. I work with pure HTML5, CSS3, and JavaScript, following a Mobile First approach and ensuring correct display in all modern browsers including Chrome, Firefox, Safari, and Edge.
The code will be semantic and well structured, using proper HTML5 tags, correctly nested heading hierarchy, and all required SEO elements such as meta tags, optimized images with alt text, and fast loading performance. I pay close attention to accuracy when translating Figma layouts into code, while keeping the implementation maintainable and easy to upload to any hosting.
You will receive a ZIP archive containing the complete project with HTML, CSS, JavaScript, images, and fonts. After unpacking, the landing page will work immediately without any additional setup. I can provide timelines and pricing once I review the Figma file.
-
4696 84 1 Hello.
I can help with the implementation.
Write to me, I will be happy to collaborate.
-
350 Hello! My name is Yevhenii. I have reviewed the technical task — everything is clear. I have experience in landing page layout according to Figma designs
- Clean semantic markup and responsiveness for all devices
- Fulfillment of all SEO requirements
- Optimization of loading speed
I am ready to start working today.
-
807 6 1 Good day!
I am ready to create a website based on your design from Figma. I will perform clean HTML layout with responsive versions for mobile devices and tablets, strictly according to the layout.
What I will implement:
• Website layout in HTML/CSS based on the design from Figma
• Full responsiveness: desktop / tablet / mobile
• Contact form with validation of empty and incorrectly filled fields
• Connection of Captcha
… • Everything strictly according to the technical specifications
• Clean, structured code
My works:
https://yesoriginal.com.ua/ https://beauty-prof.com/ https://biotop-professional.com.ua/
https://heko.lt/
http://jobsfor-you.com/
https://brightsmile.masterdev36.com/
https://velustro.masterdev36.com/novabuild/
https://wall-master.artbud.pro/
https://www.cardanmash.com.ua/
http://floridagardendesigns.com/
https://sugacards.com/
https://advilion.com
http://axiomaplus.com.ua/
https://maxinstal.ch/
http://otpad.com.ua/
http://spectrum.net.ua/
I am ready to start immediately — send the layout and project details.
-
1568 48 0 Hello, Yuriy!
My name is Stanislav, I have experience in website support. I can help you with the layout of the website.
My key advantages:
I adhere to deadlines and guarantee quality execution of tasks.
I work with CMS (WordPress, Webflow, OpenCart, Horoshop).
I focus on results and improving the performance of your website.
… I would be happy to discuss the details of your project. I hope for cooperation!
Best regards,
Stanislav!
-
Вітаю Юрій!
Надайте будь ласка макет. Без цього не можна оцінити роботу
-
Вітаю. Покажіть, будь ласка, макети для оцінки
-
Current freelance projects in the category HTML & CSS
Web design and developmentHello! For the current project, I am looking for two separate specialists: web designer (Figma) web developer (Frontend / WordPress) The project includes tasks such as: landing pages, online store, admin panels, WordPress site, as well as small tasks on React / Next.js and… HTML & CSS, Web Design ∙ 1 day 6 hours back ∙ 94 proposals |
A modern website is needed for a stretch ceiling company in Poland.
634 USD
Need a modern premium design, mobile device adaptation, fast loading, SEO, animations, calculator, portfolio, application form. Experience in creating websites in Poland, landing pages for construction or renovation companies is preferred. Please be sure to send examples of your… HTML & CSS, Web Programming ∙ 1 day 7 hours back ∙ 145 proposals |
A Drupal developer is needed for edits on several websites.A Drupal developer is needed for edits on several websites. The site has bloated and filled up all the hosting.. HTML & CSS, Web Programming ∙ 1 day 13 hours back ∙ 37 proposals |
Optimization of WordPress site speed
113 USD
We will send full details in private messages Goal Maximize website loading speed, especially on mobile devices. KPI (mandatory) After the work is completed, the following metrics must be achieved. Mobile Performance 90+ LCP less than 2.2 sec INP less than 200 ms CLS less than… HTML & CSS, Javascript and Typescript ∙ 2 days 4 hours back ∙ 65 proposals |
Create a website and connect it to Shopifyto create a website and connect it to Shopify the main page is in the mockup there will be no product pages, there will be a modal window for selecting the size of the cream jar and its quantity after that, a delivery and payment window the order must be sent to Shopify with… HTML & CSS, Web Programming ∙ 2 days 7 hours back ∙ 74 proposals |