Бюджет: 12000 UAH Срок: 7 дней
Добрый день!
С радостью возьмусь за ваше задание и выполню его быстро и качественно. Есть большой опыт в верстке и фреймворке Laravel. Работал в компании с использованием фреймворка Laravel. Досконально знаю JS. Большинство сайтов у меня написаны на Laravel так что с вашим сайтом проблем не возникнет.
Можем обсудить детали, стоимость и сроки в личных сообщениях. Более подробно о себе расскажу в личной переписке.
Пишите!
Бюджет: 1000 UAH Срок: 2 дня
Добрый день,
Я могу выполнить ваше задание быстро и качественно.
Могу адаптировать ваш сайт под любую ширину экрана, сделать на сайт интерактивность без лишних CDN для оптимизации работы сайта.
Обращайтесь
Бюджет: 1500 UAH Срок: 1 день
Здравствуйте!
Могу аккуратно сверстать мобильную и десктоп‑версии двух секций 1в1 по вашему Figma‑макету, с учётом всех анимаций и скролл‑эффектов. Работаю с Laravel‑проектами, поэтому могу внедрить в существующий код через Blade/отдельный layout без ломки текущей структуры.
По первой секции:
Реализую последовательную смену ракурсов 3D‑машины в точном соответствии с экранами Start 1 → Toner 1 → Toner 2 → Vinyl 1 → Vinyl 2 → Ceramic → Custom → final 3.
Настрою плавные переходы, чтобы анимация выглядела так же, как в макете (по клику/автоплей/скролл — как заложено в дизайне).
По второй секции (Slide 2 + скроллителлинг):
Сделаю «скролл внутри блока» без перехода на следующую секцию: при прокрутке будут плавно меняться слайды Slide2 → Slide 2_1 → Slide 2_3.
Подключу ваше видео как фон для Slide 2_1, синхронизирую смену выделенного текста с логикой скролла.
Для Slide 2_3 реализую анимацию заезда блока снизу, как в макете, с акцентом на демонстрации эффекта плёнки.
Адаптирую всё под мобильные и десктоп‑разрешения, с плавными анимациями и адекватной производительностью.
Готов обсудить детали (по таймингам анимаций, триггерам скролла и форматам 3D/видео) в личных сообщениях, чтобы оценить сроки и бюджет максимально точно.
Бюджет: 9000 UAH Срок: 7 дней
Добрый день!
Ознакомился с макетом в Figma и описанием задачи. Могу выполнить верстку двух секций 1в1 по дизайну с корректной адаптацией под desktop и mobile.
Что реализую:
— плавную смену состояний авто в первой секции (Start → Toner → Vinyl → Ceramic → Custom → Final);
— scroll-storytelling во второй секции с фиксированным блоком, видео фоном и изменением текста при скролле;
— аккуратные и плавные анимации без рывков;
— чистую верстку, удобную для интеграции в Laravel.
Имею опыт в верстке интерактивных секций и адаптивных интерфейсов.
Готов обсудить детали и приступить к работе.
Бюджет: 10000 UAH Срок: 4 дня
Добрый день 👋
Ознакомился с макетом в Figma и описанием задачи. Имею опыт точной верстки 1в1 по дизайну, а также реализации сложных анимаций и скролл-теллинга (плавные переходы внутри секции, фиксация блока, изменение состояний при скролле и т.д.).
По задаче:
Первая секция с 3D-моделью и переключением ракурсов — реализую аккуратно, с корректной адаптацией под мобильную и десктопную версии.
Вторая секция со scroll-tail эффектом, видеофоном и поэтапной сменой контента — также понятная логика, можно сделать плавно и без “дерганий”.
Работаю с чистой версткой + JS (при необходимости GSAP для плавных переходов).
Бюджет: 15000 UAH Срок: 4 дня
Добрый день!
Проект очень интересный, как раз для моего уровня экспертизы. Я специализируюсь на сложной интерактивной верстке и скроллтеллинге, поэтому реализую эти две секции 1в1 с макетом, сохраняя идеальную плавность переходов.
Как я буду реализовывать технические моменты:
Секция 1 (3D ракурсы): Сделаю плавное переключение состояний (ракурсов) машины. Если модель тяжелая — оптимизирую так, чтобы все летало.
Секция 2 (Скроллтеллинг): Использую GSAP ScrollTrigger для создания бесшовного перехода внутри блока. Видео на фоне будет синхронизировано с изменением текста, чтобы создать эффект полного погружения.
Laravel: Без проблем интегрирую верстку в структуру вашего проекта. Код будет чистым, логичным и готовым к посадке на бэкенд.
Гарантирую Pixel-Perfect результат и высокую производительность (Lighthouse будет в зеленой зоне). Готов начать работу сразу после получения 3D модели и видео.
С уважением,
Александр
Бюджет: 12000 UAH Срок: 7 дней
Здравствуйте! Готов обсудить и выполнить ваш заказ.
https://smate1.github.io/ink.design/
https://smate1.github.io/PanterEx/
https://smate1.github.io/stay_safe/
https://smate1.github.io/avg/
Бюджет: 13000 UAH Срок: 7 дней
Добрый день!
Ознакомился с макетом в Figma и описанием задачи. Нужно собрать 1в1 две секции (desktop + mobile) с акцентом на анимацию, смену ракурсов 3D-модели авто и scroll-storytelling внутри блока. Формат понятный: это не просто верстка, а аккуратная реализация интерактивной презентационной секции.
Имею опыт сборки анимационных лендингов и имиджевых блоков с фиксацией секции при скролле, плавными переходами состояний и синхронизацией текста/видео. Работал с проектами на Laravel, поэтому корректно интегрирую верстку в существующую структуру (Blade, компоненты, asset pipeline).
Как вижу реализацию:
Первая секция (Start 1 – Final 3)
— поочередная смена ракурсов 3D-модели;
— управление состояниями через scroll или таймлайн;
— плавные переходы без «дерганий»;
— полная адаптация под mobile (отдельная логика анимации при необходимости).
Вторая секция (Slide2 + scroll-storytelling)
— фиксация блока при скролле;
— плавная смена состояний внутри секции;
— переход к Slide 2_1 с видео-фоном и синхронизацией активного текста;
— анимационный заезд Slide 2_3 снизу с корректной производительностью.
Особое внимание уделю:
производительности (оптимизация анимаций, GPU-acceleration);
корректной работе на мобильных устройствах;
кроссбраузерности;
чистоте кода для дальнейшей поддержки.
Работаю поэтапно: сначала собираю desktop первой секции → согласование → адаптив → затем вторая секция. Это позволяет избежать переделок в финале.
Сроки: 7–12 рабочих дней (зависит от сложности 3D-модели и поведения при скролле).
Стоимость: ориентировочно 12 000 – 18 000 грн. Точнее смогу сказать после уточнения формата 3D (video/sequence/WebGL) и требований к анимации.
Готов обсудить детали и приступить к работе.
Бюджет: 10000 UAH Срок: 10 дней
✔ Сделаю адаптив (mobile + desktop)
✔ Реализую последовательную смену ракурсов 3D-модели (Start 1 – Toner 1 – Toner 2 – Vinyl 1 – Vinyl 2 – Ceramic – Final 3)
✔ Выполню scroll-storytelling во второй секции (Slide2, Slide 2_1 с видео-фоном и изменением текста, плавный переход к Slide 2_3 с анимацией выезда блока снизу)
✔ Плавные анимации без рывков, корректная работа внутри блока
✔ Подготовлю чистую верстку для удобной интеграции в Laravel
Бюджет: 23000 UAH Срок: 8 дней
Здравствуйте.
Ознакомилась с макетом.
Секция 1 — это последовательная смена состояний автомобиля (Start → Toner → Vinyl → Ceramic → Custom → Final) с плавными переходами.
Секция 2 — scroll-storytelling с фиксированным блоком, фоновым видео и переключением текста при прокрутке.
Готова реализовать моб + десктоп 1в1 по макету с плавной анимацией и корректной адаптацией под все устройства.
Перед финальной оценкой нужно уточнить несколько моментов:
1. В каком формате предоставляется 3D модель? (glb / obj / fbx?)
2. Это интерактивная 3D сцена или просто смена материалов/ракурсов?
3. Нужна ли полноценная WebGL логика или достаточно управляемых состояний при скролле?
4. Должна ли анимация на мобильных работать так же, как на десктопе?
5. Есть ли требования по производительности (Lighthouse / скорость загрузки)?
6. Будет ли это интеграция в готовый Laravel-проект (Blade), или отдельная страница?
Предварительно по объёму:
⏳ 6–8 рабочих дней
💰 от 23 000 грн (точная стоимость после уточнения формата 3D)
Готова обсудить детали и предложить оптимальное техническое решение.
Бюджет: 5000 UAH Срок: 2 дня
уже есть похожий прокрут по горизонтали, насколько я понял, пока не прокрутим полностью, не пускаем пользователя дальше вниз
https://webprogressor.com
Бюджет: 17000 UAH Срок: 17 дней
Здравствуйте! Выполню вашу задачу быстро и качественно.
Мое портфолио: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Пишите, начну сегодня работать. Буду рад сотрудничеству с Вами!
Александр Ануфриев
Победившая ставка- Проекты 8
- Оценка 5.0
- Рейтинг 744
Бюджет: 8000 UAH Срок: 5 дней
Здравствуйте!
Готов сверстать моб и десктоп версии 1в1 по вашему макету. Работаю с Laravel, есть опыт интеграции и разработки интерактивных 3D-сцен на Three.js (в том числе смена ракурсов и анимации моделей).
Соберу секции аккуратно по пикселям и адаптивно.
Бюджет: 8000 UAH Срок: 7 дней
Здравствуйте! Меня заинтересовал проект Carpowraps. Я внимательно просмотрел макет в Figma и описание задачи — понимаю технические требования и готов реализовать обе секции «1 в 1», как на макете.
Что я предлагаю:
✅ Первая секция (3D-машина):
— Реализую последовательное отображение ракурсов (Start → Toner → Vinyl → Ceramic → Custom → Final).
— Интегрирую 3D-модель, которую вы предоставите (формат обсудим).
— Обеспечу плавные переходы между состояниями.
✅ Вторая секция (Scrollytelling + видео):
— Реализую плавный скролл-эффект с синхронизацией текста и видео (Slide 2_1).
— Анимация «заезда» элементов снизу (Slide 2_3) с учетом производительности.
— Адаптивная версия для мобильных (без потери визуального эффекта).
✅ Общие гарантии:
— Pixel Perfect верстка из Figma (отступы, шрифты, анимации).
— Полная адаптивность (Mobile, Tablet, Desktop).
— Чистый, структурированный код (BEM), готовый к интеграции с Laravel.
— Оптимизация производительности (Lazy Load для видео, минификация).
Что касается цены и сроков:
Ориентировочная стоимость: 8 000 грн за обе секции.
Ориентировочный срок: 7-14 дней (зависит от скорости предоставления 3D-модели и видео).
Чтобы назвать финальную цену, хочу уточнить:
В каком формате будет 3D-модель? (GLTF, FBX, или это готовый рендер в виде последовательности изображений?)
Есть ли готовое видео для Slide 2_1, или нужна помощь с оптимизацией?
Нужна ли интеграция с Laravel с моей стороны, или только фронтенд-код?
Бюджет: 15000 UAH Срок: 7 дней
Здравствуйте.Есть большой опыт в разработке сайтов.Готов к сотрудничеству
Бюджет: 12000 UAH Срок: 14 дней
Здравствуйте. Есть реальный опыт с Three.js. Интеграция 3D моделей, сделанных в Blender. GSAP timeline+scrollTrigger. Пример могу предоставить в личных сообщениях. Для точной оценки нужно просмотреть 3D-модель. Обращайтесь!
Бюджет: 2000 UAH Срок: 3 дня
Приветствую! Я ознакомился с проектом и готов приступить к работе. Уверен, вы будете довольны результатом.
Бюджет: 16000 UAH Срок: 7 дней
Здравствуйте
Меня зовут Дмитрий, компания King Kong Web
Готовы собрать 2 секции сайта 1в1 по макету из Figma с точным соблюдением анимаций и логики переходов. Есть опыт сложной верстки со скролл-эффектами, 3D-элементами и кастомными анимациями.
Первая секция с машиной в разных ракурсах (Start 1 – Toner 1 – Toner 2 – Vinyl 1 – Vinyl 2 – Ceramic – Custom – Final 3) может быть реализована через поочередную смену сцен/ракурсов с плавными переходами. Если 3D-модель предоставляется, сможем корректно встроить её через Three.js или видео/рендер-последовательность — выберем оптимальный по производительности вариант.
Вторая секция со скроллителлингом (Slide2 → 2_1 → 2_3) реализуется через фиксированный блок с анимацией внутри при скролле (без перехода к следующей секции до завершения сценария). Видео-фон интегрируем корректно с учетом оптимизации и плавной смены текста. Переходы сделаем аккуратными и производительными.
Laravel не проблема — можем встроить в текущий шаблон без нарушения структуры проекта.
Ориентировочная стоимость: 350–500 USD
Сроки: 7–14 рабочих дней
Точная оценка после уточнения формата 3D (реальная модель или видео-последовательность) и проверки текущей верстки проекта.
Готов обсудить детали и приступить.
Бюджет: 12000 UAH Срок: 14 дней
Добрый день. Заинтересовал ваш заказ. Опыт работы в веб-разработке более 10 лет, на Laravel пишу более 6 лет. Пишите в ЛС для обсуждения деталей.
Бюджет: 8000 UAH Срок: 14 дней
Сделаю верстку двух секций сайта в соответствии с предоставленным макетом в Figma, обеспечив 1 в 1 воспроизведение. Первая секция с 3D моделью машины будет реализована со всеми указанными ракурсами, а вторая секция с плавным скроллингом и видео фоном будет интегрирована без сбоев.
Имею опыт в верстке сложных интерфейсов на HTML и CSS, а также в реализации анимационных эффектов. Работал над проектами, которые требовали точности в воспроизведении дизайна, включая адаптивность для мобильных и десктопных версий.
Какие технологии вы планируете использовать для интеграции верстки в Laravel? Есть ли особые требования к оптимизации скорости загрузки?
Предлагаю выполнить работу за 5000 грн с сроками 7 дней.
Ставки скрыты
Ставки пока отсутствуют
Ставки скрыты
Актуальные фриланс-проекты в категории HTML и CSS верстка
Задача Нужно создать стильный адаптивный 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-рассылок, которые вы делали, и укажите, с какими сервисами рассылок работали.
Приветсвую. Необходимо внести некоторые правки на сайте WP с готовой темой на ELEMENTOR. Сайт https://lingualink.pl/ 1. Первый экран вместо картинки внедрить форму заказа, которая сейчас вызывается с кнопки. в результате должно быть как в первом скрине 2. а также добавить блок FAQю примерно вот так как во втором скрине
Необходимо сделать верстку по 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; как создавать кейс; как указывать автора; как обновлять дату медицинского обзора; как добавлять видео и транскрипт; как связывать материал с услугой и врачом. другое.