Html layout design for Wordpress
Design in Figma: https://www.figma.com/design/plmwca1Cb8I8uSC0wAVCib/ORO-Front?node-id=552-2659&t=LkFFa03O4FCQRcDZ-1
What is required:
For the future Wordpress website, it is necessary to create page layouts. We will handle integrating into WP ourselves, only the layout is needed.
All pages need to be styled. Pixel Perfect quality of layout, we will check to ensure everything matches the design.
Requirements:
- Styles, js scripts, images should be organized into separate folders, images should also be divided into base, homepage, etc.;
- Write styles in SCSS, no style libraries, styles for header, footer, and page content should be in separate files (for example: header.scss, footer.scss, home.scss, etc.);
- Elements like product cards, events, which repeat across pages, should have global styles, and their placement in content, as well as their positioning when resizing pages, should be specified directly in the page styles, not globally;
- Use Swiper for sliders, as well as separate styles and js scripts for each page;
- Maximize the use of SVG and JPEG formats for images, PNG only where no other options are available;
- On the Doctors List page, the filter is not duplicated, on mobile it will be combined through positioning;
- Also in the menu, duplication is avoided, all changes in the mobile version are achieved through positioning.
Important: Immediately specify deadlines and cost. Either openly or privately.
Client's review of cooperation with Yevgeny O.
Html layout design for WordpressOne of the few performers who did everything on time, without losing quality. The layout is done excellently. I will continue working with the performer on other projects
Freelancer's review of cooperation with Aleksandr Goldberg
Html layout design for WordpressExcellent client! Always available, clear and complete technical specifications. I recommend, and I myself will gladly look forward to the next collaboration. Wishing you all the best!
-
7 days300 USD
571 4 0 7 days300 USDHello! 👋
I am ready to take on the layout according to your technical specifications — Pixel Perfect, valid code, clean structure, strictly following the mockup and folders:
✅ SCSS by blocks (header.scss, footer.scss, home.scss, etc.)
✅ Strict file organization (images, styles, scripts — all in folders)
✅ Repeating components — through global styles
✅ Contextual margins/positioning — only in page styles
✅ Sliders — via Swiper with separate scripts
… ✅ SVG/JPEG — as much as possible, PNG — only if necessary
✅ Proper adaptation without duplicating elements
📆 Deadline: 5–7 days after the mockup
💰 Cost: approximately $300–400 (more precise after reviewing all pages)
I work carefully, comment everything, am easy to contact. Ready to discuss and start today!
-
12 days280 USD
8495 38 0 1 12 days280 USDI will do it in PHP with a stretch; at the output, you will get such a layout. I am engaged in stretching and turnkey development myself, I think there will be no problems, thank you.
https://skin.te-test.com/html
-
7 days300 USD
1301 11 0 7 days300 USD👋 Hello, Alexander!
I will create a reliable, responsive, and neat layout according to Pixel Perfect.
I work structurally, organizing files into folders, using SCSS, with clean and readable code. I have an understanding of working with WordPress, and I develop the layout considering subsequent integration.
I can send a sample of work based on the technical specifications so you can verify the quality.
Ready to start soon!
-
14 days330 USD
672 12 0 14 days330 USDGood afternoon, I have reviewed the design and am ready to perform pixel perfect layout.
I have over 4 years of experience in layout, so it will not be difficult to complete your task.
I also work with WP, so I understand the nuances of layout for it.
The timeframe is approximately 12-14 days, considering all possible nuances.
Feel free to contact me, I will be happy to help!
-
14 days330 USD
2544 93 0 14 days330 USDHello.
For the pages in Figma, the cost and deadlines are specified.
I do the layout exclusively pixel perfect.
I write all the code from scratch manually according to the BEM methodology and flexbox.
Since I create themes for WordPress, I understand how to build the HTML structure to make it easier to create the necessary page templates later.
I use the SCSS preprocessor.
…
Everything else is clear. I use Swiper for sliders. I never duplicate content, either through JS or SCSS.
I have over 12 years of experience, I am available all the time, and I can start today.
-
12 days400 USD
561 12 days400 USDHello,
Ready to turn your Figma into structured, responsive layouts using SCSS with organized assets and Swiper integration delivery in 2 weeks.
Here are some examples of my previous work that showcase my design and development skills
https://shop.bjork.com/
https://phlearn.com/
https://nalgene.com/
https://www.tonal.com/workouts/
… https://www.chia.com/
https://www.thegreatfroglondon.com/
https://cowboy.com/
https://www.airstream.com/
https://rappicard.mx/tipsrappicard/
Let's connect.
-
15 days300 USD
2830 19 0 15 days300 USDGood afternoon!
I have reviewed your design in Figma and the technical requirements for the layout. I am ready to implement the layout of all pages according to the mockup, taking into account all your requirements.
If possible, please send all the source files, so we can discuss the details and I can provide an exact amount.
-
5 days700 USD
1884 24 0 5 days700 USDGood day, I will be happy to help you with your project. I have been developing for over 6 years. I can start immediately
Latest projects
https://www.galerie-glenat.com/
https://www.sens-dessus-dessous-editions.fr/
https://www.mla49.fr/
https://www.lili.cool/
-
Winning proposal5 days300 USD
2990 44 1 Winning proposal5 days300 USDHello, Alexander!
Great design, ready to quickly and accurately do the layout strictly pixel by pixel according to the mockup and without frameworks for fast page loading. I also do all the layout strictly to fit all elements for native integration on WP.
Regarding the mockup, I see that the layout can also be adapted for WooCommerce; I will also consider this point during the layout process.
Feel free to contact me, I will be happy to help!
Current freelance projects in the category Web Programming
Make my website
16 USD
A configured application for my site is ready, and products need to be uploaded from the WooCommerce system. No further settings are required, just interested in the cost and timeline. Web Programming ∙ 9 hours 5 seconds back ∙ 20 proposals |
Commercial on-premise video communication platform "ViM"It is required to develop an on-premise video conferencing system with a basic calculation for 100 simultaneous connections (10 isolated rooms of 10 people each). The platform should have a built-in architecture for future horizontal scaling up to 1000 users by adding new media… Javascript and Typescript, Web Programming ∙ 11 hours 21 minutes back ∙ 22 proposals |
I need to create a website from a PDF, is it possible?The design is already fully drawn but we only have it in PDF, as the Figma file was lost... There may be discrepancies with it. This is acceptable. Do we need to redraw it in Figma? Or is it possible to layout and put it on a CMS, and if so, which one? There will be a lot of… HTML & CSS, Web Programming ∙ 13 hours 2 minutes back ∙ 97 proposals |
Development of a system for automating job postings in Facebook groups for a recruitment agencyI am looking for a specialist to create and maintain a job posting system in Facebook groups.About the company:We are a recruitment agency in Israel and we specialize in personnel selection for enterprises, factories, warehouses, manufacturing companies, and other employers… Web Programming, Bot Development ∙ 1 day 1 hour back ∙ 39 proposals |
Layout designer for multi-page advertorial website (Health Media) — vibe coding, clean code
150 USD
We need to create a multi-page website in the style of health media, based on healthinsider.news. Not just a landing page — a full-fledged pseudo-editorial site (advertorial), designed to attract traffic from Meta Ads. IMPORTANT: the task is to be done through vibe coding… HTML & CSS, Web Programming ∙ 1 day 4 hours back ∙ 58 proposals |