evgeny-zhidkov.ru
🎯 Персональный сайт
⚡ HTML/CSS/JS
Создание профессионального портфолио с помощью Claude — полноценный сайт с современным дизайном, адаптивной версткой и интерактивными элементами.
Задача: Быстро создать качественное портфолио для презентации навыков PM/Scrum Master с акцентом на технические компетенции.
Решение: Использовал Claude для генерации структуры, дизайна и кода. Итеративно дорабатывал детали, добавлял функционал пагинации, модальных окон для проектов, темную/светлую тему. Результат — профессиональный сайт за несколько часов вместо нескольких дней разработки.
Технологии: Claude AI, HTML5, CSS3 (градиенты, анимации), JavaScript (модальные окна, пагинация, переключение темы), адаптивная верстка, SEO-оптимизация
Order Manager Pro
💼 Внутренняя система
⚙️ PHP/MySQL/AJAX
Система управления заказами для ticket-ermitage — комплексное веб-приложение для обработки заказов билетов с автоматизацией рутинных задач менеджеров.
Проблема: Менеджерам приходилось вручную обрабатывать заказы в админке Bitrix, что занимало много времени. Нужен был удобный интерфейс для быстрой работы с большим объемом заказов.
Решение с AI: С помощью Claude создал с нуля PHP-приложение с современным UI. AI помогал с архитектурой БД, оптимизацией SQL-запросов, реализацией AJAX для мгновенных обновлений, разработкой логики фильтрации и пагинации. Особенно эффективно Claude справился с обработкой связей родитель-дочерние заказы и реализацией прогресс-бара загрузки штрих-кодов.
Результат: Скорость обработки заказов выросла в 3 раза. Менеджеры получили удобный инструмент с автопроверкой новых заказов, массовой загрузкой файлов, фильтрами и поиском. Система работает стабильно при обработке 100+ заказов в день.
Технологии: Claude AI для разработки, PHP 7.4, MySQL, Bitrix API, AJAX/jQuery, Bootstrap-подобный UI, адаптивная верстка
×
Order Manager Pro — Интерфейс системы
Информационные страницы Эрмитажа
🎨 UX/UI Design
📱 Адаптивная верстка
Дизайн и структура информационных страниц для ticket-ermitage.ru — комплекс страниц с информацией о музее, контактами, режимом работы и услугами.
Задача: Создать удобные информационные страницы, которые гармонично впишутся в существующий дизайн билетной системы Эрмитажа. Требовалась четкая структура подачи информации и интуитивная навигация.
Решение с AI: Совместно с Claude спроектировал архитектуру информации, разработал визуальную структуру и дизайн страниц. AI помог с организацией контента, созданием иерархии заголовков, подбором оптимальных UI-паттернов для различных типов информации (расписание, контакты, услуги). Особое внимание уделили адаптивности и читабельности на мобильных устройствах.
Страницы:
• Контакты — карта, способы связи, адреса касс
• Режим работы — расписание всех зданий музея, праздничные дни
• Аудиогид — описание услуги, условия аренды, языки
Результат: Созданные страницы органично вписались в структуру сайта, улучшили пользовательский опыт. Посетители легко находят нужную информацию, что снизило количество обращений в поддержку на 25%.
Технологии: Claude AI для проектирования, Bitrix Framework, HTML5/CSS3, адаптивная верстка, семантическая разметка
×
Информационные страницы — Примеры
WordPress Product Parser
🔄 Автоматизация
⚙️ PHP/WooCommerce
Комплексная система парсинга товаров для интернет-магазина — автоматическое обновление каталога товаров из внешнего источника в WooCommerce с обработкой изображений, цен и остатков.
Проблема: Имелась базовая версия парсера, которая работала нестабильно: зависала на больших объемах, пропускала товары, дублировала позиции, не обрабатывала ошибки. Память переполнялась, скрипты конфликтовали между собой. Требовалась полная переработка архитектуры.
Решение с AI: Совместно с Claude провели глубокий рефакторинг кода. AI помог:
• Внедрить систему блокировок для предотвращения параллельного запуска
• Оптимизировать SQL-запросы и работу с памятью (пагинация вместо массовой загрузки)
• Реализовать механизм сохранения исходных категорий при перемещении товаров
• Добавить обработку ошибок и логирование на каждом этапе
• Создать систему расчета наценки по 10 ценовым диапазонам
• Настроить корректную работу с авторизацией и cookies
Архитектура:
1. parser_links_cron.php — сбор ссылок на товары с пагинацией
2. parser_offers_cron.php — обработка существующих товаров, обновление цен/остатков
3. parser_detail_cron.php — добавление новых товаров с описаниями
4. parser_update_img_cron.php — загрузка отсутствующих изображений
Результат: Стабильная работа парсера без сбоев при обработке 5000+ товаров. Полностью автоматизирован процесс обновления каталога. Скорость работы увеличена в 4 раза благодаря оптимизации. Система защищена от дублирования и конфликтов. Владелец магазина получил надежный инструмент для синхронизации с поставщиком.
Технологии: Claude AI для рефакторинга, PHP 7.4, WordPress/WooCommerce API, cURL, JSON, file locks, пагинация запросов, обработка ошибок
CloudPayments Integration
💳 Payment Gateway
🔧 Bitrix/PHP/JS
Полноценная интеграция платежной системы CloudPayments — от клиентского виджета до серверного обработчика уведомлений с поддержкой чеков, СБП и офлайн-конверсий Яндекс.Метрики.
Задача: Интегрировать платежный шлюз CloudPayments в существующую систему бронирования билетов на Bitrix. Требовалось:
• Корректная передача данных заказа в виджет оплаты
• Формирование фискальных чеков согласно 54-ФЗ
• Серверная обработка уведомлений (Check, Pay, Fail)
• Защита от двойной оплаты и истекших заказов
• Отправка офлайн-конверсий в Яндекс.Метрику для корректного трекинга
Решение с Claude AI:
1. Клиентская часть (JS): AI помог разработать надежную логику получения ClientId из Яндекс.Метрики (через объект ym, куки _ym_uid, _ym_d), гарантированную передачу secret для редиректа на страницу успеха, формирование корректной структуры чека с товарными позициями, обработку всех способов оплаты (карта, СБП, Tinkoff Pay, SberPay).
2. Серверный обработчик: Claude создал комплексный callback-handler с:
• HMAC-проверкой подписи для защиты от подделки уведомлений
• Трехэтапной обработкой: Check (проверка заказа), Pay (подтверждение), Fail (отклонение)
• Защитой от дублирующих уведомлений
• Валидацией суммы заказа и времени создания
• Логированием всех этапов для отладки
3. Офлайн-конверсии: Реализована отправка данных в Яндекс.Метрику через API загрузки офлайн-конверсий:
• Формирование CSV с ClientId, целью, суммой покупки
• Retry-механизм с 3 попытками отправки
• Логирование успехов и ошибок для мониторинга
Сложности и решения:
• Проблема: Secret не всегда приходил в ответе сервера → Решение: Резервный AJAX-запрос для получения secret
• Проблема: Дублирующие уведомления Pay → Решение: Проверка статуса оплаты перед обновлением
• Проблема: Метрика не видела конверсии → Решение: Серверная отправка через API с корректным ClientId
• Проблема: Истекшие заказы оплачивались → Решение: Таймаут 30 минут на этапе Check
Результат: Полностью рабочая платежная система с коэффициентом успешных платежей 98%+. Корректная отправка чеков в ОФД. Точный трекинг конверсий в Яндекс.Метрике через офлайн-конверсии. Прозрачная система логирования для быстрой диагностики проблем. Защита от мошенничества через HMAC и валидацию данных.
Технологии: Claude AI для архитектуры решения, CloudPayments API, PHP 7.4, Bitrix ORM, JavaScript/jQuery, Яндекс.Метрика API, HMAC-SHA256, CSV-формат офлайн-конверсий, file logging
×
Платежная система и оффлайн конверсии