Дмитрий Майоров: как строить платформы, на которых работает бизнес

Дмитрий Майоров, Staff Front-End Engineer в компании Fueled, создавал цифровые платформы для Гарварда, Starbucks, Cleveland Clinic и REI. Его работа отмечена премией Webby Award, а сам он входит в состав жюри W3 Awards, Davey Awards и Communicator Awards.

В этом интервью Майоров рассказывает о проектах, в которых архитектура фронтенда определяла то, как работает бизнес, — от координации мерчандайзинга в 165 магазинах до оцифровки одного из крупнейших архивов устной истории в партнёрстве с Google.

REI — крупный американский кооператив, торгующий товарами для активного отдыха; его сеть насчитывает 165 магазинов в 39 штатах. Координировать мерчандайзинг в сети такого масштаба — серьёзная логистическая задача: каждому магазину нужна своевременная информация о выкладке товара, данные по SKU (Stock Keeping Unit) и визуальные стандарты. Приложение Visual Merch App, которое создал Майоров, стало основным инструментом этого процесса — рабочей платформой, через которую операционная коммуникация доходит до всех 165 точек.

Как ведущий инженер проекта, Майоров работал напрямую с командой REI: вместе они определили цели платформы, перевели их в функциональные требования и сформировали технический подход. Он интегрировал приложение в существующий монорепозиторий REI, рядом с основным сайтом rei.com, настроил процесс CI/CD в CircleCI и выстроил фронтенд-архитектуру на основе дизайн-системы REI Cedar. Кроме того, он реализовал на React предпросмотр торговых выкладок, работающий на данных SKU, а затем спланировал поэтапное внедрение и координировал релиз с командой WordPress VIP.

«Самое сложное в проекте такого рода — спроектировать архитектуру так, чтобы приложение стало единым источником данных для всей сети магазинов. Обновления должны приходить мгновенно, без ручного вмешательства. Если это не заложено в архитектуру с самого начала, исправить потом будет на порядок дороже», объясняет Майоров.

До прихода в 10up Майоров работал в Rareview — цифровом агентстве из Лос-Анджелеса. Одним из проектов того периода стала платформа для 131 Method, 12-недельной велнес-программы Шалин Джонсон — автора бестселлеров по версии The New York Times и фитнес-предпринимателя, чьи программы разошлись тиражом более 10 миллионов копий.

У программы была необычная структура: участников объединяли в потоки в зависимости от даты старта, а контент открывался постепенно, по мере прохождения программы. Непрерывный набор, группировка по потокам и поэтапная выдача материалов делали крайне затруднительным использование любой из существующих на рынке систем управления обучением.

Майоров возглавил фронтенд-разработку кастомной LMS, которую создали с нуля и запустили за три месяца. Он отвечал за фронтенд-стратегию, оценивал объём работ и принимал ключевые технические решения по архитектуре, тестированию и выпуску. Платформа была построена как система переиспользуемых компонентов, задокументирована в Storybook и покрыта автоматическими модульными и интеграционными тестами.

Результат не заставил себя ждать. За первый квартал платформа привлекла более 50 000 пользователей и принесла свыше миллиона долларов выручки. Сотрудничество организации Johnson с Rareview продолжалось более двух лет, и всё это время команда развивала платформу.

В обоих случаях именно архитектура фронтенда определяла, сможет ли продукт работать так, как задумано. Для REI она связала 165 магазинов с единым источником данных о мерчандайзинге. Для 131 Method — сделала возможной бизнес-модель, которую не поддерживало ни одно готовое решение, и принесла измеримую выручку уже через несколько недель после запуска.

Майоров подключился к проекту Cleveland Clinic Newsroom, когда платформа уже была запущена. Изначальная задача выглядела простой — перевести сайт на более новую версию CMS с улучшенным редакторским интерфейсом. Но в ходе миграции он обнаружил проблемы, выходившие за рамки первоначального объёма работ: узкие места в производительности и неэффективную реализацию рекламных блоков.

Cleveland Clinic — одно из ведущих медицинских учреждений мира: её клиники работают в Кливленде, Флориде, Неваде, Абу-Даби, Торонто и Лондоне. Отделение в Абу-Даби, открывшееся в 2015 году, обслуживает пациентов в ОАЭ и на всём Ближнем Востоке. Newsroom — платформа, через которую клиника публикует новости и пресс-релизы для этой глобальной аудитории.

Проект Cleveland Clinic напрямую связан и с регионом Персидского залива. Отделение в Абу-Даби — заметная часть международного присутствия организации, оно обслуживает пациентов в ОАЭ и на всём Ближнем Востоке. Работа Майорова над платформой Newsroom не относилась к клиническому программному обеспечению, но она поддерживала цифровой слой вокруг глобальной медицинской организации: производительность, публикацию материалов, доступ к информации и возможность надёжно поддерживать коммуникацию между регионами.

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

«Когда работаешь над платформой для медицинского учреждения такого масштаба, отношение к производительности меняется. Она становится вопросом доступа — насколько быстро журналисты, исследователи и пациенты получают актуальную информацию. Инженер обязан видеть такие проблемы, даже если они выходят за рамки исходного задания», — говорит Майоров.

Этот взгляд особенно актуален для региона Персидского залива, где крупные институции вкладываются в цифровые платформы, рассчитанные на большую, интернациональную и очень мобильную аудиторию. Для медицинской организации, присутствующей в Абу-Даби, архитектура фронтенда — не просто слой представления. От неё зависит, как быстро публикуется информация, насколько надёжно к ней можно получить доступ и насколько хорошо платформа поддерживает коммуникацию между рынками. Для Майорова вывод из работы с крупным здравоохранением очевиден: цифровая инфраструктура должна делать сложные организации понятнее для тех, кто от них зависит.

Тот же принцип — закладывать производительность в архитектуру с первого дня — Майоров применил в работе над цифровой экосистемой Гарвардской школы общественного здравоохранения имени Т. Х. Чана (Harvard T.H. Chan School of Public Health). В роли со-руководителя фронтенд-разработки он создал библиотеку компонентов, которая обеспечила единообразие более чем на 200 связанных между собой сайтах. Команда с самого начала рассматривала метрики Core Web Vitals как жёсткие архитектурные ограничения, и это заметно сократило время загрузки по сравнению с предыдущей версией. Проект получил премию Webby Award в категории School/University — награду, которая оценивает не только визуальный дизайн, но и удобство использования, функциональность и техническое исполнение. Доступная библиотека компонентов, оптимизация производительности и масштабируемая архитектура, созданные командой Майорова, сыграли в этом результате ключевую роль.

Майоров также руководил фронтенд-разработкой сайта Hilton Global Foundation — цифровой платформы благотворительных программ Hilton, которые поддерживают помощь при стихийных бедствиях и инициативы в области устойчивого туризма в сети из более чем 6500 отелей в 119 странах. Как ведущий фронтенд-инженер он участвовал в проекте от стадии первоначального планирования до развёртывания, курировал процесс дизайна и работу команды разработки.

В 2020 году Fueled и Google совместно запустили StoryCorps Connect — работающую в браузере платформу, которая позволяет людям записывать видеоинтервью удалённо. StoryCorps — американская некоммерческая организация, которая с 2003 года собирает и сохраняет личные истории людей со всей страны. К моменту запуска проекта её архив насчитывал более 300 000 интервью с участием свыше 600 000 человек из всех 50 штатов и территорий.

С технологической стороны платформа использовала Google Cloud API для автоматической расшифровки аудио в текст и отдельный API — для выделения ключевых слов. Расшифровки и ключевые слова загружались в поисковый индекс и становились доступны для поиска внутри StoryCorps Archive. Пользователи могли находить интервью по тексту их расшифровок.

Майоров пришёл в проект как Senior Front-End Engineer. Он перепроектировал поисковый интерфейс под новую функциональность, провёл аудит производительности и ускорил загрузку сайта, перестроил CI-пайплайн, сократив время сборки, и написал функциональные требования для фронтенд-части проекта.

«StoryCorps Connect — проект, в котором техническая инфраструктура работает на культурную задачу. Архив из 600 000 голосов существовал и до нас, но именно платформа сделала его доступным для поиска и позволила людям записывать новые интервью удалённо. В 2020 году, когда личные встречи стали невозможны, это оказалось особенно важно», — отмечает Майоров.

Проект получил заметное признание: Google рассказал о нём в официальном блоге Cloud API, а в День благодарения 2020 года StoryCorps был отмечен отдельным Google Doodle — временным художественным оформлением логотипа Google на главной странице поисковика, посвящённым празднику, историческому событию, годовщине или значимой персоне.

Многие клиентские проекты Майорова — REI, Cleveland Clinic, Blackstone — построены на WordPress. Он вносит вклад и в саму платформу: его исправления в системе комментариев прошли ревью и были приняты в ядро WordPress. На WordPress работают 43 процента всех сайтов в интернете, и изменения в его ядре проходят строгий отбор — принимаются только те правки, которые соответствуют стандартам качества проекта.

Помимо кода, Майоров развивает и профессиональное сообщество вокруг платформы. В 2016 и 2017 годах он был главным организатором WordCamp Moscow, в 2018 году — соорганизатором. Как спикер, он выступал на WordCamp Europe в Париже (более 3400 участников), WordCamp US в Филадельфии (более 2650 участников) и Нэшвилле (более 1700 участников), а также на WordCamp London и WordCamp Moscow — всего 11 докладов в четырёх странах. Темы варьировались от архитектуры тем WordPress, CSS-препроцессоров и типографики до блочного редактора Gutenberg и принципов lean во фронтенд-разработке.

С 2019 года Майоров входит в жюри W3 Awards, Davey Awards и Communicator Awards — конкурсов под управлением Academy of Interactive & Visual Arts, которые оценивают цифровые проекты в самых разных отраслях. Он рассматривает заявки в категории сайтов и оценивает проекты по таким критериям, как удобство использования, производительность и то, насколько эффективно технические ограничения были применимы для достижения бизнес-целей.

«Когда ты вносишь вклад в платформу, на которой работает почти половина веба, это меняет твой подход к архитектуре в клиентских проектах. Начинаешь думать о том, как каждое решение проявит себя в масштабе, далеко выходящем за пределы одного сайта», — добавляет Майоров.