Адаптивная вёрстка сайта с анимацией

Здравствуйте!
Сверстаю сайт по вашему макету из Figma с pixel-perfect адаптивом, аккуратными анимациями и подготовкой к интеграции с Laravel. Особое внимание уделяю чистой структуре кода, скорости загрузки и корректному отображению на всех устройствах — от 320px до широких экранов.

Анимации реализую без перегрузки: плавное появление блоков при скролле, hover-эффекты, анимацию CTA, мобильного меню, smooth scroll и другие современные UX-детали без тяжёлых библиотек. Также выполню оптимизацию изображений (WebP/AVIF), lazy loading, минимизацию CSS/JS и подготовлю страницу для хороших показателей Google PageSpeed.

Готов показать похожие проекты с адаптивной вёрсткой и анимациями в личной переписке. Для точной оценки хотелось бы уточнить объём макета (количество страниц/экранов) и предусмотрен ли в дизайне слайдер "до/после" или другие интерактивные элементы.

Буду рад обсудить детали проекта!

Привет!

С удовольствием возьмусь за этот проект. Я просмотрел проект в Figma и точно понимаю ваши требования: от подхода Mobile First, через эстетические анимации «премиум» до строгих требований по PageSpeed.

Почему стоит работать со мной над этим проектом:

Точность: Гарантирую пиксель-перфект воспроизведение макета из Figma. Сайт будет полностью адаптивным на любом устройстве (от 320px).

Современные анимации: Я использую легкие библиотеки (например, GSAP или AOS), чтобы добиться плавных эффектов (hover, scroll, переходы меню), которые создают имидж премиум-бренда, а не замедляют браузер.
…
Производительность: Оптимизация — мой приоритет. Я внедрю форматы WebP/AVIF, lazy loading и минимизирую код (CSS/JS), чтобы цель PageSpeed 80+ для мобильной версии была полностью достижима.

Код под Laravel: Код будет чистым, семантическим и подготовленным так, чтобы интеграция с административной панелью в Laravel была для бэкенд-разработчика чистым удовольствием.

План действий:

Анализ структуры на предмет компонентов.

Внедрение Mobile First (CSS grid/flexbox).

Реализация анимаций (плавность, эстетика, отсутствие лишних библиотек).

Оптимизация ассетов и тесты производительности.

Я доступен прямо сейчас и с удовольствием обсудю технические детали (например, как бы вы хотели, чтобы я подготовил структуру файлов для интеграции с Laravel).

В каком виде вы предпочитаете получить готовый код? (достаточно ли HTML/CSS/JS, или вам сразу нужна структура Blade для Laravel?)

Жду вашего сообщения!

Показать оригинал

Перевести

Привет! Недавно вернулся с фронта и пытаюсь вернуться к любимой работе. Имею большой опыт работы с React и NextJS, работа в команде над продуктом, а также на позиции тимлида, работа с API на Laravel. Одна из работ: https://misteram.com.ua/

Показать оригинал

Перевести

Добрый день! Сверстаю сайт viar-art.pl по Figma: pixel-perfect, mobile-first (от 320px), tablet, desktop и широкие экраны. Админка на Laravel — интегрирую вёрстку в Blade-шаблоны, чтобы backend мог подключать функционал без переделки структуры.

Реализую аккуратные premium-анимации: scroll-reveal блоков, hover на кнопках и карточках, лёгкий zoom изображений, smooth scroll, мобильное меню, слайдер «до/после» — без перегруза и без «игрушечности». Оптимизация: WebP/AVIF, lazy load, минимальный CSS/JS, цель PageSpeed mobile 80+.

Код — чистый, модульный, готовый к развитию: не «просто макет в HTML», а качественная база под дальнейший функционал Laravel.

Примеры работ:
https://yegor10.github.io/PortFolioWeb3/

Привет! Заинтересовал проект по адаптивной вёрстке из Figma, особенно с учетом уже существующей админки на Laravel. Я готов взять на себя реализацию современного и быстрого фронтенда, включая анимации, с точным соблюдением макетов. Мне важно понять: новая верстка будет интегрироваться прямо в Blade-шаблоны или предполагается отдельный фронтенд, взаимодействующий по API? Готов обсудить все нюансы и сроки.

Здравствуйте! Я ознакомился с описанием проекта. Задача понятна: адаптивная верстка сайта по макету из Figma для viar-art.pl с акцентированными анимациями и оптимизацией под Laravel.

План моих действий: сначала проанализирую макет, чтобы точно перенести дизайн в чистый код. Буду верстать по методологии Mobile First, чтобы корректно отображалось от 320px до широких экранов. Для анимаций использую легкие CSS и JS-эффекты: плавное появление блоков при скролле, hover-эффекты на кнопках и карточках, увеличение изображений. Анимацию меню сделаю без перегрузок. Оптимизирую изображения под WebP, минимизирую CSS/JS и внедрю lazy loading для быстрого загрузки и PageSpeed от 80.

