Budget: 500 UAH Deadline: 1 day
Good day.
I am ready to do the layout.
Rate - $10.
Message me privately, we will discuss the details.
Необходимо: Верстка адаптивного сайта Pixel Perfect на основе макета, разработанного в Figma.
Цель: Создание адаптивного сайта https://zoodom.ua и валидного W3C (будет проверяться), корректно отображающегося на мобильных, планшетных и десктопных устройствах, соответствующего современным требованиям UX/UI и требованиям Google к мобильной оптимизации в 2024 году.
Технологии: Использование HTML5, CSS3, JavaScript (ES6+), SCSS/LESS (по необходимости). Верстка должна быть кроссбраузерной (Chrome, Safari, Firefox, Edge) и адаптивной для всех основных разрешений экранов.
1. Разрешения экранов и брейкпоинты
Для обеспечения корректного отображения на всех устройствах, необходимо настроить следующие брейкпоинты (Промежуточные расширения должны отображать блоки без сдвигов и без горизонтальных скролов):
- Мобильные устройства:
- Минимальное разрешение: 320px (например, iPhone SE, старые смартфоны).
- Основное мобильное разрешение: 360px – 414px (например, iPhone X, Galaxy S10).
- Планшеты:
- Минимальное разрешение: 768px (например, iPad Mini).
- Планшеты (портрет): 768px – 1024px (например, iPad).
- Планшеты (альбом): 1024px – 1366px (например, iPad Pro).
- Десктопы:
- Минимальное разрешение: 1280px.
- Рекомендуемые разрешения для десктопов: 1440px и выше
Для каждого брейкпоинта должны быть заданы соответствующие стили, обеспечивающие оптимальное отображение контента.
2. Технические требования к верстке
- Сетка: Использование сеточной (CSS Grid) системы для обеспечения адаптивности макета (без конструкторов. Вариант использования Flexbox возможен при обосновании).
- Анимации и переходы: Применение CSS-анимаций должно быть плавным и минимальным, с учётом производительности на мобильных устройствах.
Где есть слайдеры- автоматичекое прокрутка элементов каждые 3 секунды.
- Оптимизация изображений: Изображения должны быть адаптированы под разные разрешения с использованием форматов WebP и сжатия без потери качества. Также должны быть реализованы механизмы для lazy loading изображений.
- Иконки и графика: Использовать SVG для иконок и графики, что обеспечит высокое качество на всех экранах.
- Типографика: Размеры шрифтов должны динамически изменяться в зависимости от разрешения экрана.
- Медиа-запросы: Все медиа-запросы должны быть четко структурированы и поддерживать основные брейкпоинты.
3. Проверка и тестирование
- Тестирование верстки должно проводиться на реальных устройствах, а также в эмуляторах браузеров для подтверждения корректной работы на всех поддерживаемых разрешениях и операционных системах (iOS, Android).
Приоритетные для тестов размеры экрана:
1. 393x873:
- Xiaomi Mi 10T, Mi 10T Pro
- Xiaomi Redmi Note 9 Pro
- Xiaomi Redmi Note 9
2. 390x844:
- iPhone 14
- iPhone 13 и 13 Pro
- iPhone 12 и 12 Pro
3. 360x800:
- Samsung Galaxy S20
- Honor 7X
- Huawei P40 Lite
4. 414x896:
- iPhone 11 Pro Max
- iPhone 11
- iPhone Xr
5. 430x932:
- iPhone 14 Pro Max
6. 393x851:
- Google Pixel 5
- Xiaomi Mi 10 Pro
- Xiaomi Redmi Note 8 Pro
7. 412x915:
- OnePlus 7T
Приоритетный браузера для тестов:
Chrome и Safari
- Обязательная проверка вёрстки на переполнение контентом. Вёрстка не должна ломается:
- Проверка через Google Mobile-Friendly Test и инструмент PageSpeed Insights для оценки производительности и соответствия мобильным стандартам.
4.СЕО.
-Отдельно СЕО будет предоставлена информация по метаданным на страницах.
5. Дизайн.
- Дизайн создан с перспективой на развитие проекта. Поэтому будут даны дополнительные пояснения какие блоки нет необходимости верстать на текущий момент.
- При необходимости есть возможно внесение правок в дизайн (исполнитель по дизайну на связи).
6. Заключение
Верстка должна быть выполнена с учётом всех вышеуказанных параметров (но не ограничиваясь ими для достижения лучших результатов), включая требования адаптивности и оптимизации для мобильных устройств.
По окончанию работы по верстке, предоставляется период для тестирования - одна неделя с момента получения последнего замечания.
7. Функционал. Будет предоставлен предварительный документ описывающий функционал блоков и элементов. Готов обсуждать непонятные функциональные элементы в дизайне, как предварительно так и в процессе сотрудничества.
Макет для верстки: https://www.figma.com/design/RPrjahTERmhbN3g9uKL6Eo/%D0%97%D0%BE%D0%BE%D0%B4%D1%96%D0%BC_website?node-id=0-1&node-type=canvas
Если есть дополнительные вопросы, или требуется уточнение по конкретным разделам, готов ответить.
Budget: 500 UAH Deadline: 1 day
Good day.
I am ready to do the layout.
Rate - $10.
Message me privately, we will discuss the details.
Budget: 27000 UAH Deadline: 10 days
Good evening!
We can start now.
Can you send the technical specifications for the functionality?
I reviewed the layout, everything is clear.
I will do it as qualitatively as possible.
Budget: 20000 UAH Deadline: 12 days
Hello,
I have familiarized myself with the task of layout design for the project based on the example and am ready to start quality execution of the task.
Price $500
Deadline 12 days;
https://goit-react-hw-08-brown-sigma.vercel.app/
https://shpylovyi1007.github.io/Discover-Your-Dream-Property/
https://shpylovyi1007.github.io/team-project-Office_Olympians/
https://shpylovyi1007.github.io/team-project-carpathians/
These are my works
HTML and CSS: I have confident expertise in developing responsive and cross-browser web pages using HTML5 and CSS3. I can create beautiful and semantic HTML code, as well as use CSS preprocessors like SASS/SCSS to facilitate development and maintenance.
- jQuery: I can use the jQuery library to enhance website functionality and apply the BEM methodology to maintain clean and organized code.
- Build and automation systems: I have experience using and configuring tools like Gulp to automate development tasks and optimize resources.
- Web design: I have skills in working with layouts in Figma and Adobe Photoshop.
- Web layouts: I can create flexible and responsive web layouts using CSS Grid and Flexbox, ensuring the best appearance of the site on any device.
I always strive to understand the client's needs and work as a team to achieve the best results. My goal is to provide high-quality solutions and always meet deadlines. I am always open to new challenges and opportunities for growth and learning. I am ready for collaboration and willing to answer any questions you may have. I would be happy to discuss your projects and help you achieve your goals.
Budget: 1500 UAH Deadline: 5 days
Hello! My name is Sergey. I specialize in website layout and transferring them to WordPress. I offer:
- Clean and optimized code
- Exact design compliance
- Responsive layout for different devices
- Interactivity (animations, quizzes, etc.)
If you need to add or change anything, let me know!
Budget: 15000 UAH Deadline: 12 days
Good evening. I have reviewed the task description and design. I am ready to take on the layout. Code and image optimization using gulp. Vector graphics in one file, styles, js, images - minified and different sizes depending on the device. It would be good to use the html preprocessor pug for html. Very interesting project and I would be happy to work on this website. Have a good evening.
Budget: 15000 UAH Deadline: 10 days
Good day
I am ready to code
My stack: —HTML (HTML5), CSS (CSS3), jQuery, JavaScript, SASS, Flexbox, grid, gulp, BEM
WordPress
The layout will be cross-browser, valid, responsive. Only clean and understandable code.
- I code from PSD, Sketch, Figma, Zeplin, Adobe XD
- Responsiveness, adaptability (responsive), flexible
- CSS3\JS animation of websites.
Recent projects:
https://goldenminds.uz
https://www.gov.kz/
https://battlemile.org/
I am waiting for your feedback
Budget: 21000 UAH Deadline: 10 days
Good afternoon, I will implement high-quality layout while meeting all requirements and recommendations. I am ready to discuss the details.
Budget: 14000 UAH Deadline: 14 days
Hello, Ruslan!
I think this is the first time I see such a detailed project brief. My layout will meet all your requirements.
I am ready to discuss the task in personal correspondence.
My latest works:
https://s-iteost.vercel.app/index.html - landing
https://sanyok185.github.io/Top-10/home.html - multipage
https://sanyok185.github.io/PLUGIT/main.html - multipage
https://sanyok185.github.io/Property/home.html - multipage
https://sanyok185.github.io/Proyavlennya/ - landing
https://sanyok185.github.io/StanDesk/ - landing
https://sanyok185.github.io/Bruden/home.html - store
https://sanyok185.github.io/VPNit/home.html - multipage
Budget: 15000 UAH Deadline: 15 days
Hello!
I am ready to create the layout for your design.
I work with HTML, CSS, Scss, JS.
All nuances of the technical specifications will be taken into account, the only thing I insist on is the use of FlexBox technology (I can provide arguments in private messages).
We can discuss the details in private messages.
Examples of my work: Freelancehunt
Budget: 27000 UAH Deadline: 20 days
Good day! I will do it quickly and efficiently.
____________________________________________________
Budget: 20000 UAH Deadline: 14 days
Good evening Ruslan!
I have thoroughly reviewed the layout. I am ready to perform high-quality, reliable, cross-browser, responsive layout. I write clean, valid code, following BEM. I will use HTML, CSS, and JS in my work. The responsiveness will be achieved using grid and flex. The graphics will be compressed without loss of quality.
I am ready to start working immediately after clarifying all the details!
Examples of my work:
1) https://pashadahulych.github.io/NFT/ - landing page
2) https://pashadahulych.github.io/Delote-Beauty/ - multi-page site with custom styling of the map
3) https://pashadahulych.github.io/NFT__Marketplace/ - multi-page site
4) https://pashadahulych.github.io/CEX.io/ - landing page
5) https://pashadahulych.github.io/Element__Home/ - online store
6) https://pashadahulych.github.io/Digital-Planner/ - layout of the application, already hosted
7) https://pashadahulych.github.io/Matoa/ - online store, lots of sliders, gallery, tabs. Feature - the animation for adding to the cart is written in pure JavaScript
8) https://charterclick.com/ - the latest project where I was responsible for the layout
Budget: 500 UAH Deadline: 1 day
Hello, I will complete your project, write to me, I will be happy to collaborate.
Hello, I will complete your project, write to me, I will be happy to collaborate.
Budget: 27000 UAH Deadline: 20 days
Hello.
Professionally engaged in turnkey website development on WORDPRESS, without builders. There is a proprietary library of ready-made solutions that speeds up the work time.
Advantages:
- I provide video training on using the site (if necessary);
- guarantees after the end of cooperation;
- administration/support of the site (if needed).
I am ready to discuss the details and start execution. Final price/time after all clarifications.
Profile: Freelancehunt
Reviews: Freelancehunt
Budget: 7000 UAH Deadline: 7 days
Hello. The project is quite interesting, I am ready to start working on it right now.
Message me privately and I will accurately calculate the timeline and price for the project, or we can discuss your budget right away, I will say right now that a good review is included in the cost :)
Here are my projects:
https://dberezuk.github.io/GTA-6/
https://dberezuk.github.io/DevopsTrain/
It is necessary to reproduce as accurately as possible:– the structure of the pages; – the layout of the blocks; – the catalog grid; – the sizes of the elements; – the margins; – the typography; – the colors; – the header and footer; – product cards – the menu structure; – menu categories; – modal windows; – adaptive behavior; – hover, active, and mobile states. – the product page must have microdata for products – Pages must be optimized according to Google SEO recommendations1. Type of siteResponsive online sushi delivery store.Main versions:– desktop – from 1280 px; – tablet – 768–1279 px; – mobile – 320–767 px.2. NavigationHomeCategoriesPromotionsAbout UsDelivery and PaymentContactsMenuProduct CardShopping CartPage TemplateThe “Page Template” block should contain:– header;– breadcrumb;— “up” arrow— Light and dark theme switcher with user choice retention.— A watermark with the logo on the background of the page— Fix an image of chopsticks on the right edge of the background— Footer ResultDeliver:– Figma mockup for desktop and mobile; – HTML files; – CSS; – JavaScript; – a folder with placeholders; – responsive version of the page; – archive of the completed project.The main requirement is the most accurate reproduction of the structure, design, and behavior of the page example.com
Continuation of the project. Redesign and relaunch of the Brovchak Family Dental Care clinic website 0680006609 http://brovchak-clinic.com.ua/ specifications from SEO expert https://docs.google.com/spreadsheets/d/17_WyPf3XVpzbuBjpJ7MNFs12QUL-aHv7iIbKudY-IEw/edit?gid=0#gid=0 https://miro.com/app/board/uXjVHXxFvIE=/About the project A complete redesign of the existing dental clinic website is required based on the ready prototype in Miro. The result should include: UI/UX design responsive layout WordPress integration SEO-safe relaunch technical optimization analytics setup the ability for easy self-editing of content It is critically important: the website must not only look modern but also improve business metrics and not lose current SEO positions.Business goals of the project The redesign is being carried out to: increase the number of inquiries from the website; improve the conversion of booking forms; enhance trust in the clinic; demonstrate the expertise of the doctors; present complex clinical cases; form a premium positioning; increase the number of inquiries for implants, orthopedics, and comprehensive treatment.Visual conceptPositioning Premium author dentistry. Not a chain clinic. Not a mass flow of patients. Individual approach, predictable results, and complex clinical solutions.The emotion the website should evoke "Here, not just dentists work. Here, a team of experts creates long-term and predictable solutions, paying attention to every detail."Style Workshop / Dental Atelier. Author's dentistry. Premium minimalism. Focus on: microscopy; navigational implantation; digital scanning; gnathology; complex rehabilitations. Use: large professional photos of doctors; photos of doctors at work; real patient cases; photos of the clinic. Minimize or completely exclude: stock photos; template dental images; typical design solutions of chain clinics.SEO and relaunch Critical requirement: The redesign must not lead to a significant drop in organic traffic. It is necessary to: preserve the SEO structure of the website; preserve or correctly transfer URLs; set up 301 redirects; transfer all meta tags; preserve page indexing; check robots.txt; check sitemap.xml; check canonical; check schema.org; perform an SEO audit before and after the launch.KPI SEO Permissible drop in organic traffic after launch: no more than 10%. Preference will be given to performers who have successful cases of SEO-safe migrations.UX and conversion The website must provide: quick access to booking a consultation; clear service structure; simple navigation; mobile convenience; quick contact with the clinic. Anticipate: CTA blocks; booking forms; quick call; messengers; trust blocks; video testimonials; treatment cases.Technical requirementsSpeed Google PageSpeed: Desktop — 90+ Mobile — 95+ Core Web Vitals must meet Google's recommendations.Optimization It is necessary to: optimize CSS; optimize JS; set up caching; optimize images; use WebP; minimize third-party scripts.Code quality Important: clean code; absence of unnecessary plugins; use of WordPress's built-in capabilities and theme; compatibility with future WordPress updates.AI assistant (agent) A solution for implementing an AI consultant needs to be proposed. Desired functionality: answers to typical questions; booking a consultation; integration with Telegram; integration with Instagram Direct; integration with Facebook Messenger; integration with Viber; transfer leads to CRM or administrators, or to a Telegram bot Please describe the proposed solution separately.Work result The output should include: New website design. Responsive layout. SEO-safe launch. Optimized code. Configured analytics. Administrator instructions. Warranty support after launch. Implementation of AI Search and AI output Within the project, a separate set of works is required to prepare the website for Google AI Overviews, AI Mode, ChatGPT, Gemini, Perplexity, Copilot, and other AI search engines. The work includes: Designing the entity map of the clinic: organization, branches, doctors, services, cases, articles, FAQ, videos, and prices. Creating logical connections between: doctors and services; services and cases; services and FAQ; articles and authors; branches and available treatment directions. Implementing structured data JSON-LD: Organization; MedicalClinic / Dentist; LocalBusiness; Person; ProfilePage; Service; MedicalProcedure — where semantically correct; Article / BlogPosting; VideoObject; FAQPage; BreadcrumbList; WebSite; WebPage; ImageObject. Creating structured content types in WordPress: services; doctors; cases; articles; FAQ; videos; branches; prices. Implementing ACF connections between content types and automatic generation of schema.org from approved fields. Building FAQ in three levels: FAQ on service pages; separate expert decision-guide pages; general patient question center. Ensuring the accessibility of main content in HTML without dependence on client-side JavaScript, images, or PDF. Implementing authorship of medical content: author; medical reviewer; publication date; update date; link to the doctor's profile. Adding transcripts to expert videos and linking videos with services, doctors, and cases. Checking robots.txt, sitemap.xml, canonical, noindex, snippet controls, and site accessibility for search and AI crawlers. Setting up tracking of AI traffic: separate channel group in GA4; referrer sources ChatGPT, Perplexity, Gemini, Copilot, Claude; transferring the source to CRM and Telegram applications; report in Looker Studio; accounting for self-reported attribution from patients. Creating a basic set of queries for regular monitoring of the clinic's visibility in AI output. Checking structured data through Rich Results Test and Schema Markup Validator. Preparing instructions for the administrator: how to add FAQ; how to create a case; how to specify the author; how to update the medical review date; how to add video and transcript; how to link material with service and doctor. other.
Need a Wix specialist for website layout based on Figma design. There is a ready website design in Figma. It needs to be implemented in Wix with high quality, closely following the layout. Requirements: transfer the design from Figma to Wix; adapt all pages; set up desktop and mobile versions; ensure correct display on different devices. Preference will be given to freelancers with experience working with Wix. Please send your portfolio with completed projects.
# Need a Frontend Developer (WordPress / WooCommerce): Product Card ## About the Project Active online store The design is already ready — need to be properly coded and integrated product card (single product). - Current page (example): https://obertshop.com.ua/shop/dysky/audi/r21-audi/disk-r21-na-avto-audi-obr9006/ Template coding for single-product ## Requirements - Coding according to the Figma layout. - Responsive: desktop + mobile, correct display in major browsers. - Integration into the existing WooCommerce theme, clean and maintainable code. - Result — a working page on the site that matches the design. ## What to Send in Your Response 1. Portfolio (preferably WordPress / WooCommerce, product cards). 2. Cost — suggest a convenient format (fixed price for the project or hourly rate). 3. Deadline in days. 4. Questions about the layout and a list of accesses/materials needed from us to start. Access to Figma, the site, and necessary materials will be provided in private messages after the response.
A website needs to be coded according to the design. The layout is a bit crooked, so pixel perfect is not required. Coding, responsive for mobile devices, opening pages via links, and the site in three languages. All texts in blocks in other languages will be sent later. Additionally: optimization for Google PageSpeed 100 / 100 for mobile and desktop. Or at least 98 out of 100, no less!!! Propose timelines and costs. Layout: https://www.figma.com/design/AkM2GAvaLAPw7IAOtkGPIy/DSL-2010--%D0%9F%D1%80%D0%B0%D0%B2%D0%BA%D0%B8-1-?node-id=6177-908&t=u7qPBPqxIifkwaug-0