Преобразуйте предоставленный дизайн 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 213 UAH
1632 16 0 1 15 дней24 213 UAHЗдравствуйте! Отличный выбор стека. Я ежедневно работаю с Laravel 11, Tailwind и Alpine.
Мой подход:
Компонентный: Я создам переиспользуемые Blade-компоненты (, ) вместо копирования и вставки кода. Это делает проект поддерживаемым.
Пиксельная точность: Я строго следую за отступами и типографикой в Figma.
Чистый JS: Вся интерактивность (модальные окна, выпадающие списки) будет обрабатываться с помощью Alpine.js (без тяжелого jQuery).
Vite: Правильная настройка для HMR и сборки активов.
… Оценка:
Поскольку я строю свою репутацию здесь, я предлагаю конкурентоспособную ставку.
Готов начать немедленно. Пожалуйста, поделитесь ссылкой на Figma!
-
40 дней145 277 UAH
246 40 дней145 277 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 213 UAH
9888 67 0 15 дней24 213 UAHЗдравствуйте! Выполню вашу задачу быстро и качественно. Превращу дизайн в готовый сайт на Laravel
Мое портфолио: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Пишите, начну сегодня работать. Буду рад сотрудничеству с Вами!
-
7 дней24 213 UAH
1328 6 0 7 дней24 213 UAHЗдравствуйте!!!
У меня есть опыт в таких проектах, я ФуллСтек разработчик и спокойно могу быть как Фронтенд для вас так как мой стек: HTML5, Vite, TailwindCSS, React, Alpine, Blade
Моя цена: 2000 PLN, срок: 7 дней + правки
Обращайтесь
-
15 дней23 607 UAH
200 15 дней23 607 UAHЗдравствуйте, Stanisław,
У меня есть необходимый опыт для этой работы.
В настоящее время открыт для сотрудничества.
Обращайтесь, обсудим детали и цены.
==================================================================
Предлагаю услуги верстки (HTML/CSS/JS) и интеграции на WordPress.
Чистая адаптивная верстка, оптимизация, кастомные темы.
-
24 дня108 958 UAH
396 24 дня108 958 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 213 UAH
1542 7 0 15 дней24 213 UAHЗдравствуйте! 👋
Я занимаюсь созданием современных и адаптивных сайтов "под ключ" — от дизайна и верстки до запуска и базового SEO.
Работаю с чистым кодом (HTML, CSS, JS) и WordPress, Webflow, подбираю решения под конкретный проект и бюджет.
- Разработка структуры и логики сайта
- Дизайн в современном стиле (или по вашему макету)
- Адаптивная верстка под все устройства
- Подключение форм, анимаций, мультиязычности
- SEO-оптимизация (title, description, ключевые слова)
- Настройка домена, хостинга
-
15 дней24 213 UAH
1088 7 0 15 дней24 213 UAHЗдравствуйте!
Готов взяться за адаптивную верстку по вашему Figma-дизайну под Laravel 11+ (Blade, TailwindCSS, Alpine.js, Vite).
📌 Почему я подойду для этого проекта:
Умею верстать точно по макету (pixel perfect).
Работаю с TailwindCSS 3+, Alpine.js 3+, Vite и Blade.
… Делаю чистую компонентную структуру Blade, чтобы код легко поддерживался.
Реализую интерактив: выпадающие списки, модалки, табы, аккордеоны, мобильное меню.
Готовлю полностью адаптивную верстку для всех устройств.
SVG-иконки экспортирую из Figma корректно.
Следую всем отступам, цветам и типографике из макета.
🛠️ Что от вас потребуется:
Линк на Figma + короткий список экранов.
Готов начать сразу после обсуждения деталей.
Буду рад выполнить проект качественно и в срок!
-
10 дней36 319 UAH
1117 4 0 10 дней36 319 UAHПривет!
Я преобразую ваш Figma в адаптивный, готовый к производству фронтенд, используя Blade, Tailwind и Alpine. Каждый экран будет превращен в чистый шаблон Blade, и я создам переиспользуемые компоненты для повторяющихся частей, чтобы будущие обновления были простыми.
Я подключу Vite для компиляции ресурсов и обеспечу плавное поведение модальных окон, выпадающих списков и мобильного меню на всех размерах экрана. SVG и изображения будут экспортированы из Figma и оптимизированы для быстрой загрузки.
Одно, что я могу предложить, это небольшой файл токенов дизайна Blade, который позволяет вам изменять цвета и отступы в одном месте, чтобы изменения бренда или темный режим можно было сделать за считанные минуты.
https://oscarstories.com
https://bedtimestory.ai
…
Спасибо!
-
15 дней24 213 UAH
202 15 дней24 213 UAHЗдравствуйте!
Меня зовут Полина. Я ознакомилась с вашим проектом, и он меня очень заинтересовал. Смогу всё реализовать на высоком уровне. Сделаю быстро и качественно. Указываю 15 дней, но скорее всего сделаю быстрее.
-
21 день24 213 UAH
2060 25 0 21 день24 213 UAHДобрый день. Готов приступить к работе после обсуждения деталей.
Есть опыт работы с blade шаблонами, tailwind 3/4. Также немного работал с Apline. Неоднократно настраивал vite. Если у вас уже есть starker kit, у меня не будет проблем с его использованием. Верстаю чисто, pixelperfect, адаптивно, кроссбраузерно, валидно, надежно, в зеленой зоне googlepagespeed. Использую современные подходы и инструменты.
Пишите в личные сообщения, подробнее обсудим проект.
-
10 дней24 213 UAH
162 10 дней24 213 UAHЗдравствуйте.
С интересом ознакомилась с Вашим проектом. Уверена что смогу сделать эффективную и качественную работу соответствующее Вашим требованиям и ожиданиям. Опыт работы более 8 лет. Готова обсудить детали и приступить к работе. Жду Вашего ответа.
-
7 дней24 213 UAH
242 7 дней24 213 UAHПривет!
Есть команда, работаем быстро, надежно и качественно
https://smart-hubmvk.com/
Пишите в личку, договоримся!
-
21 день24 213 UAH
1856 10 1 21 день24 213 UAHДобрый день. Заинтересовало ваше заказ. Работаю в веб-разработке более 10 лет, на Laravel пишу более 6 лет. Пишите в личные сообщения для обсуждения деталей.
-
7 дней60 532 UAH
12862 4 2 7 дней60 532 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 213 UAH
321 1 10 дней24 213 UAHЗдравствуйте.
Я понимаю, что ваша цель — преобразовать детальный дизайн Figma в полностью адаптивный, готовый к работе фронтенд Laravel Blade с использованием TailwindCSS, Alpine.js и Vite. Я переведу каждый экран с идеальной точностью до пикселя, создам компоненты Blade, которые можно использовать повторно, и реализую все необходимые взаимодействия интерфейса пользователя с помощью легкой логики Alpine, чтобы проект оставался чистым и эффективным. Мой рабочий процесс обеспечивает оптимизированные ресурсы, бесперебойное адаптивное поведение на различных устройствах и удобную для поддержки структуру, соответствующую лучшим практикам Laravel 11. Если мы будем сотрудничать, я предоставлю отшлифованный, масштабируемый фронтенд, который будет соответствовать вашему дизайну Figma 1:1 и будет готов к интеграции с бекендом.
Актуальные фриланс-проекты в категории HTML и CSS верстка
Верстка страницы для сайта на Хорошопе + и корректировка 2 написанных страниц
5000 UAH
Здравствуйте! Задача: Верстка страницы "Программа лояльности" и внесение корректировок на страницы "Оптовые сотрудничества" и "Корпоративные заказы" Страница "Программа лояльности": - Верстка страницы в HTML коде в соответствии с нашим дизайном в Figma - Адаптация для… HTML и CSS верстка ∙ 10 часов 10 минут назад ∙ 27 ставок |
Нужен разработчик на WordPress
26 997 UAH
Ищу разработчика для реализации сайта на WordPress. Ниже подробно описал проект и требования. О проекте Вот ссылка на дизайнhttps://www.figma.com/design/htJTa5T5vY3oIlMOlZlI1o/Estate-Services?node-id=6315-2&t=gNsXRNevlb0hpS9h-1 На данный момент дизайн почти полностью готов.… CMS, HTML и CSS верстка ∙ 13 часов 36 минут назад ∙ 61 ставка |
Ищу человека, который поможет наполнить сайт агентства по рекламе на ВордпрессеСоздав в кладе страницы и сейчас это все сделал на Вордпрессе. Ищу человека, который сможет помочь наполнить контентом сайт. Быстро и качественно, определенные фото, наверное, нужно будет сгенерировать в Джипити. Я постараюсь помочь. Страниц примерно 15 AI обработка текстов, HTML и CSS верстка ∙ 15 часов 55 минут назад ∙ 33 ставки |
Нужно сверстать сайт с PDF, возможно?Дизайн уже полностью нарисован, но есть только PDF, так как был утерян Figma... Возможны расхождения по нему. Это допустимо. Нужно ли рисовать его в Figma? Или, возможно, сверстать и поставить на CMS, и вопрос сразу на какую? Далее работы будет много. Нужно начать с этого. Моб… HTML и CSS верстка, Веб-программирование ∙ 15 часов 56 минут назад ∙ 97 ставок |
Разработка интернет-магазина WordPress + WooCommerce# Development of an Online Store for Agricultural Equipment The design mockup is currently in the final stages of development. I fully understand that without a ready mockup, the final estimate will be inaccurate. However, if you have already implemented similar e-commerce… CMS, HTML и CSS верстка ∙ 23 часа 48 минут назад ∙ 63 ставки |