Верстальщик
8000 UAHЗдравствуйте, ищу верстальщика собрать моб и десктоп 2х секций сайта. Нужно собрать 1в1
3D модель машины выдам исполнителю.
Вот макет https://www.figma.com/design/LwFk9hRKvLnilbEgJ2VzC2/carpowraps-2?node-id=52-839&m=dev
Сайт на Laravel если нужна эта информация.
Первая секция это маишна в разных ракурсах идет в макетн по очереди
Названия экранов
Start 1 - Toner 1 - Toner 2 - Vinyl 1 - Vinyl 2 - Ceramic - Custom - final 3
Вторая секция
Slide2 дальше идет скролитейлинг(При скроле плавный переход внутри блока без прокрутке на след)
переход при скроле в Slide 2_1 фон это видео, Я видео пришлю исполнителю, там показывается со стороны водителя и переключатся выделенный текст с чем сталкиваются водитель, а видео это демонстрирует.
Переход на Slide 2_3 заезжает снизу демонстриря что все что было ничего не влялет на машину благодаря пленке.
Напишите реальную стоимость, и сроки.
Отзыв заказчика о сотрудничестве с Александром Ануфриевым
ВерстальщикСупер, мне очень понравилось сотрудничество и общение. Всегда на связи, правки вносились абсолютно спокойно. Прям Топ специалист.
Отзыв фрилансера о сотрудничестве с Игорем Мельницким
ВерстальщикОТличный клиент, понравлилось сотрудничество, было предоставленно четкое и конкрентое тз
-
Здравствуйте.
Ознакомилась с макетом.
Секция 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)
Готова обсудить детали и предложить оптимальное техническое решение.
-
Добрый день,
Я могу выполнить ваше задание быстро и качественно.
Могу адаптировать ваш сайт под любую ширину экрана, сделать на сайт интерактивность без лишних CDN для оптимизации работы сайта.
Обращайтесь
-
Сделаю верстку двух секций сайта в соответствии с предоставленным макетом в Figma, обеспечив 1 в 1 воспроизведение. Первая секция с 3D моделью машины будет реализована со всеми указанными ракурсами, а вторая секция с плавным скроллингом и видео фоном будет интегрирована без сбоев.
Имею опыт в верстке сложных интерфейсов на HTML и CSS, а также в реализации анимационных эффектов. Работал над проектами, которые требовали точности в воспроизведении дизайна, включая адаптивность для мобильных и десктопных версий.
Какие технологии вы планируете использовать для интеграции верстки в Laravel? Есть ли особые требования к оптимизации скорости загрузки?
Предлагаю выполнить работу за 5000 грн с сроками 7 дней.
-
265 Здравствуйте!
Могу аккуратно сверстать мобильную и десктоп‑версии двух секций 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/видео) в личных сообщениях, чтобы оценить сроки и бюджет максимально точно.
-
315 Добрый день!
Ознакомился с макетом в Figma и описанием задачи. Могу выполнить верстку двух секций 1в1 по дизайну с корректной адаптацией под desktop и mobile.
Что реализую:
— плавную смену состояний авто в первой секции (Start → Toner → Vinyl → Ceramic → Custom → Final);
— scroll-storytelling во второй секции с фиксированным блоком, видео фоном и изменением текста при скролле;
— аккуратные и плавные анимации без рывков;
— чистую верстку, удобную для интеграции в Laravel.
…
Имею опыт в верстке интерактивных секций и адаптивных интерфейсов.
Готов обсудить детали и приступить к работе.
-
721 5 0 Добрый день 👋
Ознакомился с макетом в Figma и описанием задачи. Имею опыт точной верстки 1в1 по дизайну, а также реализации сложных анимаций и скролл-теллинга (плавные переходы внутри секции, фиксация блока, изменение состояний при скролле и т.д.).
По задаче:
Первая секция с 3D-моделью и переключением ракурсов — реализую аккуратно, с корректной адаптацией под мобильную и десктопную версии.
Вторая секция со scroll-tail эффектом, видеофоном и поэтапной сменой контента — также понятная логика, можно сделать плавно и без “дерганий”.
…
Работаю с чистой версткой + JS (при необходимости GSAP для плавных переходов).
-
360 1 0 Добрый день!
Проект очень интересный, как раз для моего уровня экспертизы. Я специализируюсь на сложной интерактивной верстке и скроллтеллинге, поэтому реализую эти две секции 1в1 с макетом, сохраняя идеальную плавность переходов.
Как я буду реализовывать технические моменты:
Секция 1 (3D ракурсы): Сделаю плавное переключение состояний (ракурсов) машины. Если модель тяжелая — оптимизирую так, чтобы все летало.
Секция 2 (Скроллтеллинг): Использую GSAP ScrollTrigger для создания бесшовного перехода внутри блока. Видео на фоне будет синхронизировано с изменением текста, чтобы создать эффект полного погружения.
…
Laravel: Без проблем интегрирую верстку в структуру вашего проекта. Код будет чистым, логичным и готовым к посадке на бэкенд.
Гарантирую Pixel-Perfect результат и высокую производительность (Lighthouse будет в зеленой зоне). Готов начать работу сразу после получения 3D модели и видео.
С уважением,
Александр
-
475 2 0 Здравствуйте! Готов обсудить и выполнить ваш заказ.
https://smate1.github.io/ink.design/
https://smate1.github.io/PanterEx/
https://smate1.github.io/stay_safe/
https://smate1.github.io/avg/
-
283 1 0 Добрый день!
Ознакомился с макетом в 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) и требований к анимации.
Готов обсудить детали и приступить к работе.
-
79 ✔ Сделаю адаптив (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
-
8103 38 0 1 уже есть похожий прокрут по горизонтали, насколько я понял, пока не прокрутим полностью, не пускаем пользователя дальше вниз
https://webprogressor.com
-
12912 67 0 Здравствуйте! Выполню вашу задачу быстро и качественно.
Мое портфолио: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Пишите, начну сегодня работать. Буду рад сотрудничеству с Вами!
-
1240 11 0 Добрый день!
С радостью возьмусь за ваше задание и выполню его быстро и качественно. Есть большой опыт в верстке и фреймворке Laravel. Работал в компании с использованием фреймворка Laravel. Досконально знаю JS. Большинство сайтов у меня написаны на Laravel так что с вашим сайтом проблем не возникнет.
Можем обсудить детали, стоимость и сроки в личных сообщениях. Более подробно о себе расскажу в личной переписке.
Пишите!
-
744 8 0 Здравствуйте!
Готов сверстать моб и десктоп версии 1в1 по вашему макету. Работаю с Laravel, есть опыт интеграции и разработки интерактивных 3D-сцен на Three.js (в том числе смена ракурсов и анимации моделей).
Соберу секции аккуратно по пикселям и адаптивно.
-
1066 7 0 Здравствуйте! Меня заинтересовал проект 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 с моей стороны, или только фронтенд-код?
-
96304 1273 1 10 Здравствуйте.Есть большой опыт в разработке сайтов.Готов к сотрудничеству
-
383 18 0 Здравствуйте. Есть реальный опыт с Three.js. Интеграция 3D моделей, сделанных в Blender. GSAP timeline+scrollTrigger. Пример могу предоставить в личных сообщениях. Для точной оценки нужно просмотреть 3D-модель. Обращайтесь!
-
726 9 1 Приветствую! Я ознакомился с проектом и готов приступить к работе. Уверен, вы будете довольны результатом.
-
976 4 0 Здравствуйте
Меня зовут Дмитрий, компания 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 (реальная модель или видео-последовательность) и проверки текущей верстки проекта.
…
Готов обсудить детали и приступить.
-
1844 10 1 Добрый день. Заинтересовал ваш заказ. Опыт работы в веб-разработке более 10 лет, на Laravel пишу более 6 лет. Пишите в ЛС для обсуждения деталей.
-
Здравствуйте, в каком формате 3D модель автомобиля?
-
Актуальные фриланс-проекты в категории HTML и CSS верстка
Фронтенд разработка и UI/UX + CMSЧто нужно сделать: Front-end разработка и UI/UX реализация Адаптивная HTML/CSS верстка согласно утвержденному дизайн-макету. Настройка интерактивных элементов интерфейса (микроанимации, hover-эффекты, плавные переходы). Обеспечение кроссбраузерности и полной мобильной… HTML и CSS верстка ∙ 1 час 44 минуты назад ∙ 37 ставок |
Перенос сайта на Shopify
1123 UAH
Нужно перенести текущий сайт jdfurniture.uk с OpenCart на платформу Shopify. Сейчас сайт на OpenCart в целом нас устраивает по структуре и логике работы. Основная причина переноса — проблемы с платежными системами. На Shopify таких проблем быть не должно. Также для нас важно,… HTML и CSS верстка, Веб-программирование ∙ 15 часов 44 минуты назад ∙ 28 ставок |
Перенос дизайна на WordPress
2000 UAH
Добрый день! Необходимо перенести готовый дизайн одностраничного лендинга на WordPress. Макет полностью готов (Figma), дизайн разрабатывать не нужно. Необходимо качественно сверстать страницу, адаптировать под мобильные устройства и настроить её на WordPress. Пожалуйста, в… HTML и CSS верстка ∙ 21 час 30 минут назад ∙ 97 ставок |
Вывести посты из Инстаграма на сайт (опенкарт)
700 UAH
Здравствуйте. Нужно настроить функционал, чтобы на сайте (OpenCart) отображался блок с постами Instagram. Отзовитесь, кто делал и знает как ) Спасибо ) По стоимости договоримся, не знаю, сколько это стоит. HTML и CSS верстка, Веб-программирование ∙ 1 день 1 час назад ∙ 46 ставок |
Лендинг для школы английского
13 500 UAH
Ищем дизайнера + верстальщика лендинга (Wix / WordPress / Weblium) Привет! Ищем исполнителя на дизайн и верстку лендинга курса английского языка. Что нужно: — дизайн и верстка лендинга на 12 блоков; — две страницы оплаты: успешная / неуспешная; — адаптив под мобильные; —… HTML и CSS верстка, Дизайн интерфейсов (UI/UX) ∙ 1 день 3 часа назад ∙ 127 ставок |