У меня есть подтвержденный опыт работы с Figma и адаптивной версткой под разные CMS. Можно ли получить доступ к макету в Figma для детального анализа шаблонов и слайдера "до/после"? Буду рад уточнить нюансы здесь на платформе.

Показать оригинал

Перевести

Здравствуйте!
Готов выполнить качественную верстку сайта по вашему макету Figma с интеграцией в Laravel.
Что сделаю: Pixel Perfect верстку по дизайну;
адаптацию под mobile (от 320px), tablet, desktop и широкие экраны;
подход Mobile First;
чистый HTML5, SCSS/CSS и JavaScript без лишних тяжелых библиотек;
корректную интеграцию в существующую Laravel-админку;
плавные и современные анимации без перегрузки интерфейса;
hover-эффекты для кнопок, карточек и изображений;
… анимацию появления блоков при скролле;
плавное мобильное меню;
smooth scroll и другие UX-улучшения;
оптимизацию изображений (WebP/AVIF);
lazy loading;
минимизацию CSS и JS;
подготовку под высокие показатели PageSpeed.
Особое внимание уделяю скорости загрузки, чистоте кода и качеству адаптива. В результате получите не просто сверстанный макет, а готовую современную страницу, которую будет удобно развивать и подключать к дальнейшему функционалу.
Есть опыт работы с Laravel, адаптивной версткой и проектами с высокими требованиями к производительности и UX.
Готов ознакомиться с макетом более детально и назвать точные сроки и стоимость после оценки объема работ.

добрый день. предлагаю для вашего сайта использовать связку вордпрес+катомная тема, то есть по вашему макету я напишу тему.
в целом все ясно. и ценник +/- точный. но есть пару вопросов, относительно вашего будущего сайта, вернее шаблонов для других типов страниц и разделов сайта. если я правильно понял из дизайна там несколько предложений на нем будет + конструктор? или все варианты на одной странице по блокам?

это все могу реализовать качественно и в срок.

Приветствую! Ваше ТС – это образец идеального подхода к разработке. Особенно радует, что в основе платформы заложен Laravel, а приоритет отдан Mobile First и чистоте кода без тяжелых библиотек.

Поскольку я специализируюсь на экосистеме Laravel и обладаю глубоким опытом в разработке и оптимизации веб-систем, я сделаю для вас не просто "картинку с кодом", а профессиональный, технически правильный фронтенд, который идеально интегрируется с вашей будущей админкой.

Что вы получите на выходе:
1. Идеальная точность (Pixel Perfect): Строгое соблюдение макета Figma для всех экранов (от 320px до Ultra-Wide десктопов).
2. Оптимизация 90+ в Google PageSpeed: Вместо тяжелых фреймворков я использую чистую семантическую верстку (HTML5/CSS3/JS или Tailwind), настрою Lazy Loading для изображений ниже первого экрана и оптимизирую графику (WebP/AVIF). Сайт будет летать на мобильных устройствах.
3. Премиальные UX-эффекты: Анимации появления блоков при скроле, мягкие суслики и интерактивный, плавный слайдер "К/После" будут реализованы на чистом CSS/JS. Они будут выглядеть дорого, плавно и не будут создавать микрофризы.
4. Готовность к посадке на Laravel: Верстка будет разбита на чистые, логические блоки и компоненты (например, готовые Blade-шаблоны, если админка уже в разработке), что сэкономит бекендер тысячи гривен и дни работы при интеграции функционала.
…
Имею опыт работы с e-commerce-проектами и четко понимаю, как верстка влияет на конверсию и стоимость рекламы в Google Ads/Facebook.

- Сроки выполнения: 4–6 рабочих дней.
- Стоимость: обсудим после детального анализа всех страниц макета в Figma.

Готов посмотреть на полный макет и начать работу. Пишите в личные сообщения!

Добрый день.

Ознакомился с описанием задачи. Могу выполнить вёрстку сайта по макету Figma с интеграцией в Laravel для проекта viar-art.pl.

Что будет выполнено:

• Pixel Perfect вёрстка по дизайну Figma;
• Mobile First подход (320px+, планшеты, десктопы, широкие экраны);
• Полная адаптивность и кроссбраузерность;
… • Интеграция в Laravel;
• Аккуратные современные анимации и UX-эффекты:

* появление блоков при скролле;
* анимация текста;
* hover-эффекты кнопок и карточек;
* плавное увеличение изображений;
* плавная прокрутка по якорям;
* анимация мобильного меню;
* анимация CTA-элементов;
• Оптимизация производительности:
* WebP/AVIF изображения;
* lazy loading;
* минимизация CSS/JS;
* подготовка под хорошие показатели PageSpeed.

По стоимости ориентировочно:
• Вёрстка + адаптация + интеграция в Laravel: 600–900 USD.
• Срок выполнения: 10–15 рабочих дней после детального ознакомления с макетом.

Точную стоимость и сроки смогу назвать после просмотра всех экранов и оценки объёма контента в Figma.

Если предоставите доступ к макету и список необходимых страниц, подготовлю финальную оценку.

👋 Добрый день, лучшие и самые крупные проекты —> Freelancehunt

Ознакомился с макетом и требованиями.

Есть опыт адаптивной вёрстки и интеграции проектов на Laravel. Сделаю точное соответствие макету, корректную работу на всех устройствах и аккуратные современные анимации без потери производительности.

• Вёрстка по Figma
• Интеграция с Laravel
• Адаптивность и оптимизация скорости
…
⏳ Срок: 10–14 дней
💰 Бюджет: 800 €

Готов обсудить детали и приступить к работе.

Здравствуйте! Готов качественно выполнить ваш проект. У меня есть опыт в подобных задачах, обсудим детали.

Показать оригинал

Перевести

Здравствуйте! Мы с напарником более 4 лет работаем в IT и готовы качественно реализовать вёрстку сайта по вашему Figma-дизайну с интеграцией в Laravel - обеспечим точное соответствие макету, адаптивность для всех устройств по принципу Mobile First, аккуратные премиальные анимации и современный UX без перегрузки интерфейса. Особое внимание уделим производительности: оптимизируем изображения, настроим WebP/AVIF, lazy loading, минимизацию CSS и JS, чтобы добиться высоких показателей PageSpeed и быстрой загрузки сайта. Работаем вдвоём, что позволяет быстрее реализовывать задачи и контролировать качество на каждом этапе. Примеры наших работ: apple-family.com.ua/uk, 3magency.co

👋 Добрый день. Моё портфолио - Freelancehunt

Готов сверстать сайт по макету Figma и интегрировать в Laravel. Сделаю адаптивную Pixel Perfect вёрстку, корректную работу на мобильных, планшетах и десктопах, лёгкие современные анимации и оптимизацию под высокий PageSpeed.

😎 Код будет чистым и удобным для дальнейшего развития проекта. Есть большой опыт разработки адаптивных сайтов и лендингов.

⏰ Срок - 2 недели
💵 Бюджет - 850 EUR

… 🚀 Я хорошо организую работу и беру на себя ответственность за соблюдение сроков и сохранение ваших нервов.

Добрый день!

Готов выполнить ваш проект. Работаю с веб-разработкой и дизайном, имею практический опыт и портфолио.

Работал с клиентами из Украины и Европы, соблюдаю сроки и всегда на связи.

Готов обсудить детали и предложить оптимальное решение. Могу начать в ближайшее время.

Показать оригинал

Перевести

Добрый день, Владислав!

Посмотрел ТЗ и макет — задача понятна: pixel-perfect адаптивная верстка по Figma, Mobile First от 320px, легкие премиум-анимации без перегрузки и PageSpeed 80+.

Как сделаю:
• Чистый семантический HTML/CSS + минимум ванильного JS, без тяжелых библиотек
• Появление блоков при скролле через IntersectionObserver, плавные hover-эффекты, анимация мобильного меню, smooth scroll, аккуратные CTA — на CSS-переходах
• Слайдер «до/после» на нативном input range (без jQuery)
• Изображения в WebP/AVIF, lazy loading, минификация CSS/JS — реально держать PageSpeed mobile 80+
… • Верстка структурирована так, чтобы ваша команда легко интегрировала ее в Laravel/Blade

Именно такие эффекты (scroll reveal, мобильное меню, lightbox, «до/после») есть в моих работах в портфолио здесь на Freelancehunt.

Уточню: верстка отдается как готовый HTML/CSS/JS, а интеграцию в Laravel делает ваша команда? Готов стартовать с главного экрана. Спасибо!

Показать оригинал

Перевести

Здравствуйте. Специализируюсь на адаптивной верстке.
Задание изучил и готов приступить к его реализации.
Создаю чистый, валидный, компактный и кроссбраузерный код
(scss+gulp, flexbox, grid, оптимизация по google page speed, валидация, настройка форм, анимации и тд).
Работы в портфолио профиля. Буду рад сотрудничеству. Давайте обсудим.

Здравствуйте, Владислав.
Изучил описание проекта и посмотрел макет в Figma. Подход полностью разделяю: важно не просто перенести дизайн в код, а получить быстрый, адаптивный и визуально качественный сайт, который будет комфортно развивать дальше.

Мой основной стек - React, Next.js, TypeScript, HTML, SCSS. Регулярно работаю с адаптивной версткой по Figma, уделяя внимание Pixel Perfect, производительности, SEO и UX.

Для такого проекта предлагаю:
- Mobile First верстку от 320px;
- семантический и структурированный код;
- аккуратные premium-анимации без перегрузки интерфейса;
… - оптимизацию изображений (WebP/AVIF, lazy loading);
- подготовку под хорошие показатели PageSpeed;
- чистую архитектуру компонентов для дальнейшей интеграции и поддержки.

Отдельно интересно уточнить: требуется только адаптивная верстка или интеграция в Laravel (Blade) также входит в объем работ?

Портфолио:
https://filippov.vercel.app/

GitHub:
https://github.com/Filippov-Nikolay

Готов выполнить! Сделаю чистую верстку (никаких сборщиков и шаблонизаторов) и перенесу на Ларавел. Поставлю и настрою! Гарантирую скорость работы страниц.

Опыт 15 лет (120 положительных отзыва на 3 других биржах).
Последние работы:
https://specialist.com.ua/
https://betus.co.ua/
https://brilace.com/
https://octava-ua.com/

Добрый день, Владислав. Готов приступить к работе после обсуждения деталей.

Верстаю чисто, pixelperfect, адаптивно, кроссбраузерно, валидно, надёжно, в зеленой зоне goolepagespeed. Использую современные подходы и инструменты.
Сделаю плавную и легкую анимацию.

Пишите в лс, детальнее обсудим проект.

Здравствуйте!

Изучил ТЗ и макет в Figma - задача понятна: точная адаптивная вёрстка по Mobile First (от 320px до широких экранов) с аккуратными premium-анимациями и упором на скорость. Не «перенести дизайн в код», а собрать чистую страницу, готовую к подключению к Laravel.

Нужна только вёрстка, или подключение к Laravel-бэкенду тоже на мне?

Готов обсудить детали.

Добрый день, Владислав.
Готов сверстать и посадить на СMS если нужно.
Предлагаю обсудить детали проекта.
Работаем с WP, MOdx, Laravel, Yii2.

Пример Лендингов: https://docs.google.com/document/d/1m5oHbYvSOTMHqEXjKGqMKzEg3WWxHvKDlWf2khixjpE/edit
Пример Сайт компании: https://docs.google.com/document/d/1OIlJKvV--oUgndLV_7gvUSJf5RbsZ4i0CWdGedhuRtE/edit?usp=sharing
Пример Интернет магазина: https://docs.google.com/document/d/1QqchaqJbq-4Clxm1BULy2aj7tEoaNQNNi0j_qhJ8x7E/edit?usp=sharing

Добрый день, меня зовут Матвей

Я веб-разработчик, который специализируется на создании современных веб-сайтов для компаний и личных брендов. Независимо от того, нужна ли вам целевая страница, бизнес-сайт, портфолио или интернет-магазин, я могу помочь воплотить ваши идеи в жизнь.

• Адаптивные веб-сайты для компьютеров, планшетов и мобильных устройств
• HTML, CSS, JavaScript, React, Vite и базовая оптимизация SEO
• Чистый, быстрый и удобный дизайн
• Полная разработка проекта от концепции до запуска
• Регулярное общение и своевременная доставка являются моими приоритетами

Показать оригинал

Перевести

Добрый день, готов выполнить ваш заказ, 15 лет опыта работы.

Добрый день.

Ознакомилась с макетом и требованиями к проекту.

Имею опыт Pixel Perfect верстки адаптивных сайтов, работы с анимациями, интеграции фронтенда в Laravel и оптимизации скорости загрузки страниц.

Выполню:
• адаптивную верстку по Figma;
• Mobile First реализацию;
… • корректное отображение на mobile, tablet и desktop;
• плавные современные анимации и hover-эффекты;
• оптимизацию изображений и скорости загрузки;
• подготовку верстки для передачи бэкенд разработчику.

Буду рада сотрудничеству.

Показать оригинал

Перевести

Здравствуйте! Изучил макет Viar-Подарок в Figma. Готов сделать качественную вёрстку под Laravel строго по вашему ТЗ.
Что я реализую:
Точность и адаптив: Pixel-perfect вёрстка по принципу Mobile First (от 320px).
Премиальный UX: Лёгкие, аккуратные анимации (плавное появление, hover-эффекты) без потери производительности.
Высокая скорость: Зеленая зона PageSpeed (80+ на mobile), оптимизация графики (WebP/AVIF), lazy loading.
Чистый код: Структурированный проект без лишних библиотек, полностью готовый к интеграции с бекендом.
Буду рад обсудить детали, сроки и приступить к работе!

Здравствуйте, у меня двухлетний стаж, через Cloud Code быстро и очень качественно сделаю

Показать оригинал

Перевести

Добрый день! Через 3–4 дня я покажу вам первый результат (главный экран и основные блоки в коде) абсолютно бесплатно. Вы сможете лично поклацать верстку на телефоне, оценить плавность анимаций и скорость загрузки. Если вам все понравится — мы утверждаем детали, и я заканчиваю работу над всем проектом под ключ.

Жду вашего подтверждения, и я сразу беру макет из Figma в работу!

Показать оригинал

Перевести

Здравствуйте.Есть большой опыт в разработке сайтов.Нужно реализовать только верстку или в том числе интеграцию с Laravel?

Добрый день, есть большой опыт разработки хороших и быстрых сайтов с нуля. Пишите, обсудим детали сотрудничества.

Показать оригинал

Перевести

Здравствуйте, Vladislavs!

Наша IT-компания создаёт и дорабатывает веб-сайты, которые работают стабильно, быстро и решают конкретные бизнес-задачи клиента. Мы занимаемся разработкой веб-сайтов «с нуля», а также совершенствованием существующих решений, повышая их продуктивность и удобство использования для ваших пользователей.

Мы имеем опыт в:
- разработке адаптивных и быстрых сайтов на различных платформах (WordPress, OpenCart, Shopify, WIX);
- интеграциях с платёжными системами, CRM, внешними сервисами и внутренними системами;
- оптимизации производительности и безопасности сайтов;
- настройке аналитики и базовых SEO-инструментов;
… - разработке программного обеспечения и автоматизации бизнес-процессов: управление клиентской базой, учёт ресурсов, автоматизация повторяющихся задач, интеграции со сторонними системами;

После завершения проекта мы предоставляем 14 дней технической поддержки. В этот период мы помогаем адаптировать систему к вашим бизнес-процессам и консультируем по любым вопросам, связанным с выполненными работами. Это позволяет быть уверенными, что разработанное решение работает стабильно с момента запуска и не требует дополнительных настроек.

Мы работаем структурированно, ответственно - на результат, который соответствует вашим бизнес-целям.

Здравствуйте, напишите в лс
-------------------------------------------------

Добрый день.

Готов реализовать. Laravel + Tailwind входят в мой основной стек. Мобайл фирст, адаптив, корректная семантика + базовый сео.

Добрый день! Разрабатываю на Python, React/Node.js выполнял похожие проекты, готов к сотрудничеству.

Сделаю.Сделаю.Сделаю.Сделаю.Сделаю.Сделаю.Сделаю.Сделаю.Сделаю.Сделаю.Сделаю.Сделаю.Сделаю.Сделаю.Сделаю.Сделаю.Сделаю.Сделаю.Сделаю.Сделаю.Сделаю.Сделаю.Сделаю.Сделаю.Сделаю.Сделаю.

Здравствуйте
Готова реализовать
Жду обратной связи
Мои последние работы figma => wordpress, gutenberg, acf, woocommerce
https://logistics-ay.com/
https://lawmedica.com.ua/
https://shapovalova-immobilien.de/
https://softaroinc.com/
https://devdbt.com/
… https://kapital-haus.de/
https://salesjam.com.ua/ru/
https://mikroklimatapunkts.lv/

Приветствую
Приятный дизайн сайта.
С удовольствием сверстаю этот маке с применением лучших практик Html, scss (css) , js, gulp.
Исходник в конце работы отдаю вам.
Каждый блок будет компонентом это облегчит и ускорит работу тем кто будет работать дальше

Вот на этом сайте есть анимации, как вы предпочитаете, при hover есть лёгкое увеличение , а на главной странице есть плавный слайдер и плавная работа секции faq https://www.archiviz.biz/projects/
Я бы ещё вам предложил сделать в стиле раскрывающегося и списка " показать больше / меньше" секцию где нумерованный список, чтобы клиентам, которые не любят долго сколотить было комфортно.

… Буду рад сотрудничеству.
Если нужны ещё примеры работ покажу в личной переписке. В арсенале есть магазины и корпоративные сайты

Посмотрел проект. Задача понятна: не просто перенести Figma в HTML, а сделать живой, адаптивный сайт с анимациями и интеграцией в Laravel-бэкенд.

Занимаюсь фронтом около 3.5 лет, работал с Nuxt и Vue на нескольких продуктах, включая маркетплейсы, где адаптивность и UX были в приоритете. Pixel-perfect вёрстка по Figma, Mobile First от 320px, плавные scroll-анимации через Intersection Observer или GSAP, hover-эффекты без оверкилла. Знаю, как это делать чисто, без тонны CSS-хаков.

Для Laravel-части готов разобраться в структуре шаблонов (Blade или API) и вписать вёрстку так, чтобы она нормально жила и расширялась. Посмотрел референс viar-art.pl, понял направление стиля.

Готов обсудить детали и сроки.

Привет! 👋
Я не просто рисую, а именно ПРОЕКТИРУЮ сайты более 6 лет.

Пожалуйста, посмотрите мое портфолио и убедитесь в моем опыте:
Freelancehunt

Показать оригинал

Перевести

Здравствуйте! Готов обсудить и выполнить Ваш заказ.

https://smate1.github.io/ink.design/
https://smate1.github.io/PanterEx/
https://smate1.github.io/stay_safe/
https://smate1.github.io/avg/

Показать оригинал

Перевести

Добрый вечер! Готов выполнить качественную, надежную, адаптивную верстку. Пишу чистый, валидный, семантический код по БЭМ. В работе использую html, css, js. Анимации реализую с использованием ванильного js и css. Могу сразу приступить к выполнению работы!

Примеры моих работ:
https://charterclick.com/

https://pashadahulych.github.io/DLUXX_Fix/

https://pashadahulych.github.io/wise_final/

… https://pashadahulych.github.io/Craft/

https://pashadahulych.github.io/Alternativa/

https://pashadahulych.github.io/Crm-Charter/

https://pashadahulych.github.io/Rozum/

Показать оригинал

Перевести

Здравствуйте,

Я могу реализовать ваш дизайн Figma для сайта на базе Laravel с точным соответствием пикселей и подходом «сначала мобильные устройства», а также обеспечить его хорошую производительность на мобильных устройствах, планшетах, настольных компьютерах и широких экранах. Мое внимание будет сосредоточено на чистой архитектуре фронтенда, чтобы макет точно соответствовал макетам, оставаясь при этом удобным для дальнейшей разработки внутри вашей существующей админ-системы.

Для интерактивности я добавлю легкие, премиум-анимации, такие как раскрытия на основе прокрутки, тонкие состояния наведения, плавные переходы навигации и улучшенное поведение меню на мобильных устройствах. Обычно я стараюсь использовать CSS-анимации, где это возможно, и только вводить минимальный JavaScript (или небольшую библиотеку, такую как GSAP, если это необходимо), чтобы избежать проблем с производительностью и поддерживать высокий балл PageSpeed.

Производительность будет приоритетом с самого начала, включая оптимизированные ресурсы, современные форматы изображений, такие как WebP или AVIF, ленивую загрузку, минимизированный CSS и JS, а также тщательное избегание тяжелых зависимостей. Цель — обеспечить быстрый, плавный, «неигрушечный» опыт, который все еще будет выглядеть современно и визуально привлекательно.

Я структурирую код так, чтобы он чисто интегрировался с вашим бэкендом на Laravel, что упростит вашей команде расширение функциональности в будущем без переработки фронтенда.
…
С наилучшими пожеланиями, Хан

Показать оригинал

Перевести

Привет, Владислав, надеюсь, у тебя все хорошо.

Я могу создать веб-сайт по твоему дизайну в Figma и интегрировать его с существующей админ-панелью Laravel для viar art pl. Я сосредоточусь на точном соответствии макета современным адаптивным структурам, плавном пользовательском опыте и высокой производительности.

Мой подход будет мобильным в первую очередь, начиная с 320 пикселей и затем адаптируя макет для планшетов, настольных компьютеров и широкоформатных экранов. Я тщательно преобразую дизайн Figma в чистый фронтенд-код и удостоверюсь, что все разделы отображаются корректно на всех устройствах.

Я могу добавить премиум легкие анимации, такие как плавное появление блоков при прокрутке, мягкое появление текста, эффекты наведения на кнопки, эффекты наведения на карточки, увеличение изображений, плавная прокрутка, анимация мобильного меню, анимация CTA и элементы управления слайдером «до и после», если это необходимо. Эффекты останутся чистыми, профессиональными и не перегруженными.

Для производительности я оптимизирую изображения, подготовлю WebP или AVIF, где это возможно, использую ленивую загрузку, уменьшаю тяжелые библиотеки, минимизирую CSS и JS и сохраняю анимации легкими для хороших результатов PageSpeed.
…
У меня есть опыт работы с веб-сайтами на Laravel, преобразованием Figma в код, адаптивными фронтенд-макетами, анимациями, оптимизацией изображений и разработкой, ориентированной на производительность.

С наилучшими пожеланиями,
Юссеф.

Показать оригинал

Перевести

Добрый день!

Верстаю чисто, без лишнего кода, с полной адаптивностью.

Готов приступить сразу после согласования деталей.

Мой сайт-портфолио - https://berol.digital

С уважением,
… Александр

Показать оригинал

Перевести

Здравствуйте, Vladislavs.

Сверстаю страницу: адаптивно, семантично, с использованием формата WebP для изображений и CSS-анимации.

С уважением, Юрий.

Добрый день, готов сверстать вам сайт по вашему макету с Figma. Специализируюсь на верстке по макетам с Figma. Мои работы можете посмотреть в портфолио в профиле.
Сделаю Pixel-Perfect верстку быстро та качественно с учётом всех пунктов ТЗ.

Пишите обговорим детали, буду рад сотрудничеству!

Здравствуйте! Буду рад сотрудничеству. Всегда на связи. Обращайтесь, обсудим детали. Примеры работ https://web.khorol.com.ua

Показать оригинал

Перевести

Добрый день! Ознакомился с описанием и макетом. Могу качественно реализовать адаптивную верстку по Figma с соблюдением подхода Mobile First и интеграцией на Laravel. Особое внимание уделяю точности соответствия макету, скорости загрузки, SEO и удобству пользователей на всех устройствах.

Также могу добавить современные и аккуратные анимации (scroll reveal, hover-эффекты, плавные переходы, мобильное меню), не перегружая сайт и сохраняя хорошие показатели PageSpeed.

Показать оригинал

Перевести

Добрый день! Ознакомился с макетом и вашими ТЗ (желательными эффектами, которые нужно реализовать, и желаемым ориентиром для оптимизации), готов реализовать ваш дизайн и премиум анимации появления блоков или текста для такого красивого макета с помощью GSAP или на чистом JavaScript/CSS.

Гарантирую:
- Кроссбраузерную, адаптивную, оптимизированную верстку под все экраны, и PageSpeed выше 80.
- Все медиафайлы будут обязательно оптимизированы и конвертированы в WebP / AVIF.
- Внимательное соблюдение макета и технического задания.

Также у меня есть готовый модуль "до/после", так что это не является проблемой, будет очень красиво.

… Пишите, буду рад помочь!

Показать оригинал

Перевести

Добрый день

Я начинающий разработчик и сейчас активно набираю портфолио, так что раьотаю по ценам ниже рынка.Готов сверстать сайт по Figma-макету: адаптивно, Mobile First, с аккуратными современными анимациями, hover-эффектами, оптимизацией изображений и подготовкой под хорошие показатели PageSpeed.

Также учту дальнейшее подключение к Laravel-админке, чтобы вёрстка была удобной для развития проекта.

Стоимость: 100€

Пример работы: samosvaly.com
…
Готов обсудить детали и приступить.

Добрый вечер, Владислав

Макет для mobile будет добавлен или сделать на свое усмотрение?
В макете 2 страницы: home new и main 2, нужны обе?

Готова сверстать и добавить легкие анимации.
Верстка будет соответствовать вашим требованиям.

Примеры моих работ:
… https://iryna-sv.github.io/portfolio/hr2/
https://iryna-sv.github.io/portfolio/pageSpeed/
https://iryna-sv.github.io/portfolio/komarovskiy/

Привет,

Я могу преобразовать ваш дизайн Figma в идеальный с точки зрения пикселей, мобильный сайт на Laravel с плавными современными анимациями, быстрой загрузкой и полной адаптивностью на всех устройствах. Я сосредоточен на чистом коде, оптимизации производительности и премиум UX, сохраняя дизайн точно таким, как задумано.

Готов обсудить проект и детали.

Показать оригинал

Перевести

Добрый день! У меня хорошие навыки в программировании на HTML/CSS/JS, хорошо знаю React.js и Next.js. У меня есть опыт работы с PostgreSQL и интеграцией API. Также у меня значительный практический опыт работы с WordPress, который включает: Написание кастомных решений на PHP и JavaScript (в частности, интеграция Google Ads API). Работа с визуальными конструкторами (Elementor), управление шаблонами и разделение сложных блоков от стандартного редактирования постов. Реализация многоязычных систем с помощью Polylang. Настройка безопасности сайтов (включая восстановление и защиту после вредоносных атак), подключение аналитики и общая оптимизация процессов управления контентом. Реализованные проекты есть в портфолио. Готов сотрудничать!

Показать оригинал

Перевести

Могу сделать на laravel как отдельный сайт с отдельной админкой, или взять текущий и просто дорисовать страницу, тут нужно уточнять, спасибо

Показать оригинал

Перевести

Добрый день!
Посмотрел сайт - Viar Art Canvas, портреты и рисунки на заказ, Польша. Задача понятна: pixel-perfect верстка нового дизайна из Figma, Mobile First от 320px, анимации при скролле, Laravel-бэкенд подключит вашу команда.

Уточню 2 момента:
Это две разные страницы (main2 и home_new) — финальная версия одна из них или обе нужны?
Слайдер «до/после» в макете не вижу — он на другой странице или убрали из дизайна?

Сделаю так:
HTML5/SCSS (BEM) + vanilla JS - без тяжелых библиотек, PageSpeed mobile 80+
… Mobile First от 320px: асимметричная сетка адаптируется через CSS Grid/Flexbox
Анимации: появление блоков при скролле (Intersection Observer), hover на карточках художников и кнопках, плавная прокрутка - всё лёгкое, премиальное
Галерея работ - lazy load, WebP, лёгкое увеличение при наведении
Структура готова к подключению Laravel Blade - чистые классы, никакого мусора в HTML

Есть похожие работы: лендинг AI-сервиса - Figma → верстка, анимации, PageSpeed 90+; Bropack - корпоративный сайт, чистая адаптивная верстка.

Стоимость: от 100 EUR за одну страницу / Срок: 7-9 дней.
Уточните по финальному макету - дам точную цену.

—
Денис Іванченко · Front-end верстка / WordPress розробник

Здравствуйте!
Сверстаю сайт по макету качественно, адаптивно, валидно и pixel-perfect.
В верстке буду использовать webpack, scss, bem, чистый JS, без лишних тяжелых библиотек, будет максимально легковесная вёрстка. Так же сделаю анимации.
Все пункты ТЗ будут соблюдены.

Добрый вечер! Сделаю ваш проект быстро и качественно! Пишите!!

Показать оригинал

Перевести

Привет! У меня есть опыт в разработке сайтов. Верстаю чистым html css js

Сайт будет: в хорошей зоне по Google PageSpeed 🌱, валидный ✅, кроссбраузерный последних версий 🌍, адаптивный 📱, оптимизированный и сжатый ⚡

Примеры последних работ
https://www.parkerandsonconstruction.co.uk/
https://www.beezhu.com/
https://www.zavod-modul.com.ua/
https://zoodoc.si/en/
… https://new.sky-net.com.ua/

Показать оригинал

Перевести

Добрый день, сделаю чистую верстку с адаптацией
задание изучил, готов приступить к работе

Здравствуйте.
Я ознакомился с заданием.
Напишите, обсудим детали проекта!
----------------------------------
Частный разработчик веб-сайтов. Опыт – 10 лет.
Дизайн, верстка, разработка сайтов на Wordpress.

Показать оригинал

Перевести

Добрый день. Заинтересовал ваш заказ. Опыт работы в веб-разработке более 10 лет. На ларавел пишу более 6 лет. Я изучил макет и готов приступить как можно скорее. Для уточнения деталей. Пишите в ЛС

Задача — перенести Figma-макет в чистый, быстрый код с премиальными анимациями и подключить к Laravel-бэку.

Сделаю Mobile First на чистом HTML/CSS + минимальный JS без тяжёлых либ. Анимации появления блоков через IntersectionObserver (без GSAP — не нужен), hover-эффекты и мобильное меню через CSS transitions. Слайдер "до/после" — на нативном input[type=range], без jQuery. Изображения — WebP + lazy loading, CSS/JS минифицированы, PageSpeed mobile 80+ реально достижим при таком подходе. Вёрстка будет семантической и готовой к дальнейшему подключению Laravel-роутов и компонентов Blade.

Figma открылась — вижу структуру. Скажите: Laravel-шаблоны уже есть (Blade-файлы, layout), или нужно сдать готовый HTML/CSS, который разработчик потом сам интегрирует?

Добрый день, Владислав!

Могу сверстать страницу по Figma и подготовить под дальнейшую посадку на Laravel.

Есть опыт с адаптивной версткой, HTML/CSS/JS, анимациями, мобильной версией и оптимизацией скорости. Сделаю аккуратно: mobile first, нормальные hover-эффекты, плавные появления блоков, адаптив от 320px и без лишних тяжелых библиотек.

Примеры своих работ скину в ЛС.

Кстати, вам важнее прям максимально pixel perfect по Figma, или можно чуть адаптировать блоки, если так будет лучше для скорости и мобильной версии?

Привет! Планируете ли вы использовать готовые компоненты из Laravel для админки, или верстка должна быть полностью независимой?

Сроки и бюджет уточню в личной переписке.

Вот как я выполню этот проект:
1. Я точно сверстаю макет Mobile First от 320px до широких экранов, используя чистый HTML/CSS/JS без лишних библиотек.
2. Я добавлю легкие премиум-анимации: появление блоков при скролле, плавные hover-эффекты и анимацию меню, чтобы сайт выглядел современно.
3. Я оптимизирую все изображения в WebP, настрою lazy loading и минифицирую файлы для быстрого загрузки и PageSpeed от 80.

… Спасибо за рассмотрение моего предложения. Я с нетерпением жду возможности работать с вами!

Показать оригинал

Перевести