Перейти к содержимому

Shopify и e-commerce инженер · 5 лет в e-commerce, 3 на Shopify

Витрины Shopify, которые конвертируют. Собраны от и до, быстрее, чем вы ожидали.

От оффера и выбора товара до корзины, чекаута, измерений и безопасного релиза. Магазины в США, Канаде и Европе. Вы передаёте витрину и получаете готовый результат, в котором открытые вопросы уже закрыты.

Превью страницы товара Shopify, созданной для работающего магазина

Почему я

Не исполнитель по ТЗ, а партнёр по результату.

01

Передовые инструменты, проверенные на живых магазинах.

Я работаю со всем, что сегодня реально ускоряет разработку: отбираю новые инструменты, проверяю их на практике и оставляю только то, что выдерживает боевой проект. Пример: конвейер на Figma MCP и Claude Code, который я собрал восемь месяцев назад и с тех пор оттачиваю на реальных магазинах. Клиент получает не эксперимент, а отработанный процесс.

02

Один человек вместо цепочки согласований.

Проект не ждёт дизайнера, менеджера и ревью третьей стороны. Доработка макета, генерация ассетов, код, тестирование и релиз проходят через одни руки. Когда задача требует команды, я собираю её и веду сам: такой опыт у меня тоже есть.

03

Улучшаю бриф, а не только выполняю его.

Каждый проект я рассматриваю как воронку продаж, а не как список задач. Если вижу более эффективный способ повлиять на конверсию, чем заложен в ТЗ, предлагаю его до начала работ. Опыт десятков магазинов подсказывает, какие решения приносят продажи, а какие только создают видимость активности.

04

Отвечаю за результат до самого релиза.

Нахожу причину, устраняю её, проверяю и выпускаю в продакшен, не затрагивая работу контент-команды. Сложности остаются на моей стороне. К вам приходит готовый результат и короткое резюме: что изменилось и на что обратить внимание.

Инструменты на практике

Из макета Figma в продакшен, пиксель в пиксель.

Новые инструменты попадают в мои проекты только после того, как доказали пользу на реальной работе. Самый наглядный пример: конвейер на Figma MCP и Claude Code, который я собрал восемь месяцев назад и с тех пор оттачиваю на боевых магазинах. Макет заходит через MCP, Claude Code собирает секцию по паттернам самой темы, каждый отступ и радиус сверяются с дизайном. Время, которое раньше уходило у разработчика на рутинную вёрстку, теперь идёт на другое: на тестирование, чтобы всё работало корректно, на поиск недоработок и на более продуманные решения, в том числе те, что напрямую влияют на скорость загрузки. Бытовая вёрстка осталась в прошлом, а с ней и эпоха бесконечных правок, неправильно собранных секций и долгой загрузки, которая для e-commerce бьёт и по продажам, и по метрикам. Если эта эпоха где-то и продолжается, то у других разработчиков. Фокус сместился на результат: сайт должен работать быстро и без сбоев, и именно на это теперь тратится освободившееся время.

  1. Макет из Figma через MCP
  2. Черновик по паттернам темы
  3. Сверка с дизайном
  4. Проверка в чистом браузере
  5. Релиз

Где это помогает

  • Изучение репозитория
  • Планирование реализации
  • Черновики тестов
  • Помощь с рефакторингом
  • Документация
  • Преобразование данных
  • Прототипирование
  • Эксперименты с API и рабочими процессами

Сгенерированный код уходит в продакшен только после проверки на кодовой базе, ограничениях платформы и в чистой среде.

Избранный проект

Разработка Shopify-витрины с фокусом на конверсию

Американский wellness-бренд добавок под NDA. Я заново спроектировал сам подписочный оффер: какие планы запускать, какой каденции соответствует каждый пак, как показывать цену, чтобы она всегда совпадала со списанием, и buy box на нативных Selling Plans без вендорного виджета. Затем выстроил трекинг воронки через закрытый чекаут Shopify с помощью кастомного Web Pixel и нашёл сдвиг макета, который PageSpeed не показывал. Продажи за восемь недель после релиза оказались на 45% выше, чем за восемь недель до него. Абсолютные цифры остаются у бренда.

  • 6Разборы
  • ~130Sections
  • ~180Snippets
  • 80Templates

Переиспользуемые Liquid-файлы по всей теме и её шаблонам, а не одна страница.

Смотреть основной кейс
  • Архитектура аналитикиТрекинг воронки через закрытый чекаут с кастомным Web Pixel, включая дубли событий Purchase, которые до этого репортил маркетинговый стек.
  • Безопасная для production доставкаGit-пайплайн для магазина, который контент-команда правит ежедневно: с момента внедрения ни одна правка не была затёрта.
  • Миграция Loop → RechargeПереезд, рассчитанный по календарю списаний, чтобы ни один подписчик не заплатил дважды.
Изучить все шесть разборов

Избранные работы по Shopify

Разные ограничения. Та же инженерная дисциплина.

От медицински сложного каталога до дисциплинированной адаптации премиальной темы: каждый проект требовал своего баланса между собственным опытом, нативным поведением 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

Нахожу, где ломается путь покупки

Я прослеживаю путь от предложения до заказа и нахожу, где видимое пользователю и состояние коммерции перестают совпадать.

Путь покупки

  1. Предложение

    Цены, наборы, экономия

  2. Решение о товаре

    Варианты, подписка, информирование

  3. Корзина

    Состояние, количество, выдвижная панель

  4. Checkout

    События, доставка, оплата

  5. Заказ

    Подтверждение и сопровождение

Частые точки сбоя

Устаревшие цены · Несовпадающие варианты · Незаметные сбои корзины · Нестабильность на мобильных · Отсутствующие события · Пробелы в Checkout

02

Выбираю правильный уровень доработки

Я решаю, что делать с требованием: настроить, расширить, интегрировать или построить.

  1. Настроить

    Использую платформу там, где она уже решает требование.

  2. Расширить

    Адаптирую нативную систему через представление в теме и структурированные данные.

  3. Интегрировать

    Подключаю приложения и внешние системы, не дублируя владение данными.

  4. Построить

    Добавляю собственное поведение только там, где это действительно необходимо.

Цель не в максимальной доработке. Цель в наименьшем надёжном решении.

03

Создаю цикл измерений

Когда имеющейся аналитики недостаточно, я добавляю инструментирование, нужное, чтобы наблюдать, диагностировать, менять и проверять.

  1. Наблюдение

    Поведение реальных пользователей и события

  2. Диагностика

    Поиск первопричины

  3. Изменение

    Внедрение наименьшего полезного исправления

  4. Проверка

    Измерение инженерного результата

  5. Цикл продолжается по мере появления новых данных.

RUM · Checkout Web Pixels · Проверка в браузере · Операционные проверки

Каждое изменение проверяется после релиза на данных самого магазина, а не по лабораторному баллу.

04

Улучшаю магазин, не усложняя работу с ним

Коммерчески полезное улучшение должно ещё и выдержать ежедневный мерчандайзинг, интеграции приложений, обновления темы и будущие релизы.

  • Контроль продавца

    Повседневный контент остаётся редактируемым.

  • Структурированные данные

    Товары и коллекции несут собственную информацию.

  • Безопасный выпуск

    Изменения остаются изолированными и обратимыми.

  • Совместимость

    Собственная доработка учитывает платформу, тему и установленные приложения.

Лучшая витрина не должна превращаться в магазин, которым сложнее управлять.

Передайте витрину и считайте вопрос закрытым.

Пришлите задачу и цель. Дальше разберусь в коде, доведу работу до релиза и проверю сам. Английский B2, с клиентами из США работаю напрямую, без посредников.

Начать разговор