Верстка шаблону dentalkids.com.ua
Требования к показателям производительности шаблона (lighthouse/pagespeed):
Все 4 оценки (LCP, INP, CLS, FCP) для мобильной и десктопной версий должны находиться в диапазоне 80-100. Допустимо в некоторых случаях снижение до 70.
Основные требования:
- Необходимо предварительное загрузка стилей, шрифтов, главного изображения с помощью тега preload. Внешние ресурсы с помощью тега dns-prefetch, preconnect.
- Размер изображений должен быть минимальным. Рекомендуется использовать SVG/WEBP. Необходимо добавлять атрибут lazyload для всех изображений, кроме тех, что находятся на 1 экране.
- Необходимо вынести критический css/js в тег head для ускорения загрузки.
Дополнительные требования:
- По возможности использовать как можно меньше js. Рекомендуется реализовать основные элементы с помощью CSS.
- Минимизировать смещение макета во время загрузки.
ТЗ – верстка шаблону dentalkids.com.ua
Необходимо создать адаптивную тему для Wordpress по макетам из Figma без использования билдеров и/или сторонних платных шаблонов.
Цель:
- изменить текущую тему, сделать дизайн сайта легким и приветливым
- отойти от создания верстки и контента на шаблонизаторе Divi
- использовать создание контента редактор Gutenberg
- сделать сайт быстрым и соответствующим стандартам Core Web Vitals
Необходима оптимизация всех основных изображений шаблона (кроме контентных).
Весь текстовый контент не должен быть статичным, а должен быть доступен для редактирования. Хардкод для текстов темы недопустим.
Большинство блоков должны кастомизироваться и редактироваться с помощью редактора Gutenberg.
Приоритет – мобильная версия, так как 80% трафика – мобильные пользователи.
Браузеры: Chrome, Safari, Samsung Internet browser (Opera, Firefox)
ОС: Android, iOS, Windows (MacOS, Linux)
Технические характеристики сайта:
- WordPress 6.7
- Редактор - Gutenberg
- Мультиязычность - плагин Polylang, версии сайта - украинская и русская. Перевод всех динамических элементов (popup, формы, кастомные блоки и т.д.) должен быть реализован через Polylang.
- Popup - плагин Popup maker, допускается замена без потери функционала
- Формы - плагин Forminator, допускается замена без потери функционала
- SEO - Yoast Seo
- рейтинг страниц (звезды) - плагин kk Star Ratings, допускается замена без потери функционала
- Текущая тема - Divi Builder, шаблонизатор. Часть контента написана в Divi, часть контента в Gutenberg. Контент будет полностью переработан с Divi на Gutenberg. Если возможно, для переходного периода чтобы часть контента на Divi работала на предыдущей теме.
- Фотогалерея – в составе билдера Divi – необходима замена на подобную без потери функционала – карусель, lightbox, создание и размещение нескольких альбомов в рамках одной страницы, подписи к изображениям.
Перечень страниц для верстки:
- Главная
- Раздел “Услуги”
- Карточка услуги
- Раздел "Цены"
- Раздел "Команда"
- Карточка участника команды
- Раздел "Фото"
- Раздел "Контакты"
- Раздел "Партнеры"
- Раздел “Блог”
- Статья блога
- Раздел FAQ
Перечень модулей для верстки:
- прайс - самописный модуль для вывода прайса с помощью shortcode, код легко заменить
- popup - стили и верстка из модуля Popup maker
- binotel - интеграция call-tracking в коде
- несколько самописных функций различного назначения вынесены в отдельный файл
Требования к показателям скорости шаблона (lighthouse/pagespeed):
Все 4 оценки (LCP, INP, CLS, FCP) для мобильной и десктопной версий должны находиться в диапазоне 80-100. Допустимо в некоторых случаях снижение до 70.
Основные требования:
- Необходимо предварительное загрузка стилей, шрифтов, главного изображения с помощью тега preload. Внешние ресурсы с помощью тега dns-prefetch, preconnect.
- Размер изображений должен быть минимальным. Рекомендуется использовать SVG/WEBP. Необходимо добавлять атрибут lazyload для всех изображений, кроме тех, что находятся на 1 экране.
- Необходимо вынести критический css/js в тег head для ускорения загрузки.
Дополнительные требования:
- По возможности использовать как можно меньше js. Рекомендуется реализовать основные элементы с помощью CSS.
- Минимизировать смещение макета во время загрузки.
ТЗ – верстка шаблону dentalkids.com.ua
Необхідно створити адаптивну тему для Wordpress за макетами з Figma без використання білдерів і/або сторонніх платних шаблонів.
Мета:
- змінити поточну тему, зробити дизайн сайту легким та привітним
- відійти від створення верстки і контенту на шаблонізаторі Divi
- використовувати створення контенту редактор Gutenberg
- зробити сайт швидким та відповідним до стандартів Core Web Vitals
Необхідна оптимізація всіх основних зображень шаблону (окрім контентних).
Весь текстовий контент не повинен бути статичним, а має бути доступним для редагування. Хардкод для текстів теми неприпустимий.
Більшість блоків мають кастомізуватися та правити за допомогою редактора Gutenberg.
Пріоритет – мобільна версія, адже 80% трафіку – мобільні користувачі.
Браузери: Chrome, Safari, Samsung Internet browser (Opera, Firefox)
ОС: Android, iOS, Windows (MacOS, Linux)
Технічні характеристики сайту:
- WordPress 6.7
- Редактор - Gutenberg
- Мультимовність - плагін Polylang, версії сайту - українська та російська. Переведення всіх динамічних елементів (popup, форми, кастомні блоки тощо) має бути реалізовано через Polylang.
- Popup - плагін Popup maker, допускається заміна без втрати функціоналу
- Форми - плагін Forminator, допускається заміна без втрати функціоналу
- SEO - Yoast Seo
- рейтинг сторінок (зірки) - плагін kk Star Ratings, допускається заміна без втрати функціоналу
- Поточна тема - Divi Builder, шаблонізатор. Частина контенту написана в Divi, частина контенту в Gutenberg. Контент буде цілком перероблений з Divi на Gutenberg. Якщо можливо, для перехідного періоду щоб частина контенту на Divi працювала на попередній темі.
- Фотогалерея – у складі білдера Divi – необхідна заміна на подібну без втрати функціоналу – карусель, lightbox, створення та розміщення кількох альбомів у рамках однієї сторінки, підписи до зображень.
Перелік сторінок для верстки:
- Головна
- Розділ “Послуги”
- Картка послуги
- Розділ "Ціни"
- Розділ "Команда"
- Картка учасника команди
- Розділ "Фото"
- Розділ "Контакти"
- Розділ "Партнери"
- Розділ “Блог”
- Стаття блогу
- Розділ FAQ
Перелік модулів для верстки:
- прайс - самописний модуль для виведення прайсу за допомогою shortcode, код легко замінити
- popup - стилі та верстка з модуля Popup maker
- binotel - інтеграція call-tracking у коді
- кілька самописних функцій різного призначення винесено до окремого файлу
Вимоги до показників швидкодії шаблону (lighthouse/pagespeed):
Усі 4 оцінки (LCP, INP, CLS, FCP) для мобільної та десктопної версій повинні перебувати в діапазоні 80-100. Допустимо у деяких випадках зниження до 70.
Основні вимоги:
- Необхідне попереднє завантаження стилів, шрифтів, головної картинки за допомогою тега preload. Зовнішні ресурси за допомогою тега dns-prefetch, preconnect.
- Розмір зображень має бути мінімальним. Рекомендується використовувати SVG/WEBP. Необхідно додавати атрибут lazyload для всіх зображень, крім тих, що знаходяться на 1 екрані.
- Необхідно винести критичний css/js в тег head для прискорення завантаження.
Додаткові вимоги:
- По можливості використовувати якнайменше js. Рекомендується реалізувати основні елементи за допомогою CSS.
- Мінімізувати зміщення макету під час завантаження.
Приложения 1
Отзыв заказчика о сотрудничестве с Anastasiya Pinchuk
Верстка шаблону dentalkids.com.uaДовольны работой.
В итоге получили быстрый сайт с обновленным дизайном и рабочим функционалом, согласно ТЗ.
В случае необходимости, будем обращаться еще.
Отзыв фрилансера о сотрудничестве с Олександром Хч
Верстка шаблону dentalkids.com.uaИнтересный проект и хорошая оплата, было приятно работать
-
753 11 2 Доброй ночи Александр, готова выполнить качественную, адаптивную верстку макетов с последующей посадкой на Wordpress. Тему создаю с нуля, без лишних плагинов и файлов, редактирование всего контента через админку.
Чистый, валидный код W3C, зеленая зона по Page Speed ( 80-100 ).
Стек: Html5, Css3, Scss, Flexbox, Grid Css, Js, jQuery, Bootstrap, Wordpress, ACF, Carbon Fields, Custom Fields.
Начать готова после согласования деталей и ознакомления с макетом.
Обращайтесь, рада выполнить Ваш проект !
-
968 10 1 Здравствуйте. Ознакомился с вашим техническим заданием. Готов реализовать ваш проект.
Работу выполню качественно, согласно представленному техническому заданию. Верстка будет с использованием HTML5, CSS3 с привлечением Flexbox, CSS GRID. При верстке для построения структуры HTML использую методологию BEM. Строго соблюдая правила валидности, семантики и модульности.
При необходимости осуществлю рисование/корректировку элементов в векторный формат. Адаптирую фоновую (растровую) графику под необходимые размеры экранов.
Верстка будет адаптивной и кросс-браузерной. Поданный код будет аккуратным, логически продуманным, валидным. Гарантия на мою верстку действует месяц.
Также можем обсудить с вами стоимость проекта и все другие детали через приватные сообщения. Обращайтесь. Гарантирую, что качеством и результатом работы вы будете довольны, так как всегда нацелен на лучший результат.
Мои проекты:
Digital agency Kronix: https://digatal-agency-kronix.netlify.app/
Delizioso: https://delizioso-online-store.netlify.app/
… Sonic Logistic site: https://sonic-logistic.netlify.app/
PetZen: https://petzen.netlify.app/
Pixelmagnet DMW: https://pixelmagnet-dmw.netlify.app/
Coffee Shop: https://coffee-shop-magazine.netlify.app/
Frontend developer landing: https://frontend-developer-landing.netlify.app/
Pages: https://pages-books.netlify.app/
Realco: https://realco-realestate.netlify.app/
Plato: https://plato-energy.netlify.app/
Developer expert: https://developer-expert.netlify.app/
WavesCo: https://sound-effect-library.netlify.app/
Frontend topics: https://frontend-topics.netlify.app/
-
1714 161 1 9 Добрый день! Выполню вашу задачу быстро и качественно.
С WordPress работаю более 8 лет, сделаю ваш сайт без лишних плагинов! без конструкторов, которые убивают скорость загрузки - только чистый код!
Отзывы ->Freelancehunt
-
643 4 0 Добрый день, просмотрев ваше ТЗ, для разработки сайта, задачи поставлены четко и ясно, главная задача это производительность и скорость загрузки сайта.
Работаю с Wordpress уже более 4 лет, для разработки не использую конструкторы и готовые шаблоны, только кастомная тема, а также минимальное количество плагинов, что гарантирует скорость работы веб сайта.
Вы не предоставили дизайн вашего веб сайта, поэтому мне сложно оценить сроки разработки, пришлите ссылку на Фигму в личные сообщения, после чего я смогу назвать вам сроки для реализации вашего проекта.
-
481 6 0 Добрый вечер, Александр, готов выполнить верстку шаблона, согласно примеру, верстаю чистым кодом на html, css, scss, с добавлением js функционала, верстаю адаптивно, кроссбраузерно, валидно, с соблюдением BEM методологии. Хотел бы уточнить некоторые детали по ТЗ. Примеры моих работ по верстке https://vitalik-13.github.io/my-portfolio/
-
4833 19 0 Здравствуйте, Олександр!
Я ознакомился с задачей и готов приступить к качественному выполнению задания.
Чтобы вы были уверены, что при работе не возникнет проблем, можете ознакомиться с моей последней работой:
https://gvadiko2004.github.io/grill/
Также привожу ссылки на другие проекты:
…
https://gvadiko2004.github.io/Anon-shop/
https://iliarchie.github.io/cates/
https://iliarchie.github.io/beautyf/
https://iliarchie.github.io/lagvilava-build/
Если вас заинтересовал мой отзыв, свяжитесь со мной в личных сообщениях.
Заранее спасибо
-
111 Готов начать работу, гарантирую профессиональный подход и соблюдение требований для достижения лучших результатов. Напишите, чтобы обсудить детали задания!
Актуальные фриланс-проекты в категории HTML и CSS верстка
Разработка интерактивной карты Palworld для сайтаНеобходимо разработать интерактивную карту Palworld по примеру: https://palworld.gg/map Нам нужна не просто статическая картинка, а полноценная интерактивная карта, где пользователь может смотреть локации, включать / выключать категории объектов, искать нужные точки и… HTML и CSS верстка, Javascript и Typescript ∙ 25 минут назад ∙ 5 ставок |
Настройка интернет-магазина тканей на WordPress + WooCommerce по шаблону Astra
14 825 UAH
Необходимо настроить и подготовить к работе интернет-магазин мебельных тканей для рынка Норвегии. Домен, хостинг и WordPress уже установлены: eximtextilnordiq.com Сайт нужно сделать не с нуля и без индивидуального программирования, а на готовом бесплатном шаблоне Astra,… CMS, HTML и CSS верстка ∙ 5 часов 18 минут назад ∙ 45 ставок |
Сайт реберня-піцеріяКлиентская часть — динамическое меню с Firebase, категории с вкладками, карточки блюд с фото и ценами, поддержка двух размеров (пицца 30/40 см), адаптивный мобильный дизайн, боковое меню с контактами и локацией. Админ-панель — авторизация, управление категориями и блюдами… HTML и CSS верстка ∙ 9 часов 9 минут назад ∙ 70 ставок |
Необходимо сделать доработку на сайте Modx Evolution CMS 3.1.7
1000 UAH
Разрабатывается доработка дизайна и верстка сайта, нужно будет внедрить эти работы на сайт. Также внедрить некоторые доработки на сайте. HTML и CSS верстка, PHP ∙ 9 часов 50 минут назад ∙ 21 ставка |
Разработка карты семян Minecraft Java / просмотрщика семян для сайтаРазработка карты семян Minecraft Java / Seed Viewer для сайтаОписание проекта Необходимо разработать браузерный инструмент Minecraft Java Seed Map / Seed Viewer, который будет работать на нашем сайте и позволит пользователю ввести семя Minecraft Java Edition и просмотреть… C и C++, HTML и CSS верстка ∙ 1 день 2 часа назад ∙ 13 ставок |