Верстальщик
Привіт, шукаю верстальника, щоб зібрати мобільну та десктопну версії 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)
Готова обговорити деталі та запропонувати оптимальне технічне рішення.
Спеціалізуюсь на верстці та доопрацюванні сайтів на WordPress і OpenCart. Допоможу виправити помилки або реалізувати необхідний функціонал. Працюю уважно до деталей та завжди на зв’язку. -
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/відео) в особистих повідомленнях, щоб оцінити терміни та бюджет максимально точно.
-
291 Добрий день!
Ознайомився з макетом у 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-ускорення);
коректній роботі на мобільних пристроях;
кросбраузерності;
чистоті коду для подальшої підтримки.
Працюю поетапно: спочатку збираю 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
-
8495 38 0 1 вже є схожий прокрут по горизонталі на скільки зрозумів поки не прокрутимо повністю не пускаємо користувача далі вниз
https://webprogressor.com
-
9897 67 0 Вітаю! Виконаю ваше завдання швидко і якісно.
Моє портфоліо: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Пишіть, почну сьогодні працювати. Буду радий співпраці з Вами!
-
1265 11 0 Доброго дня!
З радістю візьмуся за ваше завдання і виконаю його швидко та якісно. Є великий досвід у верстці та фреймворку Laravel. Працював у компанії з використанням фреймворку Laravel. Досконало знаю JS. Більшість сайтів у мене написані на Laravel, тож з вашим сайтом проблем не виникне.
Можемо обговорити деталі, вартість та терміни в особистих повідомленнях. Більш детально про себе розповім у особистій переписці.
Пишіть!
-
744 8 0 Доброго дня!
Готовий сверстати мобільну та десктопну версії 1в1 за вашим макетом. Працюю з Laravel, маю досвід інтеграції та розробки інтерактивних 3D-сцен на Three.js (в тому числі зміна ракурсів та анімації моделей).
Зберу секції акуратно по пікселях та адаптивно.
-
970 6 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 з мого боку, чи тільки фронтенд-код?
-
93973 1266 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 (реальна модель або відео-послідовність) та перевірки поточної верстки проєкту.
…
Готовий обговорити деталі та розпочати.
-
650 5 0 Доброго дня,
Я можу виконати ваше завдання швидко та якісно.
Можу адаптувати ваш сайт під будь-яку ширину екрану, зробити на сайт інтерактивність без зайвих CDN для оптимізації роботи сайту.
Звертайтеся
-
1856 10 1 Доброго дня. Зацікавив ваш замовлення. Досвід роботи у веб-розробці більше 10 років, на Laravel пишу більше 6 років. Пишіть в ЛС для обговорення деталей.
-
1280 7 1 Зроблю верстку двох секцій сайту відповідно до наданого макету в Figma, забезпечивши 1 в 1 відтворення. Перша секція з 3D моделлю машини буде реалізована з усіма зазначеними ракурсами, а друга секція з плавним скролітейлом та відео фоном буде інтегрована без збоїв.
Маю досвід у верстці складних інтерфейсів на HTML та CSS, а також у реалізації анімаційних ефектів. Працював над проектами, що вимагали точності у відтворенні дизайну, включаючи адаптивність для мобільних та десктопних версій.
Які технології ви плануєте використовувати для інтеграції верстки в Laravel? Чи є особливі вимоги до оптимізації швидкості завантаження?
Пропоную виконати роботу за 5000 грн з термінами 7 днів.
-
Здравствуйте, в каком формате 3D модель автомобиля?
-
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Доопрацювання сайту Bropack на WordPress (виправлення верстки, налаштування форм та SEO)Опис завдання:Шукаємо досвідченого WordPress-розробника/верстальника для оперативного завершення проекту https://bropack.com.ua/. Сайт вже сверстан і посажений на WordPress, але у зв'язку зі зривом термінів попереднім виконавцем, необхідно закрити технічну частину, налаштувати… HTML та CSS верстання, PHP ∙ 4 години 24 хвилини тому ∙ 15 ставок |
Інтернет-магазину одягуПотрібен розробник для інтернет-магазину одягу Шукаю досвідченого розробника для створення повноцінного інтернет-магазину одягу з дроп-моделлю продажу. Що потрібно зробити: 6 сторінок: головна, товар, кошик, оформлення, акаунт, адмін панель Вхід через Google акаунт Кошик і… HTML та CSS верстання, Javascript та Typescript ∙ 1 день тому ∙ 78 ставок |
Комплексне доопрацювання WooCommerce-магазину (UX, адаптивність, функціонал)Потрібно завершити розробку інтернет-магазину на WordPress (WooCommerce). Поточний сайт: https://lerise.com.ua/ Референс по рівню функціоналу та зручності користування: https://katysoho.com.ua/Важливо Кардинально змінювати дизайн сайту не потрібно. Основний акцент - на… CMS, HTML та CSS верстання ∙ 2 дні 18 годин тому ∙ 38 ставок |
Сайт для весільних фотографів під ключ: дизайн + текст + запускШукаємо спеціаліста (або студію) для створення сайту-портфоліо під ключ - повний цикл від концепції до публікації. Хочемо мінімум участі з нашого боку: ви берете завдання і доводите до готового результату. Що входить у роботу «під ключ»: • Дизайн у стилі premium / editorial /… HTML та CSS верстання, Дизайн сайтів ∙ 3 дні тому ∙ 114 ставок |
Шукаємо веб-дизайнера / верстальника на WordPress (конструктор Divi)https://annalecat.com/corporate-training/ Що треба зробити:У нас є одна сторінка на сайті, яка зараз виглядає погано. Треба переробити її дизайн і заверстати так, щоб вона виглядала красиво, сучасно та акуратно. Що ми вже маємо для роботи: Текст: Повністю готовий і розбитий… HTML та CSS верстання, Дизайн сайтів ∙ 4 дні 21 година тому ∙ 37 ставок |