Frontend Developer (Next.js)
Next.js разработка для агентств, которые не хотят рисковать проектами
Frontend с гарантией качества: pagespeed 90+, pixel-perfect, core web vitals, wcag
Для кого
Внешний frontend-разработчик для агентств и продуктовых команд
Принципы работы
Что я делаю
Полный цикл frontend-разработки на современном стеке
Frontend-разработка на Next.js
Под готовый UI/UX
Адаптивная верстка
Кросс-браузерная совместимость
Сложные интерфейсы
Кастомные компоненты
Анимации и интерактив
Motion (Framer Motion), GSAP, Lottie Files
Интеграция с backend
И внешними API
Интернационализация
i18n и мультиязычность
Работа с MDX
И headless CMS
Масштабирование
Подготовка к росту
Что получаете
Полный комплект для запуска и дальнейшего развития проекта
Полностью рабочий frontend
С полной документацией
Чистый, читаемый код
С подробными комментариями
CI/CD pipeline
Настроенный опционально
Git-репозиторий
С понятной структурой коммитов
Инструкция
По развёртыванию и поддержке
30 дней поддержки
После сдачи проекта
Технологический стек
Современные инструменты для создания производительных веб-приложений
Основа
Стилизация
Анимации
Управление состоянием
Тестирование
Дополнительно
Качество и стандарты
Каждый проект соответствует высоким стандартам качества
Производительность
- Оптимизация изображений (WebP, AVIF)
- Lazy-loading компонентов
- Code splitting
- Минификация ресурсов
Доступность
- Корректная HTML-семантика
- Доступные формы
- Фокус-менеджмент
- ARIA-атрибуты
SEO
- Open Graph, Twitter Cards
- Автоматический sitemap.xml
- Структурированные данные
- JSON-LD разметка
Технические гарантии
Процесс работы
Прозрачный и предсказуемый процесс от первого контакта до сдачи проекта
Анализ
Изучение дизайна, оценка сложности, согласование технических требований. Обсуждаем edge cases и интерактив.
Договорённости
Фиксация объёма работ, сроков и стоимости в договоре. Определяем, что входит в базовую реализацию, а что — в доработки.
Разработка
Поэтапная реализация с еженедельными демо и отчётами. Доступ к staging-версии проекта в реальном времени.
Тестирование
Проверка на разных устройствах, браузерах и разрешениях. Тестирование производительности и доступности.
Передача
Документация, обучение команды, передача репозитория. Техподдержка 30 дней для решения возможных проблем.
Отзывы клиентов
Что говорят агентства и компании о сотрудничестве
Компания Enter VR и я, как заказчик, были рады сотрудничеству с Иваном. Задача заключалась в русификации веб-приложения, которое было устаревшим и некачественным. Иван провел экспертизу за день, подтвердил возможность выполнения и оперативно реализовал задачу. Общение было простым и понятным, все детали обсуждались и согласовывались. Остались только положительные впечатления, надеюсь на будущее сотрудничество!
Владимир Волков
Project Manager, Enter VR
Работа выполнена на отлично! Все пожелания учтены, работа сделана быстро и качественно. Сотрудничеством довольны! Дизайн разработан в Figma с учетом стилей Shadcn/ui, исходя из пожеланий заказчика.
Андрей
CEO, log.ru
Всё отлично. Иван выполнил заказ согласно ТЗ и в установленные сроки. Исполнитель соответствует заявленному уровню.
Николай
Product Manager
Хороший программист, создал несколько скриптов для тильды. Очень быстро всё делает. Однозначно обращайтесь!
Руслан
CEO
Спасибо еще раз. Создали скрипт под запрос на tilda (JS). День в день оказали услугу
Леонид
CEO
Свайпайте для просмотра
Избранные проекты
Примеры работ для агентств и компаний разных масштабов
Фонд Сегрия Радонежского
Полнофункциональный сайт для фонда: админ-панель для управления новостями и программами, прием пожертвований (Cloudpayments), интерактивная карта (Яндекс), Next.js 15 и Drizzle ORM.
GripClass
Frontend веб-приложения для изучения английского языка. Cложные анимации, адаптивный интерфейс, интеграция с Zoom.
mmproduction.ru
Разработка сайта для продакшн-студии. Оптимизация производительности (Lighthouse до 100), улучшенная страница портфолио с фильтрацией и видео-плеером.
dataspike.io
Pixel-perfect для AI стартапа. Работа велась через pokoy.agency. WebGL эффекты (Unicorn Studio), высокие показатели Web Vitals (LCP ≤ 2.5s) и соответствие стандартам доступности WCAG 2.1 AA.
Прозрачное ценообразование
Окончательная цена формируется после анализа дизайна и технических требований
Лендинг
5-7 секций
Адаптивная верстка, базовые анимации, формы, интеграция с API
Обсудить проектКорпоративный сайт
10-15 страниц
Сложные анимации, интеграция с CMS, мультиязычность, SEO-оптимизация
Обсудить проектWeb-приложение / SaaS
Кастомная разработка
Сложная бизнес-логика, множественные интеграции, масштабируемая архитектура
Обсудить проектВ стоимость входит 2 раунда правок по дизайну. Дополнительные правки и расширения — по отдельному согласованию.
Типы проектов
Работаю с проектами любой сложности при наличии чётких требований и адекватного бюджета
Я не подойду, если
Как начать работу
После первого контакта обсудим проект, я оценю сложность и предоставлю точный расчёт стоимости и сроков.
Что нужно для старта:
- Готовый дизайн в Figma/Sketch/Adobe XD
- Желаемые сроки и дедлайны
- Ориентир по бюджету
- Готовое техническое задание или понимание необходимого функционала