Верстка сайта N.C
Отдельно хочу сказать спасибо за исходники!)))
Необходима верстка макета: https://www.figma.com/file/197KTBUAIKhccVU07l9m4H/Наркоцентр?node-id=0%3A1
Требования:
1) Адаптивный сайт. В идеале - самостоятельно сделать адаптив. Можно использовать bootstrap 4, или bulma. Приветствуется использование SASS/LESS.
2) Желательно работать по БЭМ. Не надо использовать большую вложенность стилей, постарайтесь обойтись 1-2 уровнями.
3) Нужны хорошие показатели по PageSpeed Insights (внимание на DOM и на код css и js, чтобы не было слишком много "лишних" и неиспользуемых стилей). Сжимать css не нужно, js - да.
Стандартные библиотеки не нужно "резать", пусть будут как есть.
С форматами изображений тоже не нужно играться, достаточно обычного jpg или png. Аналогично с размерами изображений. Больше внимания на пункты FCP, LCP, TBT
Для стилей и скриптов использовать preload/prefetch.
4) Меню должно работать на всех устройствах, каждый пункт можно открывать на мобильных
5) Поставить библиотеку для просмотра фото.
6) Использовать анимацию по желанию.
7) Текст в текстовых блоках должен быть выровнен по ширине (Justify).
8) Для изображений использовать следующую конструкцию:
<picture>
<source srcset="картинка.webp (форматировать не надо!!!)" type="image/webp">
<img src="картинка.jpg" alt="">
</picture>
Бюджет: 5000 UAH Срок: 7 дней
Добрый день.
Сверстаю сайт по макету качественно, адаптивно, валидно и кроссбраузерно.
Все пункты ТЗ буду соблюдены.
В верстке буду использовать GULP, SASS, BEM.
В итоге вы получите легкую и быструю html/css вёрстку.
Бюджет: 5000 UAH Срок: 10 дней
Добрый день Евгений
Я ознакомился с задачей по верске сайта и готов приступить к качественному выполнению задачи.
Чистая верстка с использованием:
- HTML
- CSS
- JavaScript
Цена: 5000грн
Срок: 10дня
Работаю без предоплаты.
Бюджет: 6000 UAH Срок: 5 дней
Добрый день, с макетом и требованиями ознакомился.
На верстку и адаптацию уйдёт 5-6 дней, готов приступить сегодня.
Работать буду с SCSS, по БЭМ,
Бюджет: 5000 UAH Срок: 5 дней
Здравствуйте!
Опыт web-разработки больше 10 лет
С ув. Владимир
Бюджет: 11300 UAH Срок: 8 дней
👋 Здравствуйте, я Рассмотрел дизайн, изучил все требования.
1. Адаптив будет разработан мною без каких-либо библиотек, использую SASS.
2. Будет минимальная вложенность, работаю по БЭМ
3. Показатели pagespeed на пк будут на уровне зеленой зоны, в телефонах минимум оранжевая, но скорее всего тоже зеленая
Остальные все требования рассмотрел - всё будет учтено.
Стоимость верстки будет составлять 11300₴, сроки в 8 дней.
После верстки могу сделать натяжку на ВордПресс через кастомные типы постов для сервисов и докторов. Остальной весь контент также можно будет редактировать.
Стоимость натяжки примерно будет стоить в 6700₴, сроки в 5 дней, но нужно будет подготовить подробное ТЗ для указания точных цен и сроков.
Вот мои последние проекты ⤵️
Интернет журнал и портал новостей на WordPress ⬇️
• https://theworldmag.com
Интернет магазин на WP WooCommerce ⬇️
• https://spartak-futsal.com
Сайт на WP Elementor ⬇️
• http://nerdysoft.com
Tilda ⬇️
• http://alpha10.io
• https://nikita-iarulin.ru/invest-club
Лендинги под ключ на WP ⬇️
• http://yulia-astrolog.ru
• http://aprovita.at
Сайт визитка на WordPress ⤵️
• http://event.kosmetologiya.kharkov.ua
Бюджет: 5000 UAH Срок: 5 дней
Готов сверстать ваш проект обращайтесь, сделаю качественно с полной адаптацией под моб. устройства
Отзывы: Freelancehunt
http://basiahamilton.com
https://www.infomatrixpr.com
https://aliveyogato.com
https://davidrcustin.com
http://www.pmcperformancehorses.com
http://sowahouse.ru
https://christinacosmetics.com.ua/
https://amazingwindowfashions.com/
http://skinappeal.org/
Бюджет: 5000 UAH Срок: 3 дня
Добрый день.
Меня зовут Zaruhi.
Уже 6-ой год увлекаюсь программированием.
Есть множество сертификатов.
JUNIOR FULL - STACK DEVELOPER .
Работы можете найти в портфолио.
Буду рада соотрудничеству с человеком, который знает, что хочет от фрилансера.
Обращайтесь, буду рада помочь.
Спасибо за внимание.
С уважением - Zaruhi.
Бюджет: 5000 UAH Срок: 5 дней
Ознакомился с макетом. Готов приступить.
Вот похожая работа
https://zoltek131.com/Cars/index.html
Бюджет: 5000 UAH Срок: 4 дня
Здравствуйте, готов выполнить вашу задачу, сверстаю быстро, качественно и адаптивно! Чистый кросс браузерный, валидный код гарантирую! Хотелось бы узнать детальнее о проекте. Могу приступать сразу после обсуждения деталей! Пишите, буду рад помочь. Благодарю за внимание, хорошего дня.
Бюджет: 5000 UAH Срок: 3 дня
Здравствуйте Евгений, меня зовут Александр, занимаюсь программированием в частности версткой сайтов с 2018 года и имею опыт в реализации подобного рода задач
Я верстаю с полным адаптивом и кроссбраузерностью, соблюдая все современные технологии, что позволяет моим проектам проходить скорость загрузки по версии Google Page Speed в зеленой зоне, что хорошо сказывается на SEO продвижении.
Готов обсудить задание в личной переписке: Freelancehunt
Примеры моих работ: Freelancehunt
Благодарю за внимание к моей ставке)
Бюджет: 5000 UAH Срок: 10 дней
Добрый день, с макетами и требованиями ознакомился. Адаптировать буду самостоятельно, использую SASS, сверстаю по всем требованиям.
Буду рад выполнить этот проект и дальнейшему сотрудничеству!
Бюджет: 9000 UAH Срок: 10 дней
Добра, Евгений. Готов выполнить данный проект.
Все требования понятны, буду работать по ним. Верстаю с использованием препроцессора SASS и шаблонизатором PUG, сборщик gulp + методология БЭМ.
Вот мои последние проекты:
1. Вёрстка с нуля большого интернет-магазина ювелирных украшений и деревянных изделий братьев Кочут:
https://kochut.org/ru/
2. https://result.cf/rollosvit/page_home.html Сайт с москитными сетками, рафшторами, ролетами. Примечателен анимациями
3. Украинский интернет-магазин с ювелирными украшениями. Вёрстка страницы "Коллекции"
https://minimal.com.ua/ua/jewelry-collection/skazhi-tak/
На связи с 10:00 до 19:00 по мск. Отчёты каждый день
Надеюсь на сотрудничество, с уважением, Виктор.
Бюджет: 5000 UAH Срок: 13 дней
Доброго времени суток, Евгений.
Я ознакомился с задачей по вёрстке 6 страниц и готов приступить к качественному выполнению задачи.
Цена: 7000 грн Срок: 15 дней
Опыт вёрстки таких сайтов имеется
Любые правки во время выполнения задачи бесплатно безо всяких вопросов.
Также в течение недели после сдачи проекта любые правки бесплатные.
Мой сайт-портфолио:
https://web-dev404.github.io/imron-dev/
Похожие работы:
https://web-dev404.github.io/eddies-car/
https://winki.uz/
https://web-dev404.github.io/vklad/
https://web-dev404.github.io/domeo/
https://web-dev404.github.io/window/
Плюсы сотрудничества со мной:
- Отношусь к каждому заказчику индивидуально для того чтобы предоставить лучший способ сверстать сайт.
- Пишу лаконичный код который можно будет легко поддерживать в дальнейшем.
- Всегда довожу дело до конца.
- Не нарушаю сроков
- Всегда на связи
Оплатить можно webmoney, visa и любым удобным для вас способом.
Бюджет: 8500 UAH Срок: 15 дней
Добрый день!
Готов к выполнению сегодня.
В работе используется gulp/scss/flexbox/bem.
Примеры работ в протофолио
Freelancehunt
Бюджет: 5000 UAH Срок: 7 дней
Здравствуйте, готов приступить сейчас же. Можем перейти в лс для обсуждения некоторых деталей.
Занимаюсь веб разработкой более 2х лет.
Имею опыт работы с:
- версткой (адаптив, js/css анимации, зелёная зона Google PageSpeed)
- cms системами (WordPress, OpenCart)
- расширениями chrome и другими веб приложениями.
Примеры работ:
https://splitdev.pro/
https://ensol-ltd.ru/
https://reloft.art/
https://www.figma.com/file/197KTBUAIKhccVU07l9m4H/Наркоцентр?node-id=0%3A1
Немного не понял пункт про самостоятельный адаптив, ведь в макете есть и планшентные и мобильные макеты.
Необходимо сделать верстку по Figma с десктопом, мобильной версией, темной версией, светлой версией, с анимациями там, где это нужно, слайдерами. Также важно реализовать блоки системы компонентов таким образом, чтобы когда мы потом будем переносить это на бэкэнд, мы могли просто продолжить воспроизведение этих блоков. Финальным результатом видим архив, в котором есть HTML-страницы всех страниц, то есть главной категории, страницы, видео и необходимые файлы для работы, включая динамические скрипты, стили и так далее. Сейчас мы верстаем это с контентом, который мы берем прямо из Figma. Но важно, чтобы это потом нам было возможно перенести на бэкэнд.
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
Продолжение проекта. Редизайн и перезапуск сайта стоматологической клиники Brovchak Family Dental Care 0680006609 http://brovchak-clinic.com.ua/ тз от сео-эксперта https://docs.google.com/spreadsheets/d/17_WyPf3XVpzbuBjpJ7MNFs12QUL-aHv7iIbKudY-IEw/edit?gid=0#gid=0 https://miro.com/app/board/uXjVHXxFvIE=/О проекте Необходимо выполнить полный редизайн существующего сайта стоматологической клиники на основе готового прототипа в Miro. Результат должен включать: UI/UX дизайн адаптивную верстку интеграцию на WordPress SEO-безопасный перезапуск техническую оптимизацию настройку аналитики возможность простого самостоятельного редактирования контента Критически важно: сайт должен не просто выглядеть современно, а улучшать бизнес-показатели и не потерять текущие SEO-позиции.Бизнес-цели проекта Редизайн выполняется для: увеличения количества заявок с сайта; повышения конверсии форм записи; усиления доверия к клинике; демонстрации экспертности врачей; презентации сложных клинических случаев; формирования премиального позиционирования; увеличения количества обращений на имплантацию, ортопедию и комплексное лечение.Визуальная концепцияПозиционирование Премиальная авторская стоматология. Не сетевая клиника. Не массовый поток пациентов. Индивидуальный подход, прогнозируемые результаты и сложные клинические решения.Эмоция, которую должен вызывать сайт "Здесь работают не просто стоматологи. Здесь команда экспертов создает долгосрочные и прогнозируемые решения, уделяя внимание каждой детали."Стиль Workshop / Dental Atelier. Авторская стоматология. Премиальный минимализм. Акцент на: микроскопии; навигационной имплантации; цифровом сканировании; гнатологии; сложных реабилитациях. Использовать: большие профессиональные фото врачей; фото врачей во время работы; реальные кейсы пациентов; фото клиники. Минимизировать или полностью исключить: стоковые фото; шаблонные стоматологические изображения; типовые дизайнерские решения сетевых клиник.SEO и перезапуск Критическое требование: Редизайн не должен привести к существенному падению органического трафика. Необходимо: сохранить SEO-структуру сайта; сохранить или корректно перенести URL; настроить 301 редиректы; перенести все метатеги; сохранить индексацию страниц; проверить robots.txt; проверить sitemap.xml; проверить canonical; проверить schema.org; выполнить SEO-аудит до и после запуска.KPI SEO Допустимое падение органического трафика после запуска: не более 10%. Предпочтение отдается исполнителям, которые имеют успешные кейсы SEO-безопасных миграций.UX и конверсия Сайт должен обеспечивать: быстрый доступ к записи на консультацию; понятную структуру услуг; простую навигацию; мобильную удобство; быстрый контакт с клиникой. Предусмотреть: CTA-блоки; формы записи; быстрый звонок; мессенджеры; блоки доверия; видеов отзывы; кейсы лечения.Технические требованияСкорость Google PageSpeed: Desktop — 90+ Mobile — 95+ Core Web Vitals должны соответствовать рекомендациям Google.Оптимизация Необходимо: оптимизировать CSS; оптимизировать JS; настроить кэширование; оптимизировать изображения; использовать WebP; минимизировать сторонние скрипты.Качество кода Важно: чистый код; отсутствие лишних плагинов; использование штатных возможностей WordPress и темы; совместимость с будущими обновлениями WordPress.AI-ассистент (агент) Необходимо предложить решение для внедрения AI-консультанта. Желательный функционал: ответы на типовые вопросы; запись на консультацию; интеграция с Telegram; интеграция с Instagram Direct; интеграция с Facebook Messenger; интеграция с Viber; передача лидов в CRM или администраторам, или в телеграм бот Прошу описать предложенное решение отдельно.Результат работы На выходе необходимо получить: Новый дизайн сайта. Адаптивную верстку. SEO-безопасный запуск. Оптимизированный код. Настроенную аналитику. Инструкцию для администратора. Гарантийное сопровождение после запуска. Реализация AI Search и AI-выдачи В рамках проекта необходимо реализовать отдельный комплекс работ по подготовке сайта к Google AI Overviews, AI Mode, ChatGPT, Gemini, Perplexity, Copilot и другим AI-поисковым системам. К работам входит: Проектирование карты сущностей клиники: организация, филиалы, врачи, услуги, кейсы, статьи, FAQ, видео и цены. Создание логических связей между: врачами и услугами; услугами и кейсами; услугами и FAQ; статьями и авторами; филиалами и доступными направлениями лечения. Реализация структурированных данных JSON-LD: Organization; MedicalClinic / Dentist; LocalBusiness; Person; ProfilePage; Service; MedicalProcedure — где семантически корректно; Article / BlogPosting; VideoObject; FAQPage; BreadcrumbList; WebSite; WebPage; ImageObject. Создание в WordPress структурированных типов контента: услуги; врачи; кейсы; статьи; FAQ; видео; филиалы; цены. Реализация ACF-связей между типами контента и автоматической генерации schema.org из утвержденных полей. Построение FAQ в трех уровнях: FAQ на страницах услуг; отдельные экспертные decision-guide страницы; общий центр вопросов пациентов. Обеспечение доступности основного контента в HTML без зависимости от клиентского JavaScript, изображений или PDF. Реализация авторства медицинского контента: автор; медицинский рецензент; дата публикации; дата обновления; ссылка на профиль врача. Добавление транскриптов к экспертным видео и связывание видео с услугами, врачами и кейсами. Проверка robots.txt, sitemap.xml, canonical, noindex, snippet controls и доступности сайта для поисковых и AI-краулеров. Настройка отслеживания AI-трафика: отдельная channel group в GA4; referrer-источники ChatGPT, Perplexity, Gemini, Copilot, Claude; передача источника в CRM и Telegram-заявки; отчет в Looker Studio; учет self-reported attribution от пациента. Создание базового набора запросов для регулярного мониторинга видимости клиники в AI-выдаче. Проверка структурированных данных через Rich Results Test и Schema Markup Validator. Подготовка инструкции для администратора: как добавлять FAQ; как создавать кейс; как указывать автора; как обновлять дату медицинского обзора; как добавлять видео и транскрипт; как связывать материал с услугой и врачом. другое.
Нужен специалист по Wix для верстки сайта по макету Figma. Есть готовый дизайн сайта в Figma. Нужно качественно реализовать его в Wix, максимально соблюдая макет. Необходимо: перенести дизайн из Figma в Wix; адаптировать все страницы; настроить десктопную и мобильную версии; обеспечить корректное отображение на различных устройствах. Предпочтение отдается исполнителям с опытом работы с Wix. Пожалуйста, отправляйте портфолио с реализованными проектами.
# Нужен верстальщик (WordPress / WooCommerce): карточка товара ## О проекте Действующий интернет-магазин Дизайн уже готов — нужно качественно сверстать и интегрировать карточку товара (single product). - Текущая страница (пример): https://obertshop.com.ua/shop/dysky/audi/r21-audi/disk-r21-na-avto-audi-obr9006/ Верстка шаблона single-product ## Требования - Верстка по макету Figma. - Адаптив: desktop + mobile, корректное отображение в основных браузерах. - Интеграция в существующую тему WooCommerce, чистый и поддерживаемый код. - Результат — рабочая страница на сайте, соответствующая дизайну. ## Что отправить в отклике 1. Портфолио (желательно WordPress / WooCommerce, карточки товаров). 2. Стоимость — предложите удобный формат (фикс за проект или почасовая ставка). 3. Срок в днях. 4. Вопросы по макету и перечень доступов/материалов, которые нужны от нас для старта. Доступ к Figma, сайту и необходимые материалы предоставлю в личных сообщениях после отклика.