Обо мне
Добрый день! Меня зовут Иван. Я веб-разработчик: искренне люблю разработку и с энтузиазмом создаю качественные, современные сайты.
Мой путь в IT начался не вчера — давно увлекаюсь технологиями. Чтобы систематизировать знания, с отличием окончил профильные курсы и глубже разобрался в подкапотных механизмах. Дипломный проект защитил на максимальный балл, реализовал множество коммерческих проектов: корпоративные сайты и лендинги. Обладаю аналитическим складом ума, стараюсь быть проактивным и нередко нахожу неочевидные решения там, где другие останавливаются.
Почему стоит выбрать меня:
- ✓ Любовь к разработке и желание сделать качественный продукт
- ✓ Гибкие условия и адекватные цены
- ✓ Всегда на связи, открыт к правкам и обратной связи
- ✓ Опыт в различных проектах
Что я могу предложить:
Верстка по макетам
Превращу ваш дизайн из Figma в чистый, валидный и адаптивный HTML/CSS код.
Адаптивность
Ваш сайт будет отлично выглядеть на любых устройствах и во всех браузерах.
Интерактивность
Добавлю на сайт анимации, слайдеры и другие элементы на JavaScript (ES6+).
Оптимизация
Сделаю сайт быстрым и легким для максимального комфорта пользователей.
Аналитика и реклама
Настрою Яндекс.Метрику, интегрирую пиксели Яндекс.Директ и Google Ads для отслеживания конверсий.
Правки по вашему проекту
Исправлю баги, доработаю верстку, добавлю новые функции и внесу любые изменения в уже готовый сайт.
Мои навыки
Docker & Docker Compose
Настройка контейнеризованных окружений. Работа с Docker Compose для многоконтейнерных приложений (nginx, Laravel, Redis, MySQL).
Laravel / PHP
Опыт работы с Laravel-проектами: интеграция фронтенда, работа с Blade-шаблонами, понимание архитектуры MVC и роутинга.
Symfony & Twig
Вёрстка страниц под Symfony, работа с Twig-шаблонами, встраивание вёрстки в БД, деплой на production.
SSH & Удаленная разработка
Подключение к удаленным серверам по SSH, работа с production окружением, развертывание и отладка приложений на Linux.
FTP/SFTP & Деплой
Загрузка проектов по FTP/SFTP, настройка роутинга и редиректов, деплой на production, развёртывание приложений.
Яндекс.Метрика & Аналитика
Настройка и интеграция Яндекс.Метрики: установка счетчиков, настройка целей, webvisor, карты кликов, e-commerce. Анализ поведения пользователей.
React & TypeScript
Правки на React, TypeScript, TailwindCSS. Промо-страницы, SPA, интеграция с бэкендом.
Webpack & Vite
Сборка проектов: Webpack — оптимизация, быстрые компиляции в dev, корректная prod-сборка; Vite — современная сборка для React и Vue.
Интеграция AI (Gemini, GPT)
Внедрение AI-моделей в онлайн-чаты и интерфейсы. Интеграция Gemini, GPT и других моделей для интерактивных сценариев.
Яндекс.Карты & Google Maps
Интеграция карт: динамическая сборка вёрстки, правки в картах Яндекса, настройка меток и интерактивных элементов.
Ручное тестирование
Ручное тестирование веб-приложений через консоль и UI, проверка кроссбраузерности и корректности работы.
Git / GitHub / GitLab & Code review
Контроль версий в Git, GitHub, GitLab: мержи, разрешение конфликтов. Code review, установка линтеров, совместная разработка.
Работа с директологами
Интеграция рекламных систем: Яндекс.Директ, Google Ads. Настройка пикселей отслеживания, коллбэков, передача событий для контекстной рекламы.
API Integration
Интеграция внешних API: Telegram Bot API, Web3Forms, Яндекс.Метрика. Работа с REST API, обработка JSON, AJAX-запросы.
Работа с БД (MySQL, Redis)
Понимание принципов работы с базами данных: SQL-запросы, оптимизация, работа с Redis для кеширования данных.
Хостинг, Домены & DNS
Настройка хостинга и доменов: перенос сайтов, настройка DNS-записей, подключение доменов к хостингу, конфигурация .htaccess (редиректы, SEO).
jQuery & JavaScript библиотеки
Работа с jQuery и библиотеками: Slick Carousel, Animate.css, Lottie (JSON), ScrollMagic. Создание слайдеров, галерей и анимаций при скролле.
Bootstrap & CSS Frameworks
Опыт работы с CSS-фреймворками: Bootstrap 5, Materialize CSS. Кастомизация компонентов, адаптивная сетка, быстрая разработка UI.
PHP & Backend Integration
Создание серверной логики на PHP: обработка форм, отправка email, интеграция с внешними API, работа с сессиями и cookies.
Canvas API & Web Animations
Создание интерактивных canvas-анимаций и визуальных эффектов. Работа с частицами, динамическими визуализациями и игровой графикой.
reCAPTCHA & Защита от ботов
Интеграция Google reCAPTCHA v3 и SmartCAPTCHA для защиты форм от спама и ботов. Невидимая капча, валидация на стороне сервера.
SVG & Векторная графика
Работа с SVG-иконками и анимациями. Оптимизация векторных изображений, создание интерактивных иконок, CSS/JS анимации SVG.
Командная разработка
Опыт работы в команде с бэкендерами и дизайнерами. Code review, работа с задачами в Яндекс.Трекере и Битрикс24, соблюдение дедлайнов.
Telegram Bot API
Создание Telegram-ботов для уведомлений о заявках, настройка webhook, работа с Telegram Bot API, интеграция с формами обратной связи.
Адаптивная верстка
Создание сайтов, которые отлично выглядят на любых устройствах:
от смартфонов до широкоформатных мониторов.
HTML5 / CSS3
Владею современными стандартами для создания семантически верной
и стильной разметки.
JavaScript (ES6+)
Использую современный JavaScript для создания интерактивных
интерфейсов и клиентской логики.
Кроссбраузерность
Обеспечиваю корректную работу сайта во всех популярных браузерах
(Chrome, Firefox, Safari, Edge).
Оптимизация скорости
Применяю лучшие практики для быстрой загрузки: оптимизация
изображений, минимизация кода, кеширование, ленивая загрузка.
CSS Анимации
Добавляю сайтам 'жизни' с помощью плавных CSS-анимаций для
улучшения пользовательского опыта.
Методология БЭМ
Следую методологии БЭМ для создания поддерживаемого,
масштабируемого и понятного CSS-кода.
SASS / SCSS
Умею работать с препроцессорами для ускорения и упрощения
написания CSS-кода.
Верстка из Figma
Превращаю макеты из Figma в полностью соответствующий им код с
точностью до пикселя.
Портфолио
За время обучения и практики мной было реализовано множество коммерческих и пет-проектов. Здесь представлены мои лучшие работы.
🌍 KINETICA — лендинг GEO: нейросети и генеративный поиск
Промо-страница услуги GEO/AI SEO для KINETICA: продвижение в нейросетях и AI-выдаче. Лендинг с hero и KPI, сравнением SEO и GEO, блоком «почему важно», 5 этапами работы, интерактивом выгод (узлы по клику), демо таблицы видимости брендов в AI (таблица/карточки, поиск, колонки), тремя тарифами, кейсами, отзывами и формами заявки.
Ключевые особенности:
- Слайдер в hero
- Награды и ленты с AI-платформами
- Сравнение классического SEO и GEO
- Этапы от аудита до масштабирования
- Интерактив «что даст бизнесу»
- Блок сравнения брендов с переключением режимов
- Тарифы со свайпом на мобильных
- Кейсы, отзывы, статьи блога
- Адаптивная вёрстка
Технологии:
Twig
Symfony
Webpack Encore
SCSS
jQuery
Swiper
Owl Carousel
Lazyload
GitLab
Результат: продающая страница услуги с интерактивными блоками и понятной подачей тарифов в стиле сайта KINETICA.
Посмотреть проект
Отзывы клиентов
Вот что говорят клиенты о сотрудничестве со мной: