Перетворіть наданий дизайн Figma в повністю адаптивний, готовий до виробництва фронтенд для Laravel 1.
# ✅ Технічна специфікація – Figma → Laravel Blade Frontend (з TailwindCSS, Alpine.js, Vite)
### Мета
Перетворити наданий дизайн Figma в повністю адаптивний, готовий до виробництва фронтенд для проекту Laravel 11+.
---
## Технології (Обов'язкові)
* Laravel 11+ (тільки шаблони Blade)
* TailwindCSS 3+
* Alpine.js 3+
* Vite 5+ (плагін Laravel Vite)
* HTML5 / Адаптивна верстка
---
## Обсяг роботи
1. Перетворити всі екрани Figma в шаблони Blade з точністю до пікселя.
2. Реалізувати стилізацію, використовуючи тільки TailwindCSS 3+.
3. Реалізувати невеликі поведінки UI, використовуючи Alpine.js 3+, включаючи:
* випадаючі списки
* модальні вікна
* перемикачі
* мобільне меню
* вкладки / згортаючі блоки
4. Забезпечити повну адаптивність для настільних комп'ютерів, планшетів і мобільних пристроїв.
5. Експортувати та включити всі SVG та зображення з Figma.
6. Використовувати Vite для компіляції та завантаження всіх активів (CSS/JS).
7. Створити часткові/компоненти Blade для повторюваних елементів UI.
8. Дотримуватися дизайну точно так, як надано (відстані, кольори, типографіка).
---
## Результати
* Повний набір адаптивних шаблонів Blade, що відповідають Figma 1:1.
* Повністю застосована стилізація TailwindCSS.
* Інтеракції Alpine.js інтегровані.
* Активи, скомпільовані Vite, підключені та працюють.
* Повторно використовувані часткові/компоненти Blade за потреби.
1. сторінка головна з пошуком
2. сторінка результати пошуку, там де фільтр
3. сторінка профіль фірми + підсторінки.
Додатки 10
-
15 днів24 378 UAH
1632 16 0 1 15 днів24 378 UAHПривіт! Ідеальний вибір стеку. Я щодня працюю з Laravel 11, Tailwind та Alpine.
Мій підхід:
Компонентний: Я створюватиму повторно використовувані Blade компоненти (, ) замість копіювання та вставлення коду. Це робить проект підтримуваним.
Піксельна точність: Я приділяю сувору увагу відстаням та типографії у Figma.
Чистий JS: Вся інтерактивність (модальні вікна, випадаючі списки) буде оброблятися за допомогою Alpine.js (без важкого jQuery).
Vite: Правильна налаштування для HMR та створення активів.
… Оцінка:
Оскільки я будую свою репутацію тут, я пропоную конкурентоспроможну ставку.
Готовий почати негайно. Будь ласка, поділіться посиланням на Figma!
-
40 днів146 266 UAH
246 40 днів146 266 UAHДоброго дня.
Проект виглядає як повноцінний продуктовий інтерфейс SaaS-рівня з великою кількістю станів, таблиць, фільтрів, підсторінок та адаптивних сценаріїв.
За скріншотами вже видно, що це не “3 сторінки”, а десятки унікальних UI-станів, і робота вимагає акуратної компоновки Blade-компонентів, Tailwind-стилів та інтерактивів на Alpine.js.
Щоб коректно оцінити терміни та бюджет, мені потрібен доступ до Figma-макету — скріншоти не дозволяють оцінити вкладеність сторінок, breakpoints, мікровзаємодії та структуру компонентів.
Що я забезпечу:
1:1 реалізацію Figma в Blade-шаблонах;
Tailwind-стилізацію без відхилень;
Alpine.js-інтерактив (модальні, dropdown, tabs, collapsible тощо);
коректну структуру Blade-компонентів;
… адаптив під мобільні/планшети;
Vite-збірку всього проекту.
Після перегляду Figma підготую точну оцінку по етапах (зазвичай розбиваю на Home, Search, Company Profile + підсторінки).
Готовий розпочати після отримання доступу до макету.
-
15 днів24 378 UAH
13013 67 0 15 днів24 378 UAHВітаю! Виконаю ваше завдання швидко і якісно. Перетворю дизайн в готовий сайт на Laravel
Моє портфоліо: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Пишіть, почну сьогодні працювати. Буду радий співпраці з Вами!
-
7 днів24 378 UAH
1328 6 0 7 днів24 378 UAHВітаю!!!
У мене є досвід в таких проєктах, я ФуллСтек розробник і спокійно можу бути як Фронтенд для вас так як мій стек: HTML5, Vite, TailwindCSS, React, Alpine, Blade
Моя ціна: 2000 PLN, термін: 7 днів + правки
Звертайтесь
-
15 днів23 768 UAH
200 15 днів23 768 UAHВітаю Stanisław,
Маю необхідний досвід для цієї роботи.
Наразі відкритий до співпраці.
Звертайтесь, обговоримо деталі та ціни.
==================================================================
Пропоную послуги верстки (HTML/CSS/JS) та інтеграції на WordPress.
Чиста адаптивна верстка, оптимізація, кастомні теми.
-
24 дні109 699 UAH
396 24 дні109 699 UAHДоброго дня!
Мене звуть Олексій, я представляю групу розробників – NC-1.
У нашій команді є спеціаліст (frontend, middle) з необхідним для вас досвідом і знаннями. Стек: Laravel 11+, Blade, TailwindCSS 3+, Alpine.js 3+, Vite 5+, Figma
Що входить у роботу:
Повне відповідність дизайну Figma (pixel-perfect)
Адаптивність під 3 роздільні здатності (десктоп, планшет, мобільний)
Усі інтерактивні елементи на Alpine.js
Оптимізовані SVG та зображення
Чиста структура Blade-шаблонів з компонентами
… Готовність до інтеграції з бекендом Laravel
Кейси: https://1drv.ms/b/c/b7a0d31a9dae1bc5/IQCpK38gmEvWT6F_Cso40Li-AXAKkSs-J67mCwll-C732pw?e=v4VVF5
З повагою,
Олексій М.
-
15 днів24 378 UAH
1542 7 0 15 днів24 378 UAHВітаю! 👋
Я займаюся створенням сучасних та адаптивних сайтів “під ключ” — від дизайну та верстки до запуску і базового SEO.
Працюю з чистим кодом (HTML, CSS, JS) та WordPress, Webflow , підбираю рішення під конкретний проєкт і бюджет.
-Розробка структури та логіки сайту
-Дизайн у сучасному стилі (або за вашим макетом)
-Адаптивна верстка під усі пристрої
-Підключення форм, анімацій, мультимовності
-SEO-оптимізація (title, description, ключові слова)
-Налаштування домену, хостингу
-
15 днів24 378 UAH
1066 7 0 15 днів24 378 UAHДоброго дня!
Готовий взятися за адаптивну верстку за вашим Figma-дизайном під Laravel 11+ (Blade, TailwindCSS, Alpine.js, Vite).
📌 Чому я підходжу для цього проекту:
Вмію верстати точно за макетом (pixel perfect).
Працюю з TailwindCSS 3+, Alpine.js 3+, Vite та Blade.
… Роблю чисту компонентну структуру Blade, щоб код легко підтримувався.
Реалізую інтерактив: випадаючі списки, модалки, таби, аккордеони, мобільне меню.
Готую повністю адаптивну верстку для всіх пристроїв.
SVG-іконки експортуватиму з Figma коректно.
Слідую всім відступам, кольорам і типографіці з макета.
🛠️ Що від вас знадобиться:
Лінк на Figma + короткий список екранів.
Готовий почати одразу після обговорення деталей.
Буду радий виконати проект якісно і в строк!
-
10 днів36 566 UAH
1117 4 0 10 днів36 566 UAHПривіт!
Я перетворю ваш Figma у адаптивний, готовий до виробництва фронтенд, використовуючи Blade, Tailwind та Alpine. Кожен екран буде перетворено на чистий шаблон Blade, і я створю повторно використовувані компоненти для повторюваних частин, щоб майбутні оновлення були простими.
Я підключу Vite для компіляції активів і впевнюся, що модальні вікна, випадаючі списки та перемикачі мобільного меню працюють плавно на всіх розмірах екранів. SVG та зображення будуть експортовані з Figma та оптимізовані для швидкого завантаження.
Одне, що я можу запропонувати, це невеликий файл токенів дизайну Blade, який дозволяє змінювати кольори та відстані в одному місці, щоб коригування бренду або темна тема могли бути виконані за кілька хвилин.
https://oscarstories.com
https://bedtimestory.ai
…
Дякую!
-
15 днів24 378 UAH
202 15 днів24 378 UAHВітаю!
Мене звати Поліна. Я ознайомилась з вашим проектом і він мене дуже зацікавив. Зможу все реалізувати на високому рівні. Зроблю швидко і якісно. вказую 15 днів, але скоріше за все зроблю швидше
-
21 день24 378 UAH
2060 25 0 21 день24 378 UAHДобрий день. Готовий приступити до роботи після обговорення деталей.
Є досвід роботи з blade шаблонами, tailwind 3/4. Також трохи працював з Apline. Неодноразово налаштовував vite. Якщо у Вас вже є starker kit, в мене не буде проблем з його використанням. Верстаю чисто, pixelperfect, адаптивно, кросбраузерно, валідно, надійно, в зеленій зоні goolepagespeed. Використовую сучасні підходи та інструменти.
Пишіть у пп, детальніше обговоримо проєкт.
-
10 днів24 378 UAH
162 10 днів24 378 UAHДоброго дня.
З інтересом ознайомилася з Вашим проектом. Впевнена, що зможу зробити ефективну та якісну роботу, що відповідає Вашим вимогам і очікуванням. Досвід роботи понад 8 років. Готова обговорити деталі та розпочати роботу. Чекаю на Вашу відповідь.
-
7 днів24 378 UAH
242 7 днів24 378 UAHВітаю!
Є команда, працюємо швидко та надійно та якісно
https://smart-hubmvk.com/
Пишить приват, домовимося!
-
21 день24 378 UAH
1856 10 1 21 день24 378 UAHДоброго дня. Зацікавло ваше замовлення. Працюю у веб-розробці більше 10 років, на Laravel пишу більше 6 років. Пишіть у приватні повідомлення для обговорення деталей.
-
7 днів60 944 UAH
12862 4 2 7 днів60 944 UAHШановна команда найму,
Я дуже зацікавлений у вашому проекті з перетворення дизайну Figma в повністю адаптивний фронтенд на Laravel Blade. У мене є великий досвід роботи з Laravel 11+, шаблонами Blade, TailwindCSS, Alpine.js та Vite, і я впевнений, що можу забезпечити реалізацію з точністю до пікселя, яка відповідає дизайну 1:1.
Я спеціалізуюсь на перетворенні макетів Figma в чисті, добре структуровані шаблони Blade, створенні повторно використовуваних компонентів та забезпеченні повної адаптивності на настільних комп'ютерах, планшетах та мобільних пристроях. Я використовую TailwindCSS для точного стилізування та Alpine.js для легких взаємодій з інтерфейсом, таких як випадаючі списки, модальні вікна, мобільні меню та вкладки. Усі ресурси оптимізовані за допомогою Vite для підтримки швидкого часу завантаження та сучасних робочих процесів.
Для вашого проекту я можу надати всі три необхідні сторінки:
1. Головна сторінка з пошуком
2. Сторінка результатів пошуку з фільтрами
… 3. Сторінка профілю компанії з усіма підсторінками
Усі екрани будуть повністю адаптивними, чисто організованими та реалізованими з використанням частин/компонентів Blade, де це необхідно для підтримки.
Я уважний до деталей, надійний і відданий наданню високоякісного, готового до виробництва фронтенд-коду. Я буду радий співпрацювати та розпочати роботу негайно.
Дякую за ваш час і увагу.
З найкращими побажаннями,
-
10 днів24 378 UAH
321 1 10 днів24 378 UAHВітаю.
Я розумію, що ваша мета — перетворити детальний дизайн Figma на повністю адаптивний, готовий до роботи фронтенд Laravel Blade за допомогою TailwindCSS, Alpine.js та Vite. Я переведу кожен екран з ідеальною точністю до пікселя, створю компоненти Blade, які можна використовувати повторно, та реалізую всі необхідні взаємодії інтерфейсу користувача за допомогою легкої логіки Alpine, щоб проект залишався чистим та ефективним. Мій робочий процес забезпечує оптимізовані ресурси, безперебійну адаптивну поведінку на різних пристроях та зручну для підтримки структуру, що відповідає найкращим практикам Laravel 11. Якщо ми будемо співпрацювати, я надам відшліфований, масштабований фронтенд, який відповідатиме вашому дизайну Figma 1:1 та буде готовий до інтеграції з бекендом.
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Розробка простого сайту-каталогу (Чехія)Потрібно створити максимально бюджетний, але повністю функціональний сайт-каталог товарів для чеського ринку. Проєкт короткостроковий (запускається під розпродаж залишків товару), тому в пріоритеті — мінімальна ціна, швидкість реалізації та простота розгортання. Ніяких складних… HTML та CSS верстання, Веб-програмування ∙ 14 годин 54 хвилини тому ∙ 95 ставок |
Редизайн та перезапуск сайту стоматологічної клініки Brovchak Family Dental CareРедизайн та перезапуск сайту стоматологічної клініки Brovchak Family Dental Care 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=/Про… HTML та CSS верстання, Пошукова оптимізація (SEO) ∙ 19 годин 48 хвилин тому ∙ 40 ставок |
Хочу навчитись створювати сайти по Ксго/Кс2Потрібен ментор, який навчить мене створити CS2/CS:GO сервер. Хочу через Discord/Zoom покроково розібрати: хостинг/VPS, server.cfg, карти, плагіни, адмінку, бан-систему, Discord, сайт і статистику. Мова: українська або російська. HTML та CSS верстання, Веб-програмування ∙ 21 година 49 хвилин тому ∙ 10 ставок |
Ищу программиста или вайб кодинг Автоматизация scraping данныхמחפש מתכנת או תומך בקידוד וייב. גירוד נתונים אוטומטי. https://drive.google.com/file/d/1Ogsx2iyahw79sleaDEUwMnSTPHhwF3Nu/view?usp=sharing HTML та CSS верстання, Веб-програмування ∙ 1 день 20 годин тому ∙ 37 ставок |
SCSS HTML JS FIGMA Верстка
1000 UAH
Потрібна верстка шаблону з Figma без dev mode. Гарно структурований SCSS, адаптив на ваш россуд, все по секціях. Якщо використовуєте Claude code це великий +. Потрібно ще на вчора. Вказуйте ціну. Потрібно почати сьогодні і закінчити як швидше (бажано завтра в субботу). НЕ… HTML та CSS верстання ∙ 2 дні 6 годин тому ∙ 81 ставка |