Shopify и e-commerce инженер · 5 лет в e-commerce, 3 на Shopify
Витрины Shopify, которые конвертируют. Собраны от и до, быстрее, чем вы ожидали.
От оффера и выбора товара до корзины, чекаута, измерений и безопасного релиза. Магазины в США, Канаде и Европе. Вы передаёте витрину и получаете готовый результат, в котором открытые вопросы уже закрыты.
Передовые инструменты, проверенные на живых магазинах.
Я работаю со всем, что сегодня реально ускоряет разработку: отбираю новые инструменты, проверяю их на практике и оставляю только то, что выдерживает боевой проект. Пример: конвейер на Figma MCP и Claude Code, который я собрал восемь месяцев назад и с тех пор оттачиваю на реальных магазинах. Клиент получает не эксперимент, а отработанный процесс.
02
Один человек вместо цепочки согласований.
Проект не ждёт дизайнера, менеджера и ревью третьей стороны. Доработка макета, генерация ассетов, код, тестирование и релиз проходят через одни руки. Когда задача требует команды, я собираю её и веду сам: такой опыт у меня тоже есть.
03
Улучшаю бриф, а не только выполняю его.
Каждый проект я рассматриваю как воронку продаж, а не как список задач. Если вижу более эффективный способ повлиять на конверсию, чем заложен в ТЗ, предлагаю его до начала работ. Опыт десятков магазинов подсказывает, какие решения приносят продажи, а какие только создают видимость активности.
04
Отвечаю за результат до самого релиза.
Нахожу причину, устраняю её, проверяю и выпускаю в продакшен, не затрагивая работу контент-команды. Сложности остаются на моей стороне. К вам приходит готовый результат и короткое резюме: что изменилось и на что обратить внимание.
Инструменты на практике
Из макета Figma в продакшен, пиксель в пиксель.
Новые инструменты попадают в мои проекты только после того, как доказали пользу на реальной работе. Самый наглядный пример: конвейер на Figma MCP и Claude Code, который я собрал восемь месяцев назад и с тех пор оттачиваю на боевых магазинах. Макет заходит через MCP, Claude Code собирает секцию по паттернам самой темы, каждый отступ и радиус сверяются с дизайном. Время, которое раньше уходило у разработчика на рутинную вёрстку, теперь идёт на другое: на тестирование, чтобы всё работало корректно, на поиск недоработок и на более продуманные решения, в том числе те, что напрямую влияют на скорость загрузки. Бытовая вёрстка осталась в прошлом, а с ней и эпоха бесконечных правок, неправильно собранных секций и долгой загрузки, которая для e-commerce бьёт и по продажам, и по метрикам. Если эта эпоха где-то и продолжается, то у других разработчиков. Фокус сместился на результат: сайт должен работать быстро и без сбоев, и именно на это теперь тратится освободившееся время.
Макет из Figma через MCP
Черновик по паттернам темы
Сверка с дизайном
Проверка в чистом браузере
Релиз
Где это помогает
Изучение репозитория
Планирование реализации
Черновики тестов
Помощь с рефакторингом
Документация
Преобразование данных
Прототипирование
Эксперименты с API и рабочими процессами
Сгенерированный код уходит в продакшен только после проверки на кодовой базе, ограничениях платформы и в чистой среде.
Избранный проект
Разработка Shopify-витрины с фокусом на конверсию
Американский wellness-бренд добавок под NDA. Я заново спроектировал сам подписочный оффер: какие планы запускать, какой каденции соответствует каждый пак, как показывать цену, чтобы она всегда совпадала со списанием, и buy box на нативных Selling Plans без вендорного виджета. Затем выстроил трекинг воронки через закрытый чекаут Shopify с помощью кастомного Web Pixel и нашёл сдвиг макета, который PageSpeed не показывал. Продажи за восемь недель после релиза оказались на 45% выше, чем за восемь недель до него. Абсолютные цифры остаются у бренда.
6Разборы
~130Sections
~180Snippets
80Templates
6Разборы
~130Sections
~180Snippets
80Templates
6Разборы
~130Sections
~180Snippets
80Templates
Переиспользуемые Liquid-файлы по всей теме и её шаблонам, а не одна страница.
Архитектура аналитикиТрекинг воронки через закрытый чекаут с кастомным Web Pixel, включая дубли событий Purchase, которые до этого репортил маркетинговый стек.
Безопасная для production доставкаGit-пайплайн для магазина, который контент-команда правит ежедневно: с момента внедрения ни одна правка не была затёрта.
Миграция Loop → RechargeПереезд, рассчитанный по календарю списаний, чтобы ни один подписчик не заплатил дважды.
От медицински сложного каталога до дисциплинированной адаптации премиальной темы: каждый проект требовал своего баланса между собственным опытом, нативным поведением Shopify и контролем продавца.
Всё, что нужно магазину, чтобы продавать. От одного человека.
Темы любой сложности
С нуля, полные редизайны, кастомные секции и шаблоны, metafields на OS 2.0. Пиксель в пиксель из Figma через MCP-конвейер.
Подписки и всё вокруг покупки
Recharge, Loop, нативные Selling Plans. Собственные виджеты подписок, когда вендорное решение не вписывается в дизайн или искажает цену. Миграции подписчиков без двойных списаний. Бандлы, паки с живым расчётом выгоды, апселлы, кросс-селлы, quiz-воронки, product finder, сравнения, любой кастомный buy box. Знаю, какие из них действительно поднимают конверсию, а какие лишь модны, и говорю об этом прямо.
Интеграции и Shopify API
Подписочные сервисы, оптовые порталы, POS, аналитика, миграции данных без потерь.
Воронка и трекинг
Вижу, где клиент сходит с пути к покупке, и устраняю это. Пиксели, события и конверсии по всей воронке, включая чекаут: GTM и DataLayer, GA4 ecommerce, Google Ads и Meta Pixel, Amplitude, Klaviyo. Кастомные Web Pixels там, где стандартных недостаточно. Могу взять этот стек на себя целиком.
Скорость и Core Web Vitals по реальным пользователям
Измеряю на реальных пользователях, а не в PageSpeed. Собственные скрипты полевых данных показывают, какая метрика проседает на каком устройстве, и исправление направлено именно туда. В одном магазине так обнаружился CLS 0.9 у трети мобильных пользователей, которого лабораторные инструменты не видели. Сведён к нулю.
Безопасный деплой на живой магазин
Git без потери контента и без простоев. Несколько разработчиков и контент-команда в Customizer? Выстраиваю процесс: ветки под темы, изолированные откатываемые PR, порядок работы с общими файлами. Никто не затирает чужую работу.
Всё для запуска
Политики, Markets, локализация, юридические страницы. Всё, что нужно, чтобы магазин запустился и не сломался.
Инженерная работа вокруг того, как магазин на самом деле продаёт
Я работаю за пределами слоя темы: составляю карту пути покупки, определяю, где ломается доверие или состояние коммерции, добавляю измерения, необходимые, чтобы это понять, и меняю наименьшую часть системы, способную это улучшить.
01
Нахожу, где ломается путь покупки
Я прослеживаю путь от предложения до заказа и нахожу, где видимое пользователю и состояние коммерции перестают совпадать.
Лучшая витрина не должна превращаться в магазин, которым сложнее управлять.
Передайте витрину и считайте вопрос закрытым.
Пришлите задачу и цель. Дальше разберусь в коде, доведу работу до релиза и проверю сам. Английский B2, с клиентами из США работаю напрямую, без посредников.