Качественная адаптивная верстка
Верстку сделал быстро, все правки внес оперативно.
Работа сделана качественно и принято быстро =).
Рекомендую.
Есть макет только для десктоп 1440 ширина макета.
Ищу верстальщика, который:
1. Верстает на БЭМ
2. Грамотно именует классы
3. Умеет самостоятельно делать адаптив
4. Использует svg спрайты или шрифты
5. Пишет оптимизированный код
6. Оптимизирует всю графику
7. Верстает под pixelperfect
Нужно сверстать страницу под десктоп и сделать верстку адаптивной вплоть до ширины 375 пикслей. Ищу человека, который сможет без дизайна мобильной версии самостоятельно продумать адаптив. Нужен тот, кто понимает как сделать меню на мобильной версии. Ищу того, кто будет растягивать и сжимать окно браузера и следить за тем, чтобы на каждом пикселе все четко и красиво отображалось.
Нужен верстальщик с дизайнерским глазом.
Буду проверять верстку на https://developers.google.com/speed/pagespeed/insights/?hl=ru
Должна быть верстка оптимизирована максимально. (75-85 моб / 80-100 десктоп)
Выбираю по принципу соотношении цены/качества.
Бюджет: 3000 UAH Срок: 3 дня
Здравствуйте. Специализируюсь на адаптивной верстке.
Создаю чистый, валидный, компактный и кроссбраузерный код
(scss+gulp, flexbox, оптимизация по google page speed, валидация, настройка форм, анимации и тд).
Работы в портфолио профиля. Буду рад сотрудничеству.
Бюджет: 1700 UAH Срок: 4 дня
Добрый вечер , Владимир.
Верстаю и оптимизирую на сборке GULP.
Верстка по БЭМ на scss.
Буду рад сотрудничать
Бюджет: 2000 UAH Срок: 7 дней
Здравствуйте, Владимир, заинтересовал ваш проект.
Готов взяться за заказ.
Пишите в лс.
Бюджет: 4000 UAH Срок: 7 дней
Сделаю максимально качественно
Являюсь опытным и действующим Fullstack разработчиком - работы в профиле
Понимаю о чем вы пишите в задании
Бюджет: 6000 UAH Срок: 7 дней
Добрый день, Владимир.
Сделаю верстку Вашего проекта согласно Вашего ТЗ.
Примеры моих работ можно посмотреть в профиле или на сайте https://xdev.club
Пишите в лс обсудим детали и сроки выполнения.
Буду рада сотрудничеству.
Бюджет: 7000 UAH Срок: 7 дней
Здравствуйте. Готов помочь, с условиями и макетом полностью ознакомлен. Кропотливо сверстаю. До 7 дней, 7000грн, Сейф.
Бюджет: 2900 UAH Срок: 2 дня
Здравствуйте, Владимир!
Изучил макет и ТЗ
Готов приступить
Обращайтесь
Бюджет: 2000 UAH Срок: 3 дня
Здравствуйте.
Готов выполнить Ваш проект.
Использую html, SCSS, js. Gulp для сборки проекта
Бюджет: 7000 UAH Срок: 7 дней
Добрый день.
Готов сверстать сайт. Опыт в разработке более 5-ти лет.
Проблем не возникнет, сделаю все быстро и качественно.
Напишите в личку, обсудим детали проекта.
Хорошего дня, жду ответа
Бюджет: 2800 UAH Срок: 4 дня
Здравствуйте!
Заинтересовал Ваш проект
От себя предлагаю pixel perfect верстку по Вашему макету; адаптив на своё усмотрение до 375 рх, но в соответствие с Вашей концепцией сайта; оптимизация картинок, шрифтов и проверка на валидаторах; верста на флексах по методологии БЭМ;добавлю спрайты, корректно поработаю с иконками.
Приступить готов сегодня же, сразу после обсуждения деталей и резерва средств. Гарантирую вложиться в сроки.
Проект буду пушить на гитхаб, дам Вам ссылочку для контроля выполнения работы.
С уважением, Евгений!
Бюджет: 2700 UAH Срок: 2 дня
Готов сделать.За дня 2.
Пишите в лс.Обсудим.Гугл спид будет на максимум)
Создаю чистый, валидный, компактный и кроссбраузерный код
(scss+gulp, flexbox,grid,js, оптимизация по google page speed, валидация, настройка форм, анимации и тд).
Бюджет: 2000 UAH Срок: 2 дня
Доброго времени суток. Заинтересовал Ваш проект. Буду рад сотрудничеству...Я пишу кросбраузерный код, который проверяю на валидность, так же работаю над оптимизацией сделаного мной сайта. При верстке использую свою сборку Gulp и работаю по методолгоии BEM с использованием технологии SCSS. 3 года в FrontEnd разработке.
Мое резюме по ссылке на GitHub
https://nike95.github.io/
Некоторые работы:
https://nike95.github.io/fishrest/
https://nike95.github.io/antana/
https://nike95.github.io/tritium/
Готов приступить прямо сейчас, и сделать скидку, так как хочу наработать рейтинг на этой бирже.
Бюджет: 2500 UAH Срок: 3 дня
Добрый день готов выполнить верстку .
Работаю с #html #css #sass #jquery #psd #figma #bootstrap3-4 #flex #bem.
Работы которые я выполнил последними прикрепляю.
https://leznik.000webhostapp.com/vania/
https://leznik.000webhostapp.com/resurection/main.html
Я на связи 24-7 на даной площядке пишите буду рад сотрудничеству.
Freelancehunt
Бюджет: 2500 UAH Срок: 4 дня
У вас будет:
- Верстка pixel perfect (Полное соответствие макету)
- Кроссбраузерный и валидный код (Одинаково выглядеть во всех браузерах и устройствах)
- Быстрая скорость загрузки
Вот примеры моих работ:
https://st-partnership.com.ua/
https://www.scpravo.dp.ua/
https://annaroko.cz/
Бюджет: 7000 UAH Срок: 3 дня
Здравствуйте. Могу сегодня приступить к выполнению проекта.
Качественная чистая адаптивная верстка с помощью sass+gulp, валидацией, кроссбраузерностью, настройкой форм. Без бутстрапа(с помощью FlexBox)
Дополнительно возможна посадка на Wordpress верстки на чистом шаблоне. Редактирование всего контента с помощью дополнительных полей(плагин ACF PRO) и дополнительных типов постов.
https://germanua.com/
https://skarb-statok.com/
https://vitak-group.ru/
https://vismadesign.com.ua/
https://teslar.kiev.ua/
Работы в портфолио профиля. По необходимости предоставлю более полное портфолио.
Обращайтесь
Бюджет: 1500 UAH Срок: 3 дня
Здравствуйте.
Ознакомился со скрином макета и готов приступить к выполнению задачи и сделать качественную и надежную верстку.
Похожие работы:
https://nikrogalskiy.github.io/zavorotnyuk/
https://nikrogalskiy.github.io/luxdecor/
https://nikrogalskiy.github.io/Touristo/
https://nikrogalskiy.github.io/PrimeOne/
Бюджет: 3600 UAH Срок: 4 дня
Здравствуйте!
Работу сделаю качественно и в срок. При верстке использую сборку gulp, препроцессор sass/scss, pug. Использую svg спрайты. Создаю динамику элементов с использованием JavaScript, jquery. Верстка по методологии БЭМ. Верстку проверяю на пиксель перфект. Могу сделать адаптив любой страницы исходя из пк-макета.
Если вам нужна кроссбраузерная, валидная, адаптивная, без ошибок в консоли , pagespeed 90+ , обращайтесь! Результатом будете довольны :)
Портфолио http://m99935yr.beget.tech/portfolio
С уважение, Ольга.
Бюджет: 2000 UAH Срок: 2 дня
Владимир! Предлагаю Вам свои услуги по верстке.
Предполагаемый стек по Вашему заданию:
- Pixel Perfect 1440рх
- Адаптивная сетка Bootstrap 4
- Грамотный и логически осмысленный нейминг блоков, в том числе исходя из методологии БЭМ
- SVG & Font Awesome
- Оптимизация по сервису Google Pge Speed Insights
Приступить готов сразу. С уважением, Андрей
Бюджет: 2000 UAH Срок: 2 дня
Здравствуйте Владимир!
Меня зовут Алексей, занимаюсь программированием, имею большой опыт в реализации подобного рода задач.
Могу приступить к работе прямо сейчас.
Если позволяют задачи вашего проекта, то НЕ использую jQuery, только нативный JS, что значительно ускоряет работа сайта.
Верстаю на FlexBox, Grid. Использую Gulp, SCSS. Код понятно комментируемый. Картинки минифицированы и сделаны под .webp. Svg иконки в виде sprite.svg. Есть интересное решение к по анимации плавающему хедер при скролле и многое другое.
Гарантирую вам качественную верстку по БЭМ, верстка будет адаптивной, кроссбраузерной. Дам гарантию на верстку, все правки согласно ТЗ, вношу бесплатно.
Работаю до полного утверждения, вношу правки даже после сдачи проекта. Также могу сопровождать проект в дальнейшем, вносить любые правки и доработки на договорных условиях.
Мой сайт портфолио: http://almakian.ru/
Работы: https://surf.almakian.ru/
https://type.almakian.ru/
http://green.almakian.ru/
http://vicing.almakian.ru/
Бюджет: 1400 UAH Срок: 4 дня
Добрый день!
Сверстаю за 2-3 дня, + время на проверку нет ли ошибок.
Верстаю на Gulp, SCSS, FlexBox, БЭМ.
Адаптирую Вашу ПК версии под планшетную и мобильную с помощью Флексов. Это вообще проблема)
Слежу за тем, что бы верстка была:
- кросбраузерная
- адаптивная
- понятная и читсая
- и не ломалась!
Бюджет: 2000 UAH Срок: 5 дней
Добрый день!
Готов к выполнению сейчас. Все выполню по вашим требованиям.
В работе используется gulp/scss/bem.
Примеры работ в протофолио Freelancehunt
Бюджет: 2500 UAH Срок: 2 дня
Добрый день, готов взяться за ваш заказ.
Примеры моих работ (с натяжкой на вордпресс)
https://pubgpxcb.preview.infomaniak.website/giga/
https://ecofoods.pro/
Бюджет: 2500 UAH Срок: 4 дня
Добрый день, Владимир! Готов заняться версткой вашей страницы! Мой опыт работы более года, в работе использую gulp, sass, jquery, верстаю по БЭМ. Ознакомился с вашим ТЗ, выполню работу согласно вашим требованиям, буду рад сотрудничеству. Предлагаю обговорить детали в лс и приступить к работе!
Бюджет: 2800 UAH Срок: 3 дня
Здравствуйте
Готова выполнить верстку
Напишите в личные сообщения - обсудим детали
Бюджет: 2000 UAH Срок: 2 дня
Здравствуйте! Занимаюсь версткой сайтов более 10 лет.
Есть большой опыт верстки разных проэктов.
Верстаю адаптивно под все разрешения екранов, кроссбраузерно.
Верстаю:
- flexbox
- bootsrtap
- LESS/SCSS
всплывающие окна (popups) - fancybox
слайдеры - slick slider
галереи - fancybox + slick slider
комментирую код, отбиваю табами
google pagespeed 90+
последняя работа:
http://test2.familyfood.net.ua/
http://test2.familyfood.net.ua/products.html
А в чём сложности проверять РР? Наложил картинку поверх сайта и смотришь)
Владимир, здравствуйте! По Вашему описанию Pixel Perfect возможен только под 1440, так как других макетов просто нет. Также, если адаптацию делать самостоятельно, возможны некоторый незначительные расхождения с макетом в плане величины шрифтов и отступов. Вы принимали это во внимание? Подходит ли Вам это?
Не так уж и сложно, однако вы совершенно справедливо уточняете этот момент. Потому что так называем PP делает только по каким то ключевым разрешениям при наличии макета на эти самые разрешения. О каком PP может идти речь, если дается только десктоп?
Да нет, тут немного не так PP возможен именно на 1440 на 1920, 1600 - это будет выглядеть немного по другому. То есть если взять 2 скрина и наложить друг на друга - разница будет ощутимая. Но я соглашусь с Вами, чтобы сделать пикс перфект под все разрешения, то и дизайн- макет должен быть соответствующий. Кто возьмется отрисовать такой дизайн? Сколько это будет стоить?) То есть я хочу сказать, что если мы подразумеваем это требование касаемо всех разрешений + сжатие экрана под нестандартные экраны, (например много людей, которые юзают нетбуки старого образца, так там с мониторами каша полнейшая), соответственно нам и макет нужен именно такой. Но я таких макетов еще не видел...
Давайте сделаем небольшое отступление и определимся с термином Pixel Perfect - это берется скрин верстки и скрин макета и они обязаны совпасть друг с другом. Допускаются отклонения в полпикселя, хотя это уже много. НО! Чтобы предъявить такое требования, у нас, повторюсь, должен быть на руках соответствующий макет. В котором отрисованы не только ВСЕ разрешения, но также есть гайдлайн по, практически, каждому элементу.
Исходя из практики в подобных заказах есть лишь требование, но макета нет.
Обращаясь к заказчику, скажу следующее: не примите это как за грубость или оскорбление лично Вас, как заказчика с моей стороны. Я лишь обозначил моменты, которые могут стать камнем преткновения между Вами и исполнителем.
Допускаются отклонения в полпикселя, хотя это уже много.
А отклонение в полпикселя это как, если учесть что пиксель у нас минимальная величина?
Кстати вот неплохая претензия на пиксель перфект https://freelancehunt.com/project/adaptivnaya-verstka-pixel-perfect/869547.html
Развели дискуссию)) заказчик хочет РР на 1440 и выше, что вполне реально. А ниже - адаптив на ваше усмотрение и все. Не обязательно ведь дизайн для контрольных точек рисовать.
ну попробуйте отверстать на 1440 РР, потом наложите это на 1600 и 1920 и посмотрите расхождения по макету.
Есть воронка продаж для интернет магазина который мы хотим повторить у себя Выглядит она вот так Основной лендинг (товар который основной в продаже например рубашка ) Потом страница чек аут (где человек вводит свои данные и выбирает сколько например рубашек он хочет купить) Потом он идет дальше по воронке и ему предлагают допродажу 1 (носки) + потом допродажу 2 (трусы) и финал страница спасибо Как это должно работать в плане перехода по страницам и логике вы можете посмотреть здесь (нужно дойти до конца до страницы спасибо)https://3plus3.heroman.com.ua/standard/ У нас есть примеры страниц которые мы хотим сделать у себя То есть для нас по сути мы скопируем дизайн - верстаем - заполняем под наш товар Страницы с допродажами будут такие же по дизайну и структуре как в сайте что кинул выше (трусы) Вам заполнять не надо будет страницы инфой только собрать скелет - чтобы заявка правильно приходила Также придумывать структуру тоже не нужно страницы От вас по сути Скопировать и сверстать Настроить чтобы технически правильно работало Показать как с этим работать чтобы могли сами это делать Есть 2 конструктора сайтов на примете, с 1 плотно работаем сейчас и нужно понять можно ли на нем такое развернуть (но я читал в гпт можно)
Задача Нужно создать стильный адаптивный email-шаблон по предоставленному тексту и подготовить его для загрузки в сервис email-рассылок. Что нужно сделать Разработать дизайн email. Сверстать адаптивный HTML email. Вставить предоставленный текст. Подготовить блоки под изображения и иконки. Добавить CTA-кнопки. Подготовить ссылки с UTM-метками. Сделать plain-text version письма. Проверить отображение в основных email-клиентах. Подготовить финальный файл для загрузки в сервис рассылки. Требования к дизайну Нужен чистый, современный, premium-style email. Письмо должно быть легко читаемым, не перегруженным, с понятной структурой, короткими текстовыми блоками, визуальными акцентами и несколькими CTA-кнопками. Технические требования адаптивная HTML email-верстка; корректное отображение на desktop и mobile; table-based layout; ширина контейнера примерно 600–700 px; inline CSS / email-compatible CSS; кнопки должны быть HTML/CSS, не картинками; все важные данные должны быть HTML-текстом; изображения должны иметь alt text; без JavaScript; без форм внутри email; корректная работа ссылок; подготовка UTM-меток для CTA. Проверка Нужно проверить отображение минимум в: Gmail; Apple Mail; Outlook; мобильных email-клиентах. На выходе нужно получить Готовый HTML-файл email. Plain-text version. Preview или screenshots desktop/mobile. Инструкцию, где менять ссылки, текст и изображения. Файл/версию, готовую для загрузки в сервис рассылки. В отклике, пожалуйста, приложите примеры HTML email-рассылок, которые вы делали, и укажите, с какими сервисами рассылок работали.
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. Пожалуйста, отправляйте портфолио с реализованными проектами.