Стоимость
1 500 ₽
categoryПрограммирование и разработка sellВеб-программирование shieldБезопасная сделка
verifiedПроверенный исполнитель
Адаптивная верстка сайта по макету Figma с SEO-микроразметкой и оптимизацией скорости
Создание лендингов (продающих, имиджевых, промо-страниц) Разработка корпоративных сайтов и многостраничных проектов Ад
Алексей
5 просмотров
Об этой услуге
Кратко собрали состав работ, условия, сроки и вводные данные, которые понадобятся для старта.
Сверстаю сайт по вашему макету в Figma или другому готовому дизайну: адаптивно, кроссбраузерно, аккуратно и с учетом требований к скорости загрузки, SEO и удобству пользователей.
Подготовлю чистую HTML/CSS/SCSS-верстку, которая корректно отображается на телефонах, планшетах, ноутбуках и больших экранах. При необходимости внедрю микроразметку Schema.org, OpenGraph, оптимизирую изображения, минифицирую код и подготовлю сайт к дальнейшей интеграции с CMS или backend.
Что входит в работу:
• анализ задачи, ТЗ, брифа и дизайн-макета;
• уточнение требований, логики страниц и ожиданий заказчика;
• согласование структуры, навигации и пользовательских сценариев;
• адаптивная верстка по макету Figma;
• HTML/CSS/SCSS-реализация страниц и блоков;
• корректное отображение на мобильных, планшетах и десктопах;
• кроссбраузерная проверка;
• внедрение Schema.org и OpenGraph при необходимости;
• базовая SEO-подготовка верстки;
• оптимизация скорости загрузки;
• сжатие изображений, минификация кода и настройка кеширования;
• тестирование и исправление багов перед сдачей.
Этапы работы:
Изучаю техническое задание, макет, бриф и требования к проекту.
Уточняю структуру страниц, навигацию и логику взаимодействия.
Согласовываю объем работ, сроки и технические детали.
Выполняю адаптивную верстку по макету.
Настраиваю корректное отображение на разных устройствах и экранах.
Внедряю микроразметку, OpenGraph и базовую SEO-структуру при необходимости.
Оптимизирую скорость загрузки сайта.
Тестирую результат в браузерах и исправляю найденные ошибки.
Передаю исходники и инструкцию по работе с сайтом, если она нужна.
Что вы получаете на выходе:
• готовую адаптивную верстку сайта;
• чистый и понятный код;
• корректное отображение на всех основных устройствах;
• подготовку к SEO и публикации;
• оптимизированные изображения и структуру файлов;
• исходники проекта;
• инструкцию по дальнейшей работе при необходимости.
В результате вы получаете качественно сверстанный сайт, который выглядит как в макете, быстро загружается, корректно работает на разных устройствах и готов к дальнейшему запуску или интеграции.
Подготовлю чистую HTML/CSS/SCSS-верстку, которая корректно отображается на телефонах, планшетах, ноутбуках и больших экранах. При необходимости внедрю микроразметку Schema.org, OpenGraph, оптимизирую изображения, минифицирую код и подготовлю сайт к дальнейшей интеграции с CMS или backend.
Что входит в работу:
• анализ задачи, ТЗ, брифа и дизайн-макета;
• уточнение требований, логики страниц и ожиданий заказчика;
• согласование структуры, навигации и пользовательских сценариев;
• адаптивная верстка по макету Figma;
• HTML/CSS/SCSS-реализация страниц и блоков;
• корректное отображение на мобильных, планшетах и десктопах;
• кроссбраузерная проверка;
• внедрение Schema.org и OpenGraph при необходимости;
• базовая SEO-подготовка верстки;
• оптимизация скорости загрузки;
• сжатие изображений, минификация кода и настройка кеширования;
• тестирование и исправление багов перед сдачей.
Этапы работы:
Изучаю техническое задание, макет, бриф и требования к проекту.
Уточняю структуру страниц, навигацию и логику взаимодействия.
Согласовываю объем работ, сроки и технические детали.
Выполняю адаптивную верстку по макету.
Настраиваю корректное отображение на разных устройствах и экранах.
Внедряю микроразметку, OpenGraph и базовую SEO-структуру при необходимости.
Оптимизирую скорость загрузки сайта.
Тестирую результат в браузерах и исправляю найденные ошибки.
Передаю исходники и инструкцию по работе с сайтом, если она нужна.
Что вы получаете на выходе:
• готовую адаптивную верстку сайта;
• чистый и понятный код;
• корректное отображение на всех основных устройствах;
• подготовку к SEO и публикации;
• оптимизированные изображения и структуру файлов;
• исходники проекта;
• инструкцию по дальнейшей работе при необходимости.
В результате вы получаете качественно сверстанный сайт, который выглядит как в макете, быстро загружается, корректно работает на разных устройствах и готов к дальнейшему запуску или интеграции.
payments
Стоимость
1 500 ₽
schedule
Срок
1 дн.
visibility
Просмотры
5
check_circleанализ задачи, ТЗ, брифа и дизайн-макета;
check_circleуточнение требований, логики страниц и ожиданий заказчика;
check_circleсогласование структуры, навигации и пользовательских сценариев;
check_circleадаптивная верстка по макету Figma;
check_circleHTML/CSS/SCSS-реализация страниц и блоков;
Стоимость и условия
Перед оплатой зафиксируйте объём, срок, количество правок и дополнительные опции.
Срок
1 дн.
Правки
2
Как проходит работа
1
Вы выбираете пакет, количество и дополнительные опции.
2
При необходимости уточняете детали с исполнителем до оплаты.
3
Оплата резервируется через безопасную сделку на платформе.
4
Исполнитель сдаёт результат, вы проверяете и принимаете работу.
Контроль результата
Стоимость, сроки, правки и состав работ лучше зафиксировать до оплаты. Это повышает прозрачность заказа и снижает риск спорных ситуаций.
Исполнитель
Алексей
Frontend-разработчик с опытом 3.5+ года. Специализируюсь на создании современных веб-интерфейсов: от имиджевых лендингов до сложных SPA-приложений с геоданными и аналитикой. Работаю как с полным циклом разработки, так и с точечными задачами — вёрсткой, адаптацией, интеграцией API.
Мои услуги:
Разработка и вёрстка:
- Создание лендингов, корпоративных сайтов и многостраничных проектов с нуля.
- Адаптивная и кроссбраузерная вёрстка (Pixel Perfect, семантичный HTML5, CSS3/SCSS).
- Разработка SPA на Vue 3/Nuxt с использованием Composition API и TypeScript.
- Верстка по макетам Figma, PSD, Sketch.
- Разработка интерфейсов для Telegram WebApp, админ-панелей и дашбордов.
Функциональность и интеграции:
- Интеграция с REST API, работа с формами, валидация данных.
- Настройка мультиязычности (i18n) и тем (светлая/тёмная).
- Работа с интерактивными картами (Leaflet, отображение маршрутов, геообъектов).
- Внедрение микроразметки для улучшения SEO (Schema.org, OpenGraph).
- Оптимизация загрузки сайтов (Webpack/Vite, сжатие, lazy-loading).
Технические услуги:
- Рефакторинг и оптимизация существующего кода.
- Миграция проектов с устаревших технологий (Angular → Vue, jQuery → Vue).
- Настройка CI/CD (Gitea, GitHub Actions) для автоматического деплоя.
- Верстка и кастомизация шаблонов для CMS Bitrix / WordPress (опыт работы).
Дополнительно:
Имею опыт с Node.js, MongoDB и DevOps (развертывание серверов), что помогает лучше понимать задачи бекенда, ускорять разработку и предлагать комплексные решения.
Почему я:
Более 3 лет коммерческого опыта (работа в продуктах и студиях).
Быстро вникаю в задачи и предлагаю решения, улучшающие пользовательский опыт.
Работаю в срок, поддерживаю чистоту кода и документирую решения.
Готов взяться как за небольшой лендинг, так и за крупный проект.
Примеры работ:
- Клиника МедСеб — https://medsef.ru/
- Ecostandart — https://ecostandart.com/
- Мебель ДПК — https://mebeldpk.ru/
- Storex-msk — https://storex-msk.ru/
Стек технологий:
Vue 3 · Nuxt 3 · TypeScript · Pinia · Quasar · Vuetify 3 · Tailwind CSS · SCSS · Leaflet · Chart.js · Axios · Vite · Webpack · Git · Node.js · MongoDB · Bitrix
