Есть макет
Нужно точно перенести Figma в код без потери сетки, типографики, состояний и визуального ритма.
Frontend / SCSS / GSAP / Production
Frontend-разработка, которая сохраняет дизайн и скорость
Перевожу макеты и визуальные идеи в аккуратный production frontend: HTML, SCSS, vanilla JS, GSAP, Lenis, адаптив, формы, анимации и оптимизация без лишнего фреймворка.
Задачи
Кому нужна frontend-разработка
Подходит, когда дизайн уже есть или сайт нужно довести до production-качества: адаптив, анимации, формы, скорость и чистая структура.
Нужен motion
GSAP, ScrollTrigger, Lenis, hover-состояния и аккуратные появления без тяжёлого шоу.
Ломается адаптив
Сайт выглядит хорошо на desktop, но теряет структуру и читаемость на планшетах или мобильных.
Нужна доработка
Можно точечно усилить формы, скорость, анимации, семантику или отдельные страницы.
Состав
Что входит в frontend-разработку
Работаю в классическом production-стеке без React/Vue, если сайт не требует приложения: так промо-страницы часто быстрее и чище.
HTML и SCSS
Семантическая структура, сетки, адаптив, typography system, состояния и аккуратная CSS-архитектура.
Vanilla JS и GSAP
Интерактив, меню, модальные окна, ScrollTrigger-сцены, Lenis и безопасные motion-паттерны.
Адаптив и формы
Проверка ключевых ширин, touch-сценарии, поля, фокус, валидация и отправка заявки.
Оптимизация и запуск
Lazy media, базовая производительность, meta/OG/JSON-LD при необходимости и production-проверка.
Процесс
Как проходит разработка
Разбор макета
Смотрю структуру, состояния, адаптив, сложные блоки, анимации и технические риски.
Верстка основы
Собираю HTML/SCSS, сетки, typography, компоненты, базовые состояния и responsive-логику.
Интерактив
Добавляю JS, GSAP/Lenis, формы, меню, hover/focus и поведение без лишней тяжести.
Проверка
Сверка адаптива, скорости, консоли, форм, доступности и финальная подготовка к публикации.
Формат
Можно работать по задаче, странице или почасово
Frontend удобнее оценивать после просмотра макета или текущего сайта: сразу видны сложные блоки, анимации, формы и адаптивные риски.
Связанные форматы
Форматы рядом с разработкой
Frontend часто становится частью редизайна, animated website или production-доработки после аудита.
До старта
Что нужно для точной frontend-разработки
Чем понятнее макет, состояния и техническая среда, тем меньше сюрпризов в сроках и реализации.
Макет
Figma, референсы или текущая страница, которую нужно доработать.
Состояния
Меню, формы, hover, focus, ошибки, адаптивные варианты и модальные окна.
Технический контекст
Хостинг, текущие файлы, ограничения backend, формы и интеграции.
Приоритеты
Что важнее: скорость, точность по макету, motion, SEO-base или быстрый запуск.
FAQ
Частые вопросы
Можно ли сверстать дизайн из Figma?
Да. Я могу аккуратно перенести макет в HTML/SCSS/vanilla JS, сохранив сетку, типографику, состояния и responsive-логику.
Можно ли сделать анимации на GSAP?
Да. GSAP подходит для scroll-сцен, появлений, hover-состояний, timelines и более сложного motion.
Работаете ли вы без React и Vue?
Да. Для промо-сайтов, лендингов и многих корпоративных страниц vanilla JS часто быстрее, чище и достаточнее.
Можно ли доработать существующий сайт?
Да. Можно точечно исправить адаптив, формы, анимации, скорость, семантику или отдельные страницы.
Что входит в адаптив?
Проверка сеток, типографики, кнопок, карточек, форм, меню, изображений и ключевых сценариев на разных ширинах.
Start / Brief
Нужно довести дизайн до production?
Покажите макет или текущую страницу — я оценю фронтенд, сложные места, адаптив и реалистичный формат работы.