Провайдер eCommerce & Data решений

Все молятся на конверсию, но конверсия – это результирующий показатель. Чтобы конверсия росла, нужно заниматься не конверсией, а продуктом. Делать так, чтобы клиенты его любили, замерять те показатели, на которые мы непосредственно влияем, из которых складывается финальный результат.

Никому не нужны исследования. Всем нужен результат. Поэтому каждый наш проект начинается с discovery. Мы трансформируем образы результата из концептуальной абстракции в набор оцифрованных задач и понятных метрик. Мы инвестируем много ресурсов на старте, за счет этого экономим до 20% бюджета проекта. А главное – убираем риски незапуска и ускоряем Time to Market нового решения, помогая добежать до ценности быстрее. Так мы превращаем discovery из инструмента просчета стоимости проекта в оценку инвестиционной привлекательности

Ключевая проблема компании Четыре лапы, с которой они обратились в АЭРО, заключалась в безудержном росте доли рекламных расходов (DRR). Этот показатель отражает то, насколько люди искренне лояльны к бренду, уходят ли они после покупки и возвращаются ли, чтобы сделать новую.

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

Нашей задачей было создать такой интернет-магазин, который мог бы конкурировать с маркетплейсами по ценам, удобству, ассортименту, скорости доставки.

Мы провели исследование среди владельцев домашних животных и спросили их, почему они решили завести питомцев. Ответ на этот вопрос – ради эмоций! Они и легли в основу концепции нового интернет-магазины Четырех лап.

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

Customer Data Platform (CDP) – это продукт, который хранит и позволяет обрабатывать данные клиентов: атрибуты, заказы, чеки, данные мобильной аналитики и рекламных кабинетов.

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

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

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

Новый сайт Burger King как часть глобального культурного кода в электронной коммерции

Рассказываем, как команда АЭРО поддерживает крупнейшего фуд-ритейлера в цифровых активностях.

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

Старый сайт не был приспособлен для продаж: по сути, это была витрина с меню и обратной связью для пользователей. Иногда Burger King тестировал возможность оплаты через клон мобильного приложения, но полноценного рабочего решения не было. Конверсия была очень низкой. Бургеры заказывали только в мобильном приложении или на фуд-агрегаторах.

«Команда АЭРО обновила сайт российского Burger King в 2020 году, с февраля 2021 года он стал доступен пользователям. На сайте появился интернет-магазин и усовершенствованная корпоративная часть. Масштабные изменения помогли Burger King создать новый канал продаж, отстроиться от агрегаторов и увеличить количество лояльных клиентов в мобильном приложении благодаря лидогенерации через сайт. Рост заказов и средняя конверсия увеличились на 30%, выручка Burger King возросла на 16,6%», – Иван Рябков, Project Manager.

Перед нами стояли три главные задачи:

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

• Перенести инфраструктуру на более современный стек и ускорить работу сайта.

• Усовершенствовать корпоративную часть, где клиенты могут оставить обратную связь, а соискатели — откликнуться на вакансии.

Как это было

Объединенная команда АЭРО и Burger King начала работу над проектом осенью 2020 года. В общей сложности над ним работает более 50 человек.

У нас два режима работы над проектом: спринтерский и выжидательный. Одни задачи требуют немедленного решения, другие — вдумчивой аналитики. На Burger King мы можем сначала очень долго изучать «Вебвизор» и разбираться, почему клиент не совершает покупку, а потом, поняв причину, писать код на сверхмощностях.

Продажи и имидж: два этапа проекта

В 2021 году компания Burger King провела первый полноценный ребрендинг за более чем 20 лет существования сети. Нововведения затрагивают все точки взаимодействия бренда с посетителями: фирменный стиль, сайт, рекламную стратегию и многое другое.

«Мы хотели сделать новый сайт удобным для миллионов клиентов и стали изучать зарубежные сайты Burger King, чтобы на фоне культурных различий найти и общие UX-паттерны. Выяснилось, что единой стилистики компания не придерживается: в малайзийских ресторанах для рекламы используют очень много эмодзи, в русской рекламе основной акцент делают на яркие провокационные формулировки, например «Похоже на какое-то наедалово», – Алексей Филимонов, Project manager.

Интернет-магазин

Проектируем корзину

До релиза нового сайта у нас не было аналитических данных, на которые можно было бы опереться при проектировании пользовательского опыта. Сразу после релиза мы подключили Google Analytics, Яндекс.Метрику, сделали расширенные настройки и разметили сайт. Выяснилось, что самый распространенный пользовательский сценарий — это выбор комбо и купона, то есть покупка набора со скидкой. При этом путь состоит из выбора множества блюд и ингредиентов: добавить хрустящий лук, убрать сыр чеддер, выбрать гарнир с подходящим соусом и так далее.

Комбо — аналог бизнес-ланча в ресторанах. В него входят: бургер, гарнир, крылышки, напиток и многое другое, — в каждом наборе может быть от двух до 25 позиций. А купоны дают большую скидку на комбо: например, набор за 389,97 рублей с купоном можно купить всего за 299,99 рублей.

Раньше воспользоваться такой скидкой можно было только в офлайн-ресторане. Клиент заходил на сайт, выбирал купон и называл номер на кассе. На новом сайте купоном можно воспользоваться для доставки или самовывоза.

Комбо помогает облегчить жизнь пользователю и упростить UX: не нужно заходить в разделы «Напитки», «Гарниры» или «Соусы» — заказ оформляется на одном экране. Для клиента это способ быстрее собрать корзину, а для бизнеса — повысить сумму среднего чека.

Основываясь на данных аналитики, мы оптимизировали этот процесс и сделали его максимально простым и бесшовным для всех устройств — от небольших планшетов до стационарных компьютеров с диагональю экрана 35”.

Разработка и проектирование онлайн-покупок для Burger King очень отличается от продуктового ритейла, которые мы делали раньше — «Утконос», Metro, «Глобус», «Ароматный мир» и других. В классическом ритейле в «Корзине» обычно более 50 товаров и у каждого покупателя свой уникальный состав продуктов — например, пять упаковок чипсов, три бутылки Pepsi, шесть сырных соусов. В ресторанах сети Burger King выбирают сразу наборами: например, один комбо — это два Pepsi, два воппера, одна картошка и наггетсы, причем каждую позицию можно изменить, поменяв картошку на луковые колечки, или дополнить, добавив сырную начинку в воппер. В ресторанах сети Burger King меню и состав комбо отличается в зависимости от города, района и способа доставки. То есть комбо, заказанное в Саратове, и комбо, заказанное в Шереметьеве, будут разными, – Алексей Филимонов, Project manager.

Наша команда интегрировалась с бэкендом мобильного приложения и кассовыми системами 750 ресторанов. Это позволило аккумулировать информацию из всех точек продаж компании в реальном времени, транслировать объединенный продуктовый каталог с актуальным меню, ценами, промоакциями в зависимости от местоположения покупателя. А кроме того, интеграции реализуют взаимодействие кассовых систем конкретного Burger King с приложением покупателя. Другими словами, если пользователь будет делать заказ из Burger King на Краснопресненской, в его выдачу на сайте попадет только то, что есть в наличии именно в этом ресторане.

«Есть стандартная воронка продаж, когда рекламу размещают на каком-нибудь ресурсе и потом через сайт проверяют, как она отрабатывает. Но наш целевой сценарий гораздо шире: мы направляем пользователя по тому предложению, которое его заинтересовало. То есть человек увидит рекламу с «Окрыляющим комбо», перейдет по QR-коду на сайт — и ему предложат установить мобильное приложение. После установки у него автоматически откроется экран с той же «окрыляющей» акцией, где он сможет в 2–3 шага сделать заказ. Это — ключевая и самая длинная цепочка, над которой мы сейчас работаем», – Иван Рябков, Project manager.

Короны за еду: разрабатываем раздел программы лояльности

В Burger King действует бонусная программа KING CLUB, в которой пользователи получают баллы — короны — за любые заказы. Короны можно обменять на любую продукцию ресторанов сети — от наггетсов и кофе до сытных комбо с премиальными бургерами.

Раздел «О компании»

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

Команда — огонь: делаем раздел с вакансиями

На старом сайте Burger King была единая форма для откликов соискателей: все заявки приходили на одну почту и отдел кадров распределял их по 750 ресторанам по всей России. Каждый день в компанию приходит около тысячи обращений.

На новом сайте мы сделали страницы-клоны — отдельные версии страниц с вакансиями для каждого ресторана. Так, если соискатель увидел в Воронеже объявление о работе в Burger King на ул. 20-летия Октября, он отсканирует QR-код, заполнит анкету на вакансию, и его заявка попадет в тот самый ресторан, где он увидел объявление.

Админка для людей

На старом сайте все изменения вносили программисты. В обновленном burgerking.ru мы сделали разные уровни доступа для разных ролей пользователей: маркетологи заполняют только разделы акций и спецпредложений, пресс-секретари — пишут новости компании. Чтобы маркетологи могли сами работать в админке, не привлекая программистов, мы разработали конструкторы шаблонных страниц и визуальный редактор для текстового контента.

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

Тестирование бургерами

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

«Оплата была только боевая, и нам постоянно нужно было проверять, как она работает. В 23:00 мы «гасили» основной сайт, включали новый, запускали боевую оплату и делали заказы с 23:00 до 02:00 в круглосуточных ресторанах сети. Через пару недель мы заметили, что некоторые члены команды поправились на 5 кг, и стали заказывать только пакеты и влажные салфетки. Иногда нам даже перезванивали из ресторанов и уточняли, ничего ли мы не забыли добавить в заказ», – Иван Рябков, Project manager.

Аналитика после релиза

В Burger King отметили, что после обновления сайта выросли конверсия, трафик и средний чек, однако вместе с ними процент отмененных заказов существенно вырос, и это было очень странно.

Большинство пользователей «отваливались» на странице оплаты банка эквайера. Аналитики предположили, что это связано с укороченным пользовательским путем, и мы пошли проверять гипотезу.

«Мы организовали штаб прозвона и всю неделю звонили респондентам, выясняя, почему они не стали ничего покупать. Оказалось, что большинству не хватило экрана, где они могли бы увидеть список товаров в заказе и адрес доставки. Многие возвращались в корзину, чтобы проверить свой заказ или изменить адрес. Из-за того, что у Burger King цены могут отличаться в зависимости от ресторана, заказ отменялся и пересобирался заново», – Алексей Филимонов, Project manager.

После многочисленных звонков с выяснениями мы добавили промежуточный этап со списком заказа и запустили A/B-тестирование: половине пользователей показывали список, другой — нет. Оказалось, что та часть пользователей, которая видела поп-ап чекаута, отменяла заказы на 30% реже, поэтому мы добавили этот промежуточный этап всем посетителям сайта.

Итог

Вместе с командой Burger King мы разработали отличный массовый сервис, которым пользуются миллионы по всей стране. Обновленный сайт стал удобным инструментом персонализированной коммуникации с клиентами. В перспективе это поможет компании существенно увеличить средний чек, количество заказов и оптимизировать маркетинговый бюджет.

Конверсия выросла на 30%, и это всего за 2 месяца с начала работы. Вместе с командой Burger King планируем повышать экспертизу для всего рынка омниканальности и задавать тренды фуд-ритейла.

Популярность маркетплейсов привела к тому, что онлайн-магазины, которые много лет работали в формате специализированных площадок, начали расширять ассортимент. А под это нужна совершенно иная технологическая база! Если вы готовы стать маркетплейсом, АЭРО предоставляет технологию, которая поможет в кратчайшие сроки внедрить полноценный ЛК селлера и начать продажи внешнего ассортимента.

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

От выбора архитектуры ИТ продукта зависит возможность бизнеса расти и удовлетворять потребности клиентов. Выбор архитектуры - это всегда компромиссы. Не бывает идеальной архитектуры. Выбор архитектуры зависит от десятков факторов: от требуемых архитектурных свойств (масштабирование, стоимость разработки, безопасность, отказоустойчивость), от организационной структуры компании, от планов на рост компании, от законадательных требований. Мы в своей практике имеем опыт с разными архитектурами: монолитными, модульно монолитными, многоуровневыми, сервисными и микросервисными, архитектурой пайплайнов и гибридной. Для выбора архитектуры мы используем подходы: DDD, Event Storming, С4 моделирование

Международная компания Shell производит моторные масла с использованием передовых технологий. Они защищают двигатель и продлевают срок его службы.

Так компания заботится об автомобилях своих клиентов.

А мы, команда АЭРО, уже позаботились о том, чтобы купить моторное масло Shell было легко и просто.

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

Мобильное приложение – это не магазин, в который иногда заходишь, если возникла потребность что-то купить или просто так, поглазеть. Это сервис, который с тобой постоянно, с которым ты едешь на эскалаторе, стоишь на светофоре или в который проваливаешься прямо во время бессмысленной деловой встречи. Мы создаем такие приложения, с которыми клиенты не расстаются, даже когда не держат в руках телефон. Но наши клиенты – не социальные сети, и не всегда это магазины повседневного спроса. Иногда это – магазины диванов, холодильников или сталепроката. Изобретать опыт регулярного взаимодействия с ними особенно интересно

Аутстаффинг ИТ-специалистов позволяет оперативно выводить на текущие задачи необходимых специалистов заданной области: разработка, дизайн, аналитики, DevOps.

Мы решаем различные задачи в формате аутстаффинга.

Дополнительное вовлечение экспертов во внутренний контур экспертизы АЭРО позволяет более эффективно решать задачи наших клиентов. Мы используем скилл-сет листы для подбора данных специалистов по meta-, hard-, soft-скиллам, что позволяет обеспечить долгосрочное участие специалистов на проекте.

Автоматизация тестирования позволяет достигать следующих ключевых показателей:

1. Стабильно измеримое качество продукта, которое позволяет снижать издержки бизнеса на этапе производства;
2. Снижение издержек на команду разработки в целом, включая legacy и процессы;
3. Сокращение сроков релиза, а значит, и Time-to-market.

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

Есть две основные причины, почему бизнес инвестирует в данные. Первая – рост конкуренции. Необходимо уметь принимать быстрые и точные решения. Для них нужны качественные и оперативные данные. Вторая – смена технологического уклада. Все больше вертикалей бизнеса автоматизируется при помощи нейросетей. Такая автоматизация так же невозможна без полных и качественных данных.

Вам нужно сфокусироваться на данных, если:

1. Ваши отчеты противоречат друг другу

2. Их составление занимает слишком много времени

3. Найти качественные данные для них сложно, а иногда – просто невозможно

Бизнес с каждым днем проявлял потребность в грамотном управлении данными. Регулярно требовалось создать отчет или выгрузить базу SQL. Мы решили починить это несовершенство и создать внятную, доступную и гибкую платформу управления данными.

«Ключевой задачей АЭРО в рамках проекта с Кофеманией было стать драйвером изменений. Помочь компании сделать первый шаг в построении data-культуры. Такие проекты делаются по выработанной методологии, которая включает 3 основных этапа: выявление бизнес-ценности, определение технологий и процесса вокруг данных, который необходимо реализовать в компании», – Вячеслав Жуков, Chief Data Officer АЭРО.

Нельзя просто взять и вывести цифры на дашборд! За ними всегда стоит специфичная для компании бизнес-логика загрузки, обработки и хранения данных. От data–платформы во многом зависит то, насколько успешна будет компания

Локализация и рывок вперед: как мы разработали новый подход к хранению данных для Hoff на облачной платформе Yandex Cloud

Команда eCommerce-агентства АЭРО рассказывает, как сделать облачное хранилище понятным и структурированным источником информации: единые принципы хранения данных, разработка масштабируемой архитектуры, правильная система алертинга для регулярного контроля качества и не только.

Задача

Hoff обратились к нам в октябре 2021 года за корректировкой разметки web-аналитики. После нескольких консультаций стало ясно, что истинный запрос клиента гораздо шире — в области работы с большими данными.

В компании существует два хранилища, на основе которых работает глобальная аналитическая система Hoff:

• Внутреннее, в котором лежат ключевые данные ритейлера (продажи по товарам, регионам и др).

• Облачное DWH (data warehouse), которое использовалось для работы продуктовых и маркетинговых аналитиков. 

Для повышения эффективности и качества работы Hoff собирает большое количество информации: звонки, визиты, обращения, оплаты, действия клиентов на сайте и многое другое. За 5 лет в хранилище накопился внушительный пул данных об онлайн-заказах и поведении пользователей, а также легаси-код, который замедлял выполнение новых аналитических задач.  

Структура хранилища DWH на базе Google Cloud Platform влекла за собой недочеты, которые ставили под вопрос качество собираемой информации. Сырые данные из более чем 10 источников стекались в BigQuery, использовались для 155 дашбордов и занимали 1938 расчетных полей в 42 отчетах. Иногда данные могли противоречить друг другу, что усложняло принятие решений для бизнеса. 

Эта система позволяла закрывать текущие задачи компании, но для достижения новых амбициозных целей, которые ставил перед собой Hoff, требовался переход на качественно новый уровень работы с данными.

Целью проекта стал рефакторинг облачного хранилища. Главной задачей АЭРО было привести онлайн-данные в порядок: создать единые принципы хранения, разработать масштабируемую архитектуру, выстроить правильную систему алертинга для регулярного контроля качества. В общем, сделать облачное хранилище понятным и структурированным источником информации для Hoff. 

Решение

Дискавери-фаза

Начали с анализа старой структуры: требовалось понять и описать картину as is, поэтому мы провели реверсивный инжиниринг. Начиная с конца, то есть от дашбордов, по цепочке «шли» к сырым данным в источниках, попутно выявляя все последовательности и правила преобразования.  

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

Факты, которые мы обнаружили:

• Из 93 ТБ данных в BigQuery почти треть — ненужные или устаревшие. 

• Объем еженедельных запросов к хранилищу из PowerBI составляет 29 ТБ. 

• Обработка запросов данных стоит компании порядка 3000$ в месяц.
  

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

Спасение данных и переезд в Yandex Cloud

Сразу после аудита мы предложили перейти из BigQuery на open-source решения в Yandex Cloud, так как на текущем этапе развития платить за каждое обращение к данным было нерационально. Это казалось рискованным предложением на фоне привычных сервисов Google, но в феврале картина мира резко изменилась — риск отключения стал стимулом к локализации хранилища. Hoff доверился нашей экспертизе, и мы незамедлительно инициировали бэкап данных, параллельно разрабатывая архитектуру совместно с командой Yandex Cloud. 

Как без паники выгрузить 93 ТБ данных ASAP, пока Google рассылает «письма счастья»? В этом помог аудит. С коллегами из Hoff оперативно решили, какие данные можем не забирать, прописали скрипты для разных сценариев выгрузки в Yandex Object Storage и подняли 3 виртуальные машины для синхронизации хранилища. Команда Yandex Cloud экстренно подключилась к процессу, рассказала об архитектурных особенностях облачной платформы и помогла подсчитать бюджет. 

Нам понравились их управляемые сервисы для СУБД ClickHouse и Greenplum: их использование позволяет снять с себя обслуживание инфраструктуры, обеспечение отказоустойчивости и проверку исправности в процессе раскатки обновлений. В общем, Yandex Cloud следит, чтобы железо и базы данных работали бесперебойно, что позволяет сфокусироваться на развитии проекта.

Благодаря проактивности всех участников процесса и помощи аналитиков из Hoff, уже спустя месяц у нас был доступ к историческим данным на случай отключения инфраструктуры Google.

Чем хорош open-source

Clickhouse и Greenplum — это бесплатные сервисы с открытым исходным кодом, над которыми работает большое количество разработчиков. Из-за этого они, как правило, содержат меньше дефектов, быстрее обновляются и в целом обеспечивают гибкий рабочий процесс. При желании клиента, текущую архитектуру Hoff можно быстро перенести из облака на локальные сервера без потери данных, в то время как BigQuery заставляет буквально с нуля пересобирать все хранилище. 

В то же время open-source — это про стабильность. Блокировка сервисов поставила под сомнение существование экосистемы данных множества компаний, а открытые решения снимают подобные риски.

Разработка архитектуры

Мы решили послойно развернуть хранилище в разных системах управления.

Clickhouse хорошо работает с сырыми данными: за счет высокого сжатия хранилище занимает меньше места, но при этом даже единичные ad hoc запросы выполняются оперативно. Для ядра DWH выбрали Greenplum. Благодаря распределенной обработке, в нем можно быстро изменять, фильтровать и связывать данные. В BigQuery аналитики Hoff работали только с raw data level, то есть с сырыми данными, которые мы перенесли в Clickhouse вместе с коннекторами. Предобработанные данные упорядочили в Greenplum в виде Data Vault 2.0. 

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

В Data Vault переносятся только обработанные с помощью фреймворка DBT данные. Такой подход позволяет доверять информации в хранилище на 100%, не переживая об актуальности и достоверности. С помощью пайплайнов в Airflow мы настроили автоматическое обновление по заданному расписанию. 

Так, благодаря четко выстроенным процессам и описанным регламентам, сотрудники Hoff могут поддерживать эту систему самостоятельно.

Алертинг

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

Для новой архитектуры мы с нуля создали полноценную систему оповещений. Теперь при обнаружении ошибки уведомления будут появляться на всех этапах работы с ними — от загрузки сырых данных до дашбордов. При просмотре любого отчета сотрудники могут оценить его актуальность по трехцветной системе маркировки. 

Витрины данных 

Еще один важный этап работы — создание аналитических витрин или data mart. Это части хранилища в виде агрегированных таблиц, которые содержат данные по разным направлениям деятельности компании. Как правило, это ключевые метрики, которые можно комбинировать различными способами для дальнейшего анализа.

На основе витрин данных строится визуализация: один data mart может быть источником для 600 дашбордов. Ранее они делались из сырых данных, которые перед формированием отчета обрабатывал тот или иной отдел на основе своей экспертизы, а теперь будут создаваться из предобработанной по единому стандарту информации.

Наши цели до конца года — создать слой витрин и финально адаптировать бизнес к переезду.

Результаты

За год удалось с нуля пересобрать хранилище на облачной платформе и оптимизировать все данные: из 93 ТБ в ядро уложили 51 ТБ регулярно используемой информации. Сейчас ежедневный прирост сырых данных — около 15 ГБ, а в Data Vault — 3 ГБ единообразно обработанных.

За счет алгоритмов и разделения хранилища на слои, аналитики обращаются только к необходимому, подготовленному для работы объему информации. У специалистов стало уходить меньше времени на рутинные отчеты, что открыло возможности для новых проектов по развитию компании. 

Преимущества нового хранилища

• Скорость

Промежуточный слой в виде Data Vault значительно ускорил работу сотрудников. В разных компаниях подготовка аналитического отчета может занимать от нескольких дней до недели, в Hoff этот процесс сократился до 20 минут. 

Мы с клиентом выработали «гигиенический минимум» — данные в облачном хранилище хранятся так, как удобно бизнесу, а не источникам.

• Масштабируемость

Текущая архитектура спроектирована под нужды Hoff: ее можно наслаивать, модифицировать и расширять в зависимости от запроса. При регулярно растущем объеме данных DWH можно трансформировать в Data Lake без потери качества структуры.

• Достоверность

В облаке появилась единая методология очистки и подготовки данных — теперь вероятность разночтений сведена к минимуму. При появлении нового источника достаточно прописать новый алгоритм, после чего сырые данные будут автоматически приводиться в стандартный вид и попадать в Data Valut.

Детализированная система алертинга построена таким образом, что может оповещать аналитиков о сбоях даже в мессенджерах. Это позволяет оперативно устранять неточности в данных — скорость реагирования на ошибки увеличилась в 3 раза.

• Экономическая целесообразность

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

Переезд в Yandex Cloud сделал затраты более предсказуемыми и гибкими. Бюджет при переходе в новое облако не изменился, а количество задач и объем разметки для продуктовой аналитики регулярно растет. Все обработки данных внутри хранилища стали фактически бесплатными — теперь нет никаких платежей, зависящих от количества запросов.

• Надежность

Мы в срочном порядке локализовали облачное хранилище и тем самым создали стабильную систему принятия решений в части продуктовой аналитики и digital-маркетинга Hoff. Кроме этого, инфраструктура Yandex Cloud соответствует высшим стандартам безопасности как персональных данных, так и платежных карт.

• Технологии

Используемый в проекте технологический стек помогает развивать внутреннюю команду дата-инженеров и усиливает привлекательность компании для соискателей.

Кирилл Фридлянд, Chief Data Officer в Hoff Tech:
«Компания АЭРО отлично справилась с поставленной задачей и даже больше — проект по оптимизации облачного хранилища превратился в создание гибкой, надежной и масштабируемой системы хранения части данных в компании. Совместными усилиями запрос на локализацию стал для нас историей успеха и рывком вперед. Появились новые возможности: собирать больше данных и наращивать эффективность digital-маркетинга».

BI – система анализа данных бизнес-пользователями. Она позволяет строить отчеты, следить за показателями и визуализировать данные. 

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

ETL – группа систем, обеспечивающая извлечение данных из источников, их трансформацию и загрузку в хранилище. Эти системы отвечают за корректное движение и преобразование данных внутри data-платформы.

Управление данными - это метология, которой мы придерживаемся во всех наших проектах. Она включает как популярные направления, такие как DWH и BI, так и направления, про которые часто забывают, но они очень важны - это система управления качеством данных (Data Quality), data-каталог, единые справочники внутри компании. Управление данными позволяет выстроить стабильную систему принятия решений, которые будут приносить бизнес-ценность долгие годы

KPI разных отделов и департаментов не согласуются друг с другом, вы чувствуете себя героем басни "Лебедь, рак и щука"?

Для того, чтобы избежать этих проблем, необходимо построить иерархию метрик - то есть, согласовать цели и метрики, с которыми вы работаете, и свести их в некий общий flow, чтобы вся компания двигалась в одном направлении.

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

В интернет-магазинах существует множество видов аналитики - маркетинговая, продуктовая, аналитика фулфилмента, директ-маркетинга, клиентская, товарная аналитика и т.д. Часто они существуют в изолированном виде, поэтому мы предлагаем инструмент сквозной аналитики, чтобы строить связи между этапами клиентского пути и анализировать всё в комплексе.

Часто мы общаемся с клиентами, которые приходят в ярость от того, что тратят сотни миллионов рублей на поддержку своей e-commerce платформы, а фичи по-прежнему выкатываются в продашн в лучшем случае каждые несколько месяцев!

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

Как правило, стоит выбор между in-house разработкой и покупкой коробочного решения. Ответ – собственная e-commerce платформа АЭРО. Это фреймворк, в рамках которого мы строим гибкие решения, которые не могут быть вписаны в коробочные продукты, но при этом сокращать сроки и ресурсы на разработку, которые неибежно ждут бизнес при создании решения с нуля.

3 самых популярных кейса использования АЭРО платформы:

1. Ваш e-com не удовлетворяет потребности бизнеса. Изменения занимают много времени, сайт работает медленно. Мы можем составить roadmap перехода к платформе АЭРО без приостановки деятельности бизнеса. 

2. Вы хотите автоматизировать продажи, закупки и рассказывать о своем продукте. За счет готовых модулей платформы это можно сделать в короткие сроки.

3. Вам необходимо сделать продвинутый каталог, запустить PIM и CMS системы, личный кабинет поставщика и систему ценообразования. Здесь под ваши задачи хорошо подойдут отдельные модули платформы.

Модули платформы АЭРО включают:

- продуктовый каталог
- отзывы
- заказ и доставка
- оплата
- личный кабинет
- авторизация
- cms.

В платформенное решение также входит ЛК поставщика, продукт по ценообразованию и PIM система для управления ассортиментом.

Модульный подход позволяет использовать как всю платформу целиком, так и встраивать отдельные модули в свой IT-ландшафт, оптимизируя стоимость и сроки разработки.

Основной опыт нашей разработки сосредоточен в e-commerce сегменте. 

За последние 10 лет мы сделали огромное количество интернет-магазинов. Нетрудно заметить, что функционал карточки, списка товаров, фильтров схож для разных интернет-магазинов. 

Именно поэтому мы решили создать на нашей платформе модуль Каталог, который позволяет вам сэкономить время на внедрении базового функционала и потратить ресурс на разработку кастомных фишек, уникальных именно для вашего интернет-магазина. 

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

Чтобы справляться с повышенными нагрузками, наш модуль разработан на высокопроизводительном языке Golang.

Каталог может быть самостоятельной мастер-системой товаров, а также может быть интегрирован через Kafka с 1С, SAP ERP или PIM-системами.

У компании Decathlon была непростая задача – разработать интернет-магазин, создав для него платформу, которая заменит собой решение, много лет назад разработанное еще нашими иностранными коллегами.

«Когда мы познакомились с брендом Decathlon, он работал на международной платформе. У локальной команды не было возможности быстро вносить изменения. Одной из наших задач было, чтобы новая платформа отвечала на скорость изменений бренда», – Алексей Егорычев, ex-CTO АЭРО.

Мы выбрали компанию АЭРО, как одного их подрядчиков, который разработал для нас интернет-магазин, платформу, сделал дизайн и помогли интегрировать весь спектр новых решений для бренда.

Если у вас больше 10 тыс. товарных позиций, то PIM система - must have. PIM система увеличивает скорость обработки товара за счет автоматизации проверки данных, массовых обработок готовых интеграций с каналами продаж, что позволяет экономить деньги и уменьшать количество ошибок.

В основе нашей PIM системы open source решения. Мы доработали недостающий функционал и интегрировали его с экосистемой платформы.

PIM система может внедряться в ИТ-ландшафт как отдельный продукт.

Вероятность покупки зависит от точности и скорости поиска товаров на сайте. Основные функции модуля поиска: исправление опечаток, стоп-слова, поисковые подсказки, настройка релевантности поиска через CMS и др.

В качестве полнотекстового движка используется специализированная база данных opensearch. Поиск может индексировать 10 млн записей в течение часа, API отвечают менее чем за 500 м/с, инструмент спроектирован под масштабирование нагрузки.

Модуль платформы Ценообразование предназначен для анализа конкурентов. Для этого нам нужно уметь матчить наш товар с товаром на площадке конкурентов. Раньше этим занимались сотрудники вручную, что требовало большого человеческого и временного ресурса. 

Наш модуль, разработанный на базе нейросети, позволяет реализовать эту задачу быстро, автоматизированно и в фоновом режиме. 

Автоматизация работы с юридическими лицами – пространство, где закон Парето перестает работать.

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

Платформа АЭРО содержит ключевые юзкейсы взаимодействия клиентами B2B – KYC, модель данных и ролевую модель для юридических лиц, интеграцию с документооборотом и Service Desk.

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

Функционал на платформе АЭРО построен как единое решение в интеграции с PIM-системой и Интернет-магазином, но может и независимо встроиться в существующий ИТ-ландшафт – к ERP и WMS.

Управление контентом сервисной архитектуры – сложная задача, потому что каждый из сервисов имеет свою базу данных.

Мы разработали FOCUS CMS, которая умеет подключаться через API к сервисам и управлять данными в них. CMS умеет управлять баннерами, SEO-информацией, гео, любой статической информацией и справочниками.

В базовой лицензии Focus сейчас 6 модулей. Их точно хватит для запуска полноценного MVP. 

Вы сможете задавать настройки, управлять справочниками, загружать файлы в медиабиблиотеку. Но в последнее время все большую популярность набирает видео-контент! 

Именно поэтому мы решили создать новый модуль, который позволяет на любой странице сайта размещать полки с видеороликами. И да, именно на этом модуле работает этот сайт! 

Платформа АЭРО активно развивается. Сейчас в ее функционал входит более сотни готовых протестированных пользовательских сценариев – юзкейсов. 

Однако на этом мы не останавливаемся. Мы активно работаем над внедрением нового уникального функционала. Например, AI-механики, распознавание голоса, векторный поиск и многое другое. 

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

Что такое Fantastic Works? Для нас каждый проект – это исследование, своего рода монография и открытие чего-то нового в каждом бренде. Вместе с клиентом мы смотрим широко вокруг, а затем пытаемся взглянуть глубоко в себя, чтобы найти новое решение каждой задачи. Подобный подход и делает наши решения по-настоящему fantastic.

«Началось с того, что наши кеды переросли наш сайт. Нам хотелось сделать что-то действительно ультрамодное, столь же амбициозное, сколь наши планы на будущее, оригинальное и в духе этого времени. Хотя наш бренд и винтажный – ему скоро исполнится 60 лет – нам хочется жить не только сегодняшним днем, но и завтрашним. За этим я обратился в АЭРО. За оригинальными идеями, качественным продуктом и новым крутым сайтом», – Илья Нафеев, основатель бренда Два Мяча.

Культовый бренд кед «Два Мяча», возрожденный в 2016 году, представил новый интернет-магазин, специально для которого был разработан digital-брендинг. За обновление бренда в цифровых коммуникациях, дизайн и разработку интернет-магазина отвечало креативное агентство Fantastic Works (part of АЭРО).

Марка, производящая кеды по той же технологии, что и 50 лет назад, обратилась к Fantastic Works с желанием полностью обновить сайт. Команда агентства совместно с клиентом определили точки опоры и то, что казалось важным при редизайне. Глобальной задачей было отразить через все слои дизайна нарратив бренда от богатого прошлого к новому позиционированию и предстоящим коллекциям.

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

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

В новом digital-брендинге все элементы от цветов и графики до логотипа гармонируют между собой. Как основной цвет был выбран синий («мирное небо»), а красный («мамина помада»), бежевый («крем-брюле») и чёрный — дополнительными. Эта цветовая палитра встречается в классических моделях кед. Логотип бренда для цифровой среды стал более простым и функциональным, в полном и сокращенном варианте. Первый в целом уравновешивает дизайн, а второй, два мяча в виде двух окружностей, — понятная метафора, которая органично вписывается в навигацию, и наглядно иллюстрирует название бренда.

Стремление к простоте распространяется и на пользовательский опыт. Основных страниц всего три — главная, каталог и карточка товара. Остальные сценарии — регистрация, корзина, оформление — вынесены в специальные слои. На сайте акцент был сделан на продукте, чтобы  все внимание покупателя было именно на нем. В корзине основной фокус был также выстроен на продукте, оставив много пространства и отсекая все лишние опции и информацию. Этот эффект подчеркивает уникальность товара и проводит различие моно-бренда и маркетплейса — здесь чаще покупают целенаправленно с четким пониманием того, за чем они пришли.

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

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

Новый сайт, созданный в партнерстве бренда «Два Мяча» и Fantastic Works (part of АЭРО), отражает новую айдентику и одновременно с этим сохраняет свое наследие, оставаясь вне времени и тенденций. Два Мяча — одна любовь!

Современный дизайн тяготеет к функциональности. Особенно, в e-commerce проектах, где функциональность – это решение задач бизнеса. Мы пропагандируем иной подход, ведь помимо функциональности в наших проектах во главу угла ставятся красота, эмпатия и эстетика.

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

Fantastic Works – команда с уникальными компетенциями в развитии fashion-продуктов. Мы находимся на острие технологий и тенденций. При этом мы стараемся развивать и местный ландшафт, развивать клиентов и их продукт, развиваясь вместе с ними.

Ритейл нередко беспокоит демократия на маркетплейсах, инициативность и обеспечение селлеров широким спектром инструментов.

Здесь мнения расходятся. Количество запросов от офлайн ритейла на решения по управлению ассортиментом, профилями точек продаж, работе с поставщиками и ценообразованием зашкаливает. Ведь работа с физической полкой сильно отличается. То, чем годами управляли с помощью Excel, начинает меняться по мере миграции продакт-менеджеров онлайн-площадок в традиционный ритейл.

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

Что все застройщики в целом успешно и сделали.

Но что станет трендом в 2024-2025 годах?

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

Если хотите узнать, как это работает, и обсудить больше кейсов, напишите нам.

Для группы компаний НЛМК мы разработали конфигуратор онлайн-заявок.

Мы импортозаместили текущее решение и заменили его продуктом собственной разработки.

Реализация проекта заняла 7 месяцев, мы вручную собрали все потенциальные сценарии конфигурации, на GO разработали интерпретатор и протестировали все 13 тысяч потенциальных конфигураций. Отработали сutover-план, в котором учли все возможные сценарии, вплоть до отката системы. 

И главное – помогли клиенту своевременно переехать на новую платформу, обеспечив НЛМК бесшовное взаимодействие с покупателем даже после отказа решения вендора.

Последние два года и до сих пор в банковском сегменте идет массовая миграция с зарубежных и legacy-решений, в частности, в классе data-продуктов, хранилищ, data quality, data-каталога, ETL-решений на российские или open-source решения.

Мигрировать тысячи справочников, десятки и сотни интеграционных потоков, несметное количество таблиц и отчетов, сохраняя кластеризацию и обеспечивая непрерывность миграции, – задача нетривиальная.

Десятки лет разработки на Oracle и SAP делают перенос данных на новые продукты сложными.

Мы знаем как работать с подобными классами решений. Расскажем и вам!

Разработали единую цифровую платформу группы компаний «Просвещение», где объединили корпоративный и пользовательский сайты, обеспечили удобную навигацию и продумали пользовательский опыт для четырех разных аудиторий.

ГК «Просвещение» — ведущий российский холдинг в сфере образования, досуга и развития, с 1930 года на рынке. Реализует комплексные образовательные проекты: издание печатного и цифрового контента, обучение детей и взрослых, повышение квалификации педагогов, оснащение всех типов образовательных организаций.

В России каждый взрослый учился, а каждый школьник сегодня учится по учебникам «Просвещения». Но это не единственное направление деятельности компании — сегодня «Просвещение» не только известное издательство учебной литературы, но и создатель цифровых образовательных сервисов, размещённых на образовательной платформе LECTA, разработчик игр и игрушек, а также организатор социально-образовательных и просветительских проектов для учёбы и развития — от дошкольного образования и школы, до методической поддержки педагогов. Помимо этого, в 2023 году онлайн-проекты «Родительский университет» и «Учитель.Club» получили почетные награды в сфере образования.

Нам предстояло объединить их на одном ресурсе, чтобы представить «Просвещение» как полноценную цифровую экосистему и рассказать пользователям обо всех её возможностях.

Задача — создать единую цифровую платформу

Изначально сервисы «Просвещения» существовали на отдельных сайтах и не были связаны друг с другом. Некоторые создавалась много лет назад и требовали модернизации. Вопрос переработки всей цифровой инфраструктуры назревал давно, и в 2023 году компания обратилась к АЭРО с целью создания объединённой информационной среды и единого «окна» доступа для коммуникации всех целевых аудиторий группы компаний, представления полного перечня продуктов и сервисов ГК «Просвещение», для того чтобы обеспечить: 

• реализацию стратегии маркетинга и продаж: привлечение и возврат клиентов,

• оптимизация каналов коммуникаций, формирование единой клиентской базы;

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

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

В рамках этой задачи АЭРО требовалось создать корпоративную и пользовательскую части платформы.

Корпоративный сайт

«Просвещение» сотрудничает с 44 тысячами образовательных организаций, с большим количеством дистрибьюторов, с инвесторами и государством. Поэтому корпоративный сайт необходимо было сделать одновременно серьёзным и современным, чтобы он демонстрировал всю силу и глубину бренда.

Для этого следовало уделить большое внимание дизайну и разработчики «Просвещения» комбинировали разные оттенки синего и зеленого цветов, тщательно прорабатывали шрифты и графические элементы. В итоге в ходе командной работы мы получили по-настоящему монументальный образ бренда.

Здесь же была интегрирована CMS для работы с платформой — её используют сотрудники, ответственные за наполнение страниц контентом.

Пользовательский сайт

Пользовательская часть сайта состоит из двух частей — контуров — объединяющих взаимодействие всех клиентов «Просвещения» на один мультисервис.

Внешний контур — это основное цифровое пространство с единой точкой входа во все сервисы. На главной странице пользователь может выбрать свою роль: родитель, педагог, ученик или образовательная организация. И далее посмотреть, что полезного может предложить ему «Просвещение». Например, ученики найдут на сайте не только учебные материалы, но ещё смогут узнать о разных профессиях, подготовиться к ЕГЭ или послушать онлайн-лекции по искусству.

Из внешнего контура пользователь может легко попасть в e-commerce часть сайта (внутренний контур) — единый каталог с печатной продукцией, электронными учебниками, цифровыми сервисами (такие как «Начинайзер», «К школе готов» и т.п.), а также бесплатными материалами (аудиоприложениями, методическими пособиями и пр.).

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

Навигация по большому числу сервисов

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

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

Из-за такой супернавигации нам пришлось искать, где разместить остальные элементы, в частности кнопку каталога и бургер-меню. Поскольку боковое меню заняло привычное место кнопки каталога (справа от поисковой строки), мы решили сделать её слева — получилось немного нетипично, но всё равно рядом с поиском. Бургер-меню расположили под поисковой строкой.

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

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

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

2. Выделили характеристики товаров, важные конкретным пользователям. Учителя и родители выбирают учебники по разным критериям. Например, первые обращают внимание на содержание, книжный номер ISBN, соответствует ли учебник ФГОС и входит ли он в ФПУ. Такие характеристики мы для удобства выносили на первый экран.

3. Придумали нестандартный прием, чтобы показать горящие предложения. В каталогах часто делают большие баннеры для демонстрации долгоиграющих акций — нам же хотелось показать информацию, актуальную прямо сейчас. Поэтому мы добавили stories — небольшой баннер-листалку, который показывает, например, как подготовиться к новому учебному году.

Технологии

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

IT-ландшафт ГК «Просвещение» построен на сервис-ориентированной архитектуре (SOA) и микросервисах. Backend разработан на PHP и Symphony, frontend — на vue.js, React и Next.js

Инфраструктура работает на основе сервисов Яндекс.Облако и описана в Terraform, процесс CI/CD построен через Gitlab. Для хранения данных используется кластерная управляемая база данных PostgreSQL. Для мониторинга — Яндекс.Мониторинг, Prometheus и Grafana.

Результаты

Для оперативности мы сначала запускали MVP с базовой функциональностью, а потом дорабатывали. В результате нам удалось создать объёмную цифровую платформу, которая объединяет все продукты и сервисы ГК «Просвещение», даёт её клиентам полное представление обо всех возможностях холдинга, а также обеспечивает удобный доступ в e-commerce часть.

По итогам работ заметно вырос трафик на сайт. Число уникальных посетителей увеличилось почти в 2 раза, по сравнению с 2022 годом. При этом количество прямых заходов стало больше в 2,8 раз, что свидетельствует о росте узнаваемости нового бренда «Просвещения».

Разработали единую цифровую платформу группы компаний «Просвещение», где объединили корпоративный и пользовательский сайты, обеспечили удобную навигацию и продумали пользовательский опыт для четырех разных аудиторий.

ГК «Просвещение» — ведущий российский холдинг в сфере образования, досуга и развития, с 1930 года на рынке. Реализует комплексные образовательные проекты: издание печатного и цифрового контента, обучение детей и взрослых, повышение квалификации педагогов, оснащение всех типов образовательных организаций.

В России каждый взрослый учился, а каждый школьник сегодня учится по учебникам «Просвещения». Но это не единственное направление деятельности компании — сегодня «Просвещение» не только известное издательство учебной литературы, но и создатель цифровых образовательных сервисов, размещённых на образовательной платформе LECTA, разработчик игр и игрушек, а также организатор социально-образовательных и просветительских проектов для учёбы и развития — от дошкольного образования и школы, до методической поддержки педагогов. Помимо этого, в 2023 году онлайн-проекты «Родительский университет» и «Учитель.Club» получили почетные награды в сфере образования.

Нам предстояло объединить их на одном ресурсе, чтобы представить «Просвещение» как полноценную цифровую экосистему и рассказать пользователям обо всех её возможностях.

Задача — создать единую цифровую платформу

Изначально сервисы «Просвещения» существовали на отдельных сайтах и не были связаны друг с другом. Некоторые создавалась много лет назад и требовали модернизации. Вопрос переработки всей цифровой инфраструктуры назревал давно, и в 2023 году компания обратилась к АЭРО с целью создания объединённой информационной среды и единого «окна» доступа для коммуникации всех целевых аудиторий группы компаний, представления полного перечня продуктов и сервисов ГК «Просвещение», для того чтобы обеспечить: 

• реализацию стратегии маркетинга и продаж: привлечение и возврат клиентов,

• оптимизация каналов коммуникаций, формирование единой клиентской базы;

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

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

В рамках этой задачи АЭРО требовалось создать корпоративную и пользовательскую части платформы.

Корпоративный сайт

«Просвещение» сотрудничает с 44 тысячами образовательных организаций, с большим количеством дистрибьюторов, с инвесторами и государством. Поэтому корпоративный сайт необходимо было сделать одновременно серьёзным и современным, чтобы он демонстрировал всю силу и глубину бренда.

Для этого следовало уделить большое внимание дизайну и разработчики «Просвещения» комбинировали разные оттенки синего и зеленого цветов, тщательно прорабатывали шрифты и графические элементы. В итоге в ходе командной работы мы получили по-настоящему монументальный образ бренда.

Здесь же была интегрирована CMS для работы с платформой — её используют сотрудники, ответственные за наполнение страниц контентом.

Пользовательский сайт

Пользовательская часть сайта состоит из двух частей — контуров — объединяющих взаимодействие всех клиентов «Просвещения» на один мультисервис.

Внешний контур — это основное цифровое пространство с единой точкой входа во все сервисы. На главной странице пользователь может выбрать свою роль: родитель, педагог, ученик или образовательная организация. И далее посмотреть, что полезного может предложить ему «Просвещение». Например, ученики найдут на сайте не только учебные материалы, но ещё смогут узнать о разных профессиях, подготовиться к ЕГЭ или послушать онлайн-лекции по искусству.

Из внешнего контура пользователь может легко попасть в e-commerce часть сайта (внутренний контур) — единый каталог с печатной продукцией, электронными учебниками, цифровыми сервисами (такие как «Начинайзер», «К школе готов» и т.п.), а также бесплатными материалами (аудиоприложениями, методическими пособиями и пр.).

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

Навигация по большому числу сервисов

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

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

Из-за такой супернавигации нам пришлось искать, где разместить остальные элементы, в частности кнопку каталога и бургер-меню. Поскольку боковое меню заняло привычное место кнопки каталога (справа от поисковой строки), мы решили сделать её слева — получилось немного нетипично, но всё равно рядом с поиском. Бургер-меню расположили под поисковой строкой.

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

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

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

2. Выделили характеристики товаров, важные конкретным пользователям. Учителя и родители выбирают учебники по разным критериям. Например, первые обращают внимание на содержание, книжный номер ISBN, соответствует ли учебник ФГОС и входит ли он в ФПУ. Такие характеристики мы для удобства выносили на первый экран.

3. Придумали нестандартный прием, чтобы показать горящие предложения. В каталогах часто делают большие баннеры для демонстрации долгоиграющих акций — нам же хотелось показать информацию, актуальную прямо сейчас. Поэтому мы добавили stories — небольшой баннер-листалку, который показывает, например, как подготовиться к новому учебному году.

Технологии

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

IT-ландшафт ГК «Просвещение» построен на сервис-ориентированной архитектуре (SOA) и микросервисах. Backend разработан на PHP и Symphony, frontend — на vue.js, React и Next.js

Инфраструктура работает на основе сервисов Яндекс.Облако и описана в Terraform, процесс CI/CD построен через Gitlab. Для хранения данных используется кластерная управляемая база данных PostgreSQL. Для мониторинга — Яндекс.Мониторинг, Prometheus и Grafana.

Результаты

Для оперативности мы сначала запускали MVP с базовой функциональностью, а потом дорабатывали. В результате нам удалось создать объёмную цифровую платформу, которая объединяет все продукты и сервисы ГК «Просвещение», даёт её клиентам полное представление обо всех возможностях холдинга, а также обеспечивает удобный доступ в e-commerce часть.

По итогам работ заметно вырос трафик на сайт. Число уникальных посетителей увеличилось почти в 2 раза, по сравнению с 2022 годом. При этом количество прямых заходов стало больше в 2,8 раз, что свидетельствует о росте узнаваемости нового бренда «Просвещения».

Бизнес с каждым днем проявлял потребность в грамотном управлении данными. Регулярно требовалось создать отчет или выгрузить базу SQL. Мы решили починить это несовершенство и создать внятную, доступную и гибкую платформу управления данными.

«Ключевой задачей АЭРО в рамках проекта с Кофеманией было стать драйвером изменений. Помочь компании сделать первый шаг в построении data-культуры. Такие проекты делаются по выработанной методологии, которая включает 3 основных этапа: выявление бизнес-ценности, определение технологий и процесса вокруг данных, который необходимо реализовать в компании», – Вячеслав Жуков, Chief Data Officer АЭРО.

Локализация и рывок вперед: как мы разработали новый подход к хранению данных для Hoff на облачной платформе Yandex Cloud

Команда eCommerce-агентства АЭРО рассказывает, как сделать облачное хранилище понятным и структурированным источником информации: единые принципы хранения данных, разработка масштабируемой архитектуры, правильная система алертинга для регулярного контроля качества и не только.

Задача

Hoff обратились к нам в октябре 2021 года за корректировкой разметки web-аналитики. После нескольких консультаций стало ясно, что истинный запрос клиента гораздо шире — в области работы с большими данными.

В компании существует два хранилища, на основе которых работает глобальная аналитическая система Hoff:

• Внутреннее, в котором лежат ключевые данные ритейлера (продажи по товарам, регионам и др).

• Облачное DWH (data warehouse), которое использовалось для работы продуктовых и маркетинговых аналитиков. 

Для повышения эффективности и качества работы Hoff собирает большое количество информации: звонки, визиты, обращения, оплаты, действия клиентов на сайте и многое другое. За 5 лет в хранилище накопился внушительный пул данных об онлайн-заказах и поведении пользователей, а также легаси-код, который замедлял выполнение новых аналитических задач.  

Структура хранилища DWH на базе Google Cloud Platform влекла за собой недочеты, которые ставили под вопрос качество собираемой информации. Сырые данные из более чем 10 источников стекались в BigQuery, использовались для 155 дашбордов и занимали 1938 расчетных полей в 42 отчетах. Иногда данные могли противоречить друг другу, что усложняло принятие решений для бизнеса. 

Эта система позволяла закрывать текущие задачи компании, но для достижения новых амбициозных целей, которые ставил перед собой Hoff, требовался переход на качественно новый уровень работы с данными.

Целью проекта стал рефакторинг облачного хранилища. Главной задачей АЭРО было привести онлайн-данные в порядок: создать единые принципы хранения, разработать масштабируемую архитектуру, выстроить правильную систему алертинга для регулярного контроля качества. В общем, сделать облачное хранилище понятным и структурированным источником информации для Hoff. 

Решение

Дискавери-фаза

Начали с анализа старой структуры: требовалось понять и описать картину as is, поэтому мы провели реверсивный инжиниринг. Начиная с конца, то есть от дашбордов, по цепочке «шли» к сырым данным в источниках, попутно выявляя все последовательности и правила преобразования.  

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

Факты, которые мы обнаружили:

• Из 93 ТБ данных в BigQuery почти треть — ненужные или устаревшие. 

• Объем еженедельных запросов к хранилищу из PowerBI составляет 29 ТБ. 

• Обработка запросов данных стоит компании порядка 3000$ в месяц.
  

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

Спасение данных и переезд в Yandex Cloud

Сразу после аудита мы предложили перейти из BigQuery на open-source решения в Yandex Cloud, так как на текущем этапе развития платить за каждое обращение к данным было нерационально. Это казалось рискованным предложением на фоне привычных сервисов Google, но в феврале картина мира резко изменилась — риск отключения стал стимулом к локализации хранилища. Hoff доверился нашей экспертизе, и мы незамедлительно инициировали бэкап данных, параллельно разрабатывая архитектуру совместно с командой Yandex Cloud. 

Как без паники выгрузить 93 ТБ данных ASAP, пока Google рассылает «письма счастья»? В этом помог аудит. С коллегами из Hoff оперативно решили, какие данные можем не забирать, прописали скрипты для разных сценариев выгрузки в Yandex Object Storage и подняли 3 виртуальные машины для синхронизации хранилища. Команда Yandex Cloud экстренно подключилась к процессу, рассказала об архитектурных особенностях облачной платформы и помогла подсчитать бюджет. 

Нам понравились их управляемые сервисы для СУБД ClickHouse и Greenplum: их использование позволяет снять с себя обслуживание инфраструктуры, обеспечение отказоустойчивости и проверку исправности в процессе раскатки обновлений. В общем, Yandex Cloud следит, чтобы железо и базы данных работали бесперебойно, что позволяет сфокусироваться на развитии проекта.

Благодаря проактивности всех участников процесса и помощи аналитиков из Hoff, уже спустя месяц у нас был доступ к историческим данным на случай отключения инфраструктуры Google.

Чем хорош open-source

Clickhouse и Greenplum — это бесплатные сервисы с открытым исходным кодом, над которыми работает большое количество разработчиков. Из-за этого они, как правило, содержат меньше дефектов, быстрее обновляются и в целом обеспечивают гибкий рабочий процесс. При желании клиента, текущую архитектуру Hoff можно быстро перенести из облака на локальные сервера без потери данных, в то время как BigQuery заставляет буквально с нуля пересобирать все хранилище. 

В то же время open-source — это про стабильность. Блокировка сервисов поставила под сомнение существование экосистемы данных множества компаний, а открытые решения снимают подобные риски.

Разработка архитектуры

Мы решили послойно развернуть хранилище в разных системах управления.

Clickhouse хорошо работает с сырыми данными: за счет высокого сжатия хранилище занимает меньше места, но при этом даже единичные ad hoc запросы выполняются оперативно. Для ядра DWH выбрали Greenplum. Благодаря распределенной обработке, в нем можно быстро изменять, фильтровать и связывать данные. В BigQuery аналитики Hoff работали только с raw data level, то есть с сырыми данными, которые мы перенесли в Clickhouse вместе с коннекторами. Предобработанные данные упорядочили в Greenplum в виде Data Vault 2.0. 

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

В Data Vault переносятся только обработанные с помощью фреймворка DBT данные. Такой подход позволяет доверять информации в хранилище на 100%, не переживая об актуальности и достоверности. С помощью пайплайнов в Airflow мы настроили автоматическое обновление по заданному расписанию. 

Так, благодаря четко выстроенным процессам и описанным регламентам, сотрудники Hoff могут поддерживать эту систему самостоятельно.

Алертинг

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

Для новой архитектуры мы с нуля создали полноценную систему оповещений. Теперь при обнаружении ошибки уведомления будут появляться на всех этапах работы с ними — от загрузки сырых данных до дашбордов. При просмотре любого отчета сотрудники могут оценить его актуальность по трехцветной системе маркировки. 

Витрины данных 

Еще один важный этап работы — создание аналитических витрин или data mart. Это части хранилища в виде агрегированных таблиц, которые содержат данные по разным направлениям деятельности компании. Как правило, это ключевые метрики, которые можно комбинировать различными способами для дальнейшего анализа.

На основе витрин данных строится визуализация: один data mart может быть источником для 600 дашбордов. Ранее они делались из сырых данных, которые перед формированием отчета обрабатывал тот или иной отдел на основе своей экспертизы, а теперь будут создаваться из предобработанной по единому стандарту информации.

Наши цели до конца года — создать слой витрин и финально адаптировать бизнес к переезду.

Результаты

За год удалось с нуля пересобрать хранилище на облачной платформе и оптимизировать все данные: из 93 ТБ в ядро уложили 51 ТБ регулярно используемой информации. Сейчас ежедневный прирост сырых данных — около 15 ГБ, а в Data Vault — 3 ГБ единообразно обработанных.

За счет алгоритмов и разделения хранилища на слои, аналитики обращаются только к необходимому, подготовленному для работы объему информации. У специалистов стало уходить меньше времени на рутинные отчеты, что открыло возможности для новых проектов по развитию компании. 

Преимущества нового хранилища

• Скорость

Промежуточный слой в виде Data Vault значительно ускорил работу сотрудников. В разных компаниях подготовка аналитического отчета может занимать от нескольких дней до недели, в Hoff этот процесс сократился до 20 минут. 

Мы с клиентом выработали «гигиенический минимум» — данные в облачном хранилище хранятся так, как удобно бизнесу, а не источникам.

• Масштабируемость

Текущая архитектура спроектирована под нужды Hoff: ее можно наслаивать, модифицировать и расширять в зависимости от запроса. При регулярно растущем объеме данных DWH можно трансформировать в Data Lake без потери качества структуры.

• Достоверность

В облаке появилась единая методология очистки и подготовки данных — теперь вероятность разночтений сведена к минимуму. При появлении нового источника достаточно прописать новый алгоритм, после чего сырые данные будут автоматически приводиться в стандартный вид и попадать в Data Valut.

Детализированная система алертинга построена таким образом, что может оповещать аналитиков о сбоях даже в мессенджерах. Это позволяет оперативно устранять неточности в данных — скорость реагирования на ошибки увеличилась в 3 раза.

• Экономическая целесообразность

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

Переезд в Yandex Cloud сделал затраты более предсказуемыми и гибкими. Бюджет при переходе в новое облако не изменился, а количество задач и объем разметки для продуктовой аналитики регулярно растет. Все обработки данных внутри хранилища стали фактически бесплатными — теперь нет никаких платежей, зависящих от количества запросов.

• Надежность

Мы в срочном порядке локализовали облачное хранилище и тем самым создали стабильную систему принятия решений в части продуктовой аналитики и digital-маркетинга Hoff. Кроме этого, инфраструктура Yandex Cloud соответствует высшим стандартам безопасности как персональных данных, так и платежных карт.

• Технологии

Используемый в проекте технологический стек помогает развивать внутреннюю команду дата-инженеров и усиливает привлекательность компании для соискателей.

Кирилл Фридлянд, Chief Data Officer в Hoff Tech:
«Компания АЭРО отлично справилась с поставленной задачей и даже больше — проект по оптимизации облачного хранилища превратился в создание гибкой, надежной и масштабируемой системы хранения части данных в компании. Совместными усилиями запрос на локализацию стал для нас историей успеха и рывком вперед. Появились новые возможности: собирать больше данных и наращивать эффективность digital-маркетинга».

У компании Decathlon была непростая задача – разработать интернет-магазин, создав для него платформу, которая заменит собой решение, много лет назад разработанное еще нашими иностранными коллегами.

«Когда мы познакомились с брендом Decathlon, он работал на международной платформе. У локальной команды не было возможности быстро вносить изменения. Одной из наших задач было, чтобы новая платформа отвечала на скорость изменений бренда», – Алексей Егорычев, ex-CTO АЭРО.

Мы выбрали компанию АЭРО, как одного их подрядчиков, который разработал для нас интернет-магазин, платформу, сделал дизайн и помогли интегрировать весь спектр новых решений для бренда.

Новый сайт Burger King как часть глобального культурного кода в электронной коммерции

Рассказываем, как команда АЭРО поддерживает крупнейшего фуд-ритейлера в цифровых активностях.

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

Старый сайт не был приспособлен для продаж: по сути, это была витрина с меню и обратной связью для пользователей. Иногда Burger King тестировал возможность оплаты через клон мобильного приложения, но полноценного рабочего решения не было. Конверсия была очень низкой. Бургеры заказывали только в мобильном приложении или на фуд-агрегаторах.

«Команда АЭРО обновила сайт российского Burger King в 2020 году, с февраля 2021 года он стал доступен пользователям. На сайте появился интернет-магазин и усовершенствованная корпоративная часть. Масштабные изменения помогли Burger King создать новый канал продаж, отстроиться от агрегаторов и увеличить количество лояльных клиентов в мобильном приложении благодаря лидогенерации через сайт. Рост заказов и средняя конверсия увеличились на 30%, выручка Burger King возросла на 16,6%», – Иван Рябков, Project Manager.

Перед нами стояли три главные задачи:

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

• Перенести инфраструктуру на более современный стек и ускорить работу сайта.

• Усовершенствовать корпоративную часть, где клиенты могут оставить обратную связь, а соискатели — откликнуться на вакансии.

Как это было

Объединенная команда АЭРО и Burger King начала работу над проектом осенью 2020 года. В общей сложности над ним работает более 50 человек.

У нас два режима работы над проектом: спринтерский и выжидательный. Одни задачи требуют немедленного решения, другие — вдумчивой аналитики. На Burger King мы можем сначала очень долго изучать «Вебвизор» и разбираться, почему клиент не совершает покупку, а потом, поняв причину, писать код на сверхмощностях.

Продажи и имидж: два этапа проекта

В 2021 году компания Burger King провела первый полноценный ребрендинг за более чем 20 лет существования сети. Нововведения затрагивают все точки взаимодействия бренда с посетителями: фирменный стиль, сайт, рекламную стратегию и многое другое.

«Мы хотели сделать новый сайт удобным для миллионов клиентов и стали изучать зарубежные сайты Burger King, чтобы на фоне культурных различий найти и общие UX-паттерны. Выяснилось, что единой стилистики компания не придерживается: в малайзийских ресторанах для рекламы используют очень много эмодзи, в русской рекламе основной акцент делают на яркие провокационные формулировки, например «Похоже на какое-то наедалово», – Алексей Филимонов, Project manager.

Интернет-магазин

Проектируем корзину

До релиза нового сайта у нас не было аналитических данных, на которые можно было бы опереться при проектировании пользовательского опыта. Сразу после релиза мы подключили Google Analytics, Яндекс.Метрику, сделали расширенные настройки и разметили сайт. Выяснилось, что самый распространенный пользовательский сценарий — это выбор комбо и купона, то есть покупка набора со скидкой. При этом путь состоит из выбора множества блюд и ингредиентов: добавить хрустящий лук, убрать сыр чеддер, выбрать гарнир с подходящим соусом и так далее.

Комбо — аналог бизнес-ланча в ресторанах. В него входят: бургер, гарнир, крылышки, напиток и многое другое, — в каждом наборе может быть от двух до 25 позиций. А купоны дают большую скидку на комбо: например, набор за 389,97 рублей с купоном можно купить всего за 299,99 рублей.

Раньше воспользоваться такой скидкой можно было только в офлайн-ресторане. Клиент заходил на сайт, выбирал купон и называл номер на кассе. На новом сайте купоном можно воспользоваться для доставки или самовывоза.

Комбо помогает облегчить жизнь пользователю и упростить UX: не нужно заходить в разделы «Напитки», «Гарниры» или «Соусы» — заказ оформляется на одном экране. Для клиента это способ быстрее собрать корзину, а для бизнеса — повысить сумму среднего чека.

Основываясь на данных аналитики, мы оптимизировали этот процесс и сделали его максимально простым и бесшовным для всех устройств — от небольших планшетов до стационарных компьютеров с диагональю экрана 35”.

Разработка и проектирование онлайн-покупок для Burger King очень отличается от продуктового ритейла, которые мы делали раньше — «Утконос», Metro, «Глобус», «Ароматный мир» и других. В классическом ритейле в «Корзине» обычно более 50 товаров и у каждого покупателя свой уникальный состав продуктов — например, пять упаковок чипсов, три бутылки Pepsi, шесть сырных соусов. В ресторанах сети Burger King выбирают сразу наборами: например, один комбо — это два Pepsi, два воппера, одна картошка и наггетсы, причем каждую позицию можно изменить, поменяв картошку на луковые колечки, или дополнить, добавив сырную начинку в воппер. В ресторанах сети Burger King меню и состав комбо отличается в зависимости от города, района и способа доставки. То есть комбо, заказанное в Саратове, и комбо, заказанное в Шереметьеве, будут разными, – Алексей Филимонов, Project manager.

Наша команда интегрировалась с бэкендом мобильного приложения и кассовыми системами 750 ресторанов. Это позволило аккумулировать информацию из всех точек продаж компании в реальном времени, транслировать объединенный продуктовый каталог с актуальным меню, ценами, промоакциями в зависимости от местоположения покупателя. А кроме того, интеграции реализуют взаимодействие кассовых систем конкретного Burger King с приложением покупателя. Другими словами, если пользователь будет делать заказ из Burger King на Краснопресненской, в его выдачу на сайте попадет только то, что есть в наличии именно в этом ресторане.

«Есть стандартная воронка продаж, когда рекламу размещают на каком-нибудь ресурсе и потом через сайт проверяют, как она отрабатывает. Но наш целевой сценарий гораздо шире: мы направляем пользователя по тому предложению, которое его заинтересовало. То есть человек увидит рекламу с «Окрыляющим комбо», перейдет по QR-коду на сайт — и ему предложат установить мобильное приложение. После установки у него автоматически откроется экран с той же «окрыляющей» акцией, где он сможет в 2–3 шага сделать заказ. Это — ключевая и самая длинная цепочка, над которой мы сейчас работаем», – Иван Рябков, Project manager.

Короны за еду: разрабатываем раздел программы лояльности

В Burger King действует бонусная программа KING CLUB, в которой пользователи получают баллы — короны — за любые заказы. Короны можно обменять на любую продукцию ресторанов сети — от наггетсов и кофе до сытных комбо с премиальными бургерами.

Раздел «О компании»

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

Команда — огонь: делаем раздел с вакансиями

На старом сайте Burger King была единая форма для откликов соискателей: все заявки приходили на одну почту и отдел кадров распределял их по 750 ресторанам по всей России. Каждый день в компанию приходит около тысячи обращений.

На новом сайте мы сделали страницы-клоны — отдельные версии страниц с вакансиями для каждого ресторана. Так, если соискатель увидел в Воронеже объявление о работе в Burger King на ул. 20-летия Октября, он отсканирует QR-код, заполнит анкету на вакансию, и его заявка попадет в тот самый ресторан, где он увидел объявление.

Админка для людей

На старом сайте все изменения вносили программисты. В обновленном burgerking.ru мы сделали разные уровни доступа для разных ролей пользователей: маркетологи заполняют только разделы акций и спецпредложений, пресс-секретари — пишут новости компании. Чтобы маркетологи могли сами работать в админке, не привлекая программистов, мы разработали конструкторы шаблонных страниц и визуальный редактор для текстового контента.

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

Тестирование бургерами

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

«Оплата была только боевая, и нам постоянно нужно было проверять, как она работает. В 23:00 мы «гасили» основной сайт, включали новый, запускали боевую оплату и делали заказы с 23:00 до 02:00 в круглосуточных ресторанах сети. Через пару недель мы заметили, что некоторые члены команды поправились на 5 кг, и стали заказывать только пакеты и влажные салфетки. Иногда нам даже перезванивали из ресторанов и уточняли, ничего ли мы не забыли добавить в заказ», – Иван Рябков, Project manager.

Аналитика после релиза

В Burger King отметили, что после обновления сайта выросли конверсия, трафик и средний чек, однако вместе с ними процент отмененных заказов существенно вырос, и это было очень странно.

Большинство пользователей «отваливались» на странице оплаты банка эквайера. Аналитики предположили, что это связано с укороченным пользовательским путем, и мы пошли проверять гипотезу.

«Мы организовали штаб прозвона и всю неделю звонили респондентам, выясняя, почему они не стали ничего покупать. Оказалось, что большинству не хватило экрана, где они могли бы увидеть список товаров в заказе и адрес доставки. Многие возвращались в корзину, чтобы проверить свой заказ или изменить адрес. Из-за того, что у Burger King цены могут отличаться в зависимости от ресторана, заказ отменялся и пересобирался заново», – Алексей Филимонов, Project manager.

После многочисленных звонков с выяснениями мы добавили промежуточный этап со списком заказа и запустили A/B-тестирование: половине пользователей показывали список, другой — нет. Оказалось, что та часть пользователей, которая видела поп-ап чекаута, отменяла заказы на 30% реже, поэтому мы добавили этот промежуточный этап всем посетителям сайта.

Итог

Вместе с командой Burger King мы разработали отличный массовый сервис, которым пользуются миллионы по всей стране. Обновленный сайт стал удобным инструментом персонализированной коммуникации с клиентами. В перспективе это поможет компании существенно увеличить средний чек, количество заказов и оптимизировать маркетинговый бюджет.

Конверсия выросла на 30%, и это всего за 2 месяца с начала работы. Вместе с командой Burger King планируем повышать экспертизу для всего рынка омниканальности и задавать тренды фуд-ритейла.

Культовый бренд кед «Два Мяча», возрожденный в 2016 году, представил новый интернет-магазин, специально для которого был разработан digital-брендинг. За обновление бренда в цифровых коммуникациях, дизайн и разработку интернет-магазина отвечало креативное агентство Fantastic Works (part of АЭРО).

Марка, производящая кеды по той же технологии, что и 50 лет назад, обратилась к Fantastic Works с желанием полностью обновить сайт. Команда агентства совместно с клиентом определили точки опоры и то, что казалось важным при редизайне. Глобальной задачей было отразить через все слои дизайна нарратив бренда от богатого прошлого к новому позиционированию и предстоящим коллекциям.

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

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

В новом digital-брендинге все элементы от цветов и графики до логотипа гармонируют между собой. Как основной цвет был выбран синий («мирное небо»), а красный («мамина помада»), бежевый («крем-брюле») и чёрный — дополнительными. Эта цветовая палитра встречается в классических моделях кед. Логотип бренда для цифровой среды стал более простым и функциональным, в полном и сокращенном варианте. Первый в целом уравновешивает дизайн, а второй, два мяча в виде двух окружностей, — понятная метафора, которая органично вписывается в навигацию, и наглядно иллюстрирует название бренда.

Стремление к простоте распространяется и на пользовательский опыт. Основных страниц всего три — главная, каталог и карточка товара. Остальные сценарии — регистрация, корзина, оформление — вынесены в специальные слои. На сайте акцент был сделан на продукте, чтобы  все внимание покупателя было именно на нем. В корзине основной фокус был также выстроен на продукте, оставив много пространства и отсекая все лишние опции и информацию. Этот эффект подчеркивает уникальность товара и проводит различие моно-бренда и маркетплейса — здесь чаще покупают целенаправленно с четким пониманием того, за чем они пришли.

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

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

Новый сайт, созданный в партнерстве бренда «Два Мяча» и Fantastic Works (part of АЭРО), отражает новую айдентику и одновременно с этим сохраняет свое наследие, оставаясь вне времени и тенденций. Два Мяча — одна любовь!

Международная компания Shell производит моторные масла с использованием передовых технологий. Они защищают двигатель и продлевают срок его службы.

Так компания заботится об автомобилях своих клиентов.

А мы, команда АЭРО, уже позаботились о том, чтобы купить моторное масло Shell было легко и просто.

Рассказываем, как мы разработали многофункциональный B2B-кабинет для тысяч сотовых дилеров по всей России, интегрировали его с внутренними системами «Мегафона», обеспечили удобную обработку и визуализацию больших объемов данных.

Это был технологически сложный проект. Для его реализации нам пришлось подключиться к только запущенной «Фабрике микросервисов» заказчика, провести большую аналитическую работу по фильтрации данных биллинга из КХД, внедрить Tarantool, gRPC и другие непростые решения.

«Мегафон» входит в топ-3 крупнейших мобильных операторов России. Компания была создана в 1993 году и сегодня предоставляет телекоммуникационные услуги более чем 70 миллионам абонентов.

Дилерская сеть «Мегафона» насчитывает несколько тысяч партнеров по всей стране: это салоны связи, стенды в торговых центрах, на заправках и другие торговые точки.

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

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

Задачи

В рамках проекта команде Aero необходимо было решить следующие задачи:

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

2. Обеспечить быструю и гибкую работу с данными: фильтровать их по большому числу параметров, создавать разные типы отчетов, ускорить процессы обработки.

3. Дать возможность сотрудникам «Мегафона» и его партнерам отслеживать эффективность продаж услуг связи с помощью понятной инфографики.

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

5. Информировать дилеров о региональных новостях и акциях.

6. Разграничить доступ к информации в зависимости от уровней и ролей пользователей.

7. Заложить возможность масштабирования портала: создавать новые страницы, виды заявок и другие функциональные элементы.

Как устроен личный кабинет пользователя

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

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

Профиль дилера в личном кабинете и в общем разделе партнерской сети формируется на основе данных из SFA-системы.

Новости

Для оповещения дилеров о новостях и акциях мы создали новостной раздел, в котором отображается как общая информация, так и региональная для конкретных филиалов.

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

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

Интерактивные отчеты

Страница с отчетностью включает всю статистику по продажам, остаткам сим-карт и активности абонентов. Сотрудники «Мегафона» могут посмотреть, сколько абонентов подключилось в интересующем их регионе, с помощью каких партнеров, на какие тарифы они переводили клиентов, какие дополнительные услуги им подключали и т. д. Дилерам же удобно мониторить эффективность продаж и выполнение KPI по своей торговой точке или филиалу.

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

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

Раздел отчетов был наиболее сложным в реализации из-за больших объемов данных: необходимо было ежедневно выгружать сотни миллионов записей с суммарным весом около 100 ГБ. Если во всех остальных разделах мы управляли данными с помощью PostgreSQL, то здесь эта СУБД не подошла — на формирование каждого отчета уходило по 20-30 секунд.

В качестве более быстрого решения мы подключили Tarantool с шардированием, который хранит данные в оперативной памяти и сохраняет резервные копии. Его сложно внедрять: просто из «коробки» не получится, нужно писать код. Зато с помощью этого мы добились создания отчетов за комфортные полсекунды.

Вознаграждения

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

Для этого мы интегрировали сервис с внутренней системой управления вознаграждениями. В отдельной вкладке хранятся все документы по начисленным комиссиям. Также добавлена возможность для дилера согласовать размер вознаграждения или запросить перерасчет.

Фрод

На отдельной странице «Уточнения» мы вывели информацию по накруткам продаж (фроду), которую выявляет отдел безопасности «Мегафона». Его сотрудники ежемесячно загружают на портал гигантские неструктурированные отчеты. Далее они автоматически обрабатываются, фильтруют информацию по нужным уровням дилеров и отображаются в понятном виде.

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

Обращения

Раздел заявок позволяет дилерам сообщать о проблемах и получать обратную связь от техподдержки.

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

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

Для этого блока мы серьезно проработали статусную модель со всеми возможными сценариями. «Перепрыгнуть» через статус нельзя — например, закрыть обращение можно только после его выполнения, а недоработанную заявку можно открыть заново. Это в том числе помогает руководству «Мегафона» отслеживать эффективность отработки обращений.

Особенности реализации портала

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

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

Технологический стек был выбран на основе перечня разрешенного ПО в «Мегафоне». Проект выстроен с помощью микросервисной архитектуры, backend-часть разрабатывалась с помощью языка Go и технологии gRPC, frontend — на фреймворке Next.js. Хранение данных обеспечивалось с помощью двух видов СУБД: PostgreSQL и Tarantool. Тестирование проводилось во внутренней системе заказчика.

Интерфейс мы разработали на основе брендбука «Мегафона» и адаптировали его под разные браузеры, экраны и мобильные устройства.

Результаты

В рамках пилотного запуска мы подключили 100 дилеров. Всего портал рассчитан на 15 000 пользователей и одновременно 5 000 человек.

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

Haier — глобальный производитель бытовой техники. Компания была основана в Китае в 1984 г. и продает электроприборы премиального класса более чем в 160 странах.

На российский рынок Haier вышла в 2007 году, товары компании представлены во всех крупнейших магазинах бытовой техники. Спустя девять лет Haier открыла свой завод по производству холодильников в Набережных Челнах на 15 000 сотрудников. Тогда же была запущена первая версия российского интернет-магазина.

Восприятие китайских брендов российской аудиторией было не из лучших. Перед Haier стояла большая задача переродить репутацию бренда, выстроив премиальный D2C-сервис.

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

Важной частью D2C-стратегии стало обновление интернет-магазина. Сайт должен был подарить клиентам ощущение, что они находятся в красивом офлайн-магазине Haier. При этом премиальный сервис должен был получить как человек, покупающий в съемную однушку стиральную машину за 20 тыс., так и владелец 100-метровой кухни, выбирающий холодильник за 300 тысяч.

Цель

Новым сайтом Haier хотела передать покупателю философию бренда, усилить к нему доверие, а также стремилась:

• расширить охват аудитории;

• повысить долю онлайн-продаж;

• уменьшить количество отказов от покупки.

С 2017 года мы оказывали эксплуатационную поддержку сайта Haier. В новом проекте редизайна нам поручили разработку, тестирование и дальнейшее сопровождение платформы (дизайн-концепт был уже готов).

Что мы сделали

• Бонусная программа. Мы впервые работали над привязкой системы лояльности от Manzana Group, и для нас это был в некоторой степени вызов. При этом мы не только связывали CRM с сайтом, но и расширяли функционал бонусной программы. Теперь, помимо промокодов на скидку в процентах, существуют персонализированные купоны со скидкой на фиксированную сумму. Эти купоны выдаются в фирменных магазинах Haier — так появилась офлайн-точка входа в программу лояльности и дополнительный канал сбора информации о покупателях.

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

• Корзина. Изначально новая версия корзины покупок на сайте оказалась неудобной: пользователь путался в скидках, бонусных баллах и промокодах.

• Доставка товара. В части доставки заказов Haier сотрудничает с транспортными компаниями. Раньше менеджеры компании отправляли подрядчикам запросы на доставку вручную по каждому заказу. Мы автоматизировали этот процесс, что значительно сократило ручной труд.

Продуктовый подход

После релиза нового сайта начался этап развития проекта и задачи стали расти с геометрической прогрессией. Мы вывели на проект полноценную команду, в которую вошли продакт-менеджер, аналитик, два разработчика и тестировщик.

В новом составе команда внедрила продуктовый подход и стала планировать работу в формате спринтов — выделяла вместе с клиентом пул задач на неделю вперед и работала исключительно над ними. Так мы закрывали потребности клиента блоками и сайт развивался системно.

Решения и процессы

• Интеграция с SAP для контроля остатков.

• Внедрение Elastic Search для ускорения обработки данных.

• Стимуляция акционных продаж с помощью заметных на сайте баннеров и отлаженного механизма покупки.

Платформа и интеграции

• 1С-Битрикс

• ERP: SAP

• CRM: Manzana Loyalty

• Система оплаты: Cloud Payments

• Логистика: ТК «Евразия», КСЭ

Результат

• Выпущен сайт в обновленном дизайне

• Реализованы новые акционные механики

• Автоматизирован процесс доставки

• Автоматизирована выгрузка документов

• Программа лояльности выпущена с обновленным функционалом

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

Мы в АЭРО помогли гипермаркету Selgros запустить интернет-магазин с использованием white label Сбермаркета за рекордные 4 месяца. Рассказываем, как в проекте удалось проинтегрировать личный кабинет с программой лояльности, создать удобную онлайн-регистрацию для пользователей, а также проработать позиционирование Selgros Cash&Carry благодаря историям о собственном производстве и других преимуществах бренда.

Клиент

Selgros Cash&Carry — сеть продуктовых гипермаркетов. Сейчас в российской сети 11 магазинов: в Москве и Московской области, Рязани, Туле, Казани, Ростове-на-Дону и Волгограде. Ритейлер работает с физическими лицами и B2B-клиентами, сотрудничает с глобальными и локальными поставщиками и развивает собственное производство.

Дано

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

«Я присоединилась к команде в 2020 году в пик развития е-grocery в России. Тогда у Selgros развивалось направление маркетплейсов, но не было собственного интернет-магазина — так что моей основной задачей было развитие направления eCommerce и запуск интернет-магазина. Мы, как и весь рынок, видели видели здесь большой потенциал для роста», — рассказывает Оксана Карпухина, Директор по маркетингу Selgros.

В АЭРО компания обратилась за помощью в реализации интернет-магазина, разработкой нового корпоративного сайта и созданием удобного личного кабинета, интегрированного с программой лояльности ритейлера.

***

Интернет-магазин

Компания выбирала между кастомным интернет-магазином и решением на базе white label Сбермаркета — в итоге был выбран второй вариант. Задача АЭРО была в том, чтобы осуществить бесшвовную интеграцию витрины delivery.selgros.ru в сайт компании.

Все было сделано максимально быстро: в январе была согласована ecommerce-стратегия, а 1 апреля у Selgros уже был работающий интернет-магазин.

Программа лояльности, личный кабинет, акции

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

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

Доработки коснулись как самой программы, так и ее технической «обвязки»: например, нужно было сделать онлайн-регистрацию в ПЛ максимально простой, связать данные карт лояльности с личными кабинетами каждого пользователя. С технической реализацией помогала команда АЭРО.

Что было сделано:

• Реализована возможность зарегистрироваться в программе лояльности через личный кабинет на сайте за пару минут.

• Selgros ввел скидки на акции по категориям только для участников программы лояльности.

• Система регистрации изменилась: теперь карта привязана к номеру мобильного телефона.

• Участники программы лояльности теперь получают персональные предложения, что мотивирует их к покупкам.

• Настроена мультиченел-коммуникация: сообщения доставляются в личный кабинет сайта, мобильное приложение, по email и SMS.

• Все данные по программе лояльности выводятся в личном кабинете на сайте и в приложении.

Участие АЭРО на этом не закончилось: наша команда сопровождала запуск акций, создавая лендинги и разрабатывая специальные механики. Например, на Новый год Selgros запускал беспроигрышную лотерею: покупатели загружали чеки в личный кабинет и мгновенно получали баллы на карту — изменения отображались в личном кабинете.

«Маркетинг Selgros очень гибкий, мы быстро проверяем гипотезы и быстро их масштабируем. Нам очень повезло с командой АЭРО, они нас слышали и вовремя реагировали», — Оксана Карпухина.

Корпоративный сайт и юзабилити

По сайту нужно было решить несколько больших задач: реструктурировать контент, улучшить юзабилити, разработать единые стилевые рекомендации для контент-менеджеров Selgros и подсветить преимущества бренда — в том числе собственное производство.

Большое преимущество Selgros — наличие собственного производства. Чтобы рассказать об этом посетителям, мы создали два отдельных раздела: рыбное и мясное производство — и подробно рассказали о плюсах продуктов компании. Теперь клиенты видят, откуда берутся рыба и мясо, как их готовят и хранят, как часто проходят санитарные проверки. Отсюда также можно перейти в интернет-магазин.

Также одной из задач было сделать удобным использование сайта как для B2B, так и для B2C-сегмента. Мы решили сразу разделить эти аудитории в навигации. Когда посетитель заходит на главную страницу, он выбирает раздел «Частным лицам» или «Для бизнеса». Также ему сразу предлагается указать свой регион: в каждом городе проходят собственные акции.

Сделали визуальный акцент на интернет-магазине Selgros — заметную кнопку в сквозном блоке меню, ссылки в подвале и в тематических разделах сайта. В старой версии сайта навигация была не такой очевидной.

Когда мы работали над новой версией, мы старались прийти к единой визуальной системе. Чтобы клиент мог ее придерживаться, предложили создать UI-кит, гайд для контента и баннеров.

Результаты

Клиент получил обновленный сайт с четким разделением на B2B и B2C-аудиторию, проработанными разделами (HR, собственное производство, программа лояльности, акции). Сайт стал дополнительным рекламным каналом: все актуальные акции размещаются здесь.

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

Если говорить о цифрах, то продолжительность сеансов увеличилась на 40%, отказы уменьшились на 90%, а за первые месяцы после релиза число уникальных посетителей сайта выросло в 2 раза.

Обычные потребители теперь могут перейти в интернет-магазин и сделать все покупки онлайн — развитие собственного ecommerce-направления позволило ритейлеру кратно увеличить годовую выручку, а обновленная программа лояльности работает на LTV.

Мы создали гайд для клиента, который поможет поддерживать стилевое единство в графике и контенте.

«Когда мы выбирали подрядчика, то смотрели на экспертизу в eCommerce — у АЭРО она была. Из опыта нашего сотрудничества могу особо отметить качественную реализацию, минимальное количество багов и работу в сжатые сроки», — Оксана Карпухина, Директор по маркетингу Selgros.

Новая облицовка для сайта Kerama Marazzi

Команда АЭРО поддерживает самого крупного производителя декоративно-отделочных материалов из керамики в Европе в цифровом развитии.

KERAMA MARAZZI — международный бренд, входящий в число лидеров глобального рынка отделочной керамики. Компания производит плитку, керамогранит и мозаику более 30 лет, в ассортименте также есть сантехника, смесители, обои и мебель для ванных комнат. Бизнес KERAMA MARAZZI охватывает весь процесс создания керамики — от глиняных карьеров до фирменной розницы в России и за рубежом.

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

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

KERAMA MARAZZI внедряет инновационные решения в архитектурные проекты, меняя облик городов.

Реализацию новой D2C стратегии производитель начал с сайта. KERAMA MARAZZI поставили перед собой цель улучшить product experience и покупательский опыт, продемонстрировать свою отраслевую экспертизу и усилить позиционирование бренда. Сайт должен был стать первой точкой касания с брендом для:

• розничных покупателей

• дизайнеров интерьеров

• архитекторов

• девелоперов и строителей

Мы создали на сайте функциональный продуктовый каталог с глубокой категоризацией и фильтрами, а также переделали разделы “Новости” и “Блог”, усилив контент-маркетинг.

Новый сайт KERAMA MARAZZI стал универсальным инструментом, с помощью которого можно решать имиджевые задачи, рассказывать о продукции и рекламировать розничную сеть. Создание посадочных страниц, продвижение отдельных магазинов и филиальных сетей, отличные контентные возможности, информирование о региональных акциях - вот неполный список возможностей, доступных теперь нашим маркетологам. Это была очень трудоемкая работа, но в результате мы получили отличный многофункциональный инструмент, который ляжет в основу нашего цифрового развития.
Виталий Скачков, директор по цифровизации KERAMA MARAZZI

Техническая часть сайта была полностью разработана с нуля. Совместно с заказчиком мы продумали и реализовали импорт данных, сделали гибкую систему фильтров для каталога и расширили возможности работы с контентными страницами. Теперь пользователи могут выбрать нужный товар, не перебирая все коллекции и серии в поисках подходящих размеров, цветов и способов монтажа.
Олег Александров, project manager

Работа началась в январе 2021 года. В нашу команду вошли: дизайнер, аналитик, два frontend- и два backend-разработчика, тимлид, тестировщик, project- и product-менеджеры.

Новый сайт: от системы импорта до интерфейсных мелочей

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

Импортируем товары

Реорганизация импорта товаров была главной технической задачей. Каждый артикул содержал более 100 свойств, несколько прикрепленных файлов с дополнительной информацией (монтажные схемы, модели для дизайнеров). Дополняла задачу многовариантная не-иерархическая система вложенности, комплектации и приоритезации.

Результат — создали импорт-систему. 90% данных теперь распределяются по нужным категориям автоматически, из Excel-таблицы. Импорт выглядит как кнопка в «Битриксе» — CMS мы тоже, кстати, настроили.

Ручной осталась редакторская работа: выбрать и загрузить фотографии интерьеров, распределить товары внутри серий, например, чтобы рядом с плиткой большого формата отображалась плитка мини-форматов, которая с ней хорошо сочетается. Это все KERAMA MARAZZI проверяет уже на сверстанном сайте и подстраивает под себя.

Выбираем главное и делаем удобно

На первом этапе проекта сайт должен быть ориентирован в первую очередь на розничных покупателей. Мы хотели стимулировать их к посещению наших розничных и флагманских магазинов, как центров компетенций плиточной отрасли.
Екатерина Приходько, руководитель направления e-commerce KERAMA MARAZZI

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

На сайте помочь некому. Без удобного конфигуратора клиент запутается, если увидит параметры вроде «керамогранит с поверхностью под камень из испанской коллекции». 

У KERAMA MARAZZI сложные системы импорта и распределения данных о товарах — всего их около 7000, что не так много для eСommerce. Но у плитки 100 характеристик, у сантехники — 320, у обоев — 40, включая перевод каждой характеристики на английский. 

Кроме очевидных цвета или формата, есть характеристики посложнее: подтипы (керамогранит или мозаика) и серии (в коллекции «Две Венеции», например, есть серии «Аида» и «Александрия»). Однако эти свойства включаются или блокируются только в определенных сценариях: например, в коллекции Brick Plus тоже есть серия «Аида», а «Александрии» нет, ее выбрать нельзя. Со всем этим нужно было разобраться.
Олег Александров

Какие характеристики вывести на сайт, какие оставить в непубличной части, как их связать — в этом нам сильно помогли эксперты из KERAMA MARAZZI. В плитке, например, по рекомендации коллег мы оставили видимыми только восемь категорий. Этот список гибкий: когда подключим аналитику и проведем A/B-тестирование, узнаем наверняка, добавить что-то или убрать.

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

Также мы сделали удобнее раздел со списком магазинов. Раньше можно было выбрать офлайн-магазин только по местоположению. Теперь каждая страница магазина представляет собой отдельный лендинг. Кроме того, точки сортируются и по наличию обоев, и по стендам с интерьерами, и по тому, сделают ли в магазине 3D-дизайн.

Сделать выбор в пользу той или иной плитки по одному ее изображению могут только профессионалы – дизайнеры и архитекторы. А розничных покупателей обычно вдохновляют красивые интерьеры. И чтобы они видели, как плитка могла бы смотреться у них дома, мы изменили структуру товарной выдачи. Галерею с интерьерами мы подняли в слайдер над товарами и дали больше места самим продуктам. Это решение позволило убрать пустоты под фотографиями и список товаров растягивается по всей ширине страницы.

Новое и обновленное

Контент-маркетинг — очень важный инструмент продвижения. По статистике Impact, 70% людей с большей охотой узнали бы о продукте с помощью статьи, а не рекламы.
KERAMA MARAZZI накопила за 30 лет огромную экспертизу и начала вести собственный блог, где публикует свои архитектурные проекты, советы по ремонту, тренды отрасли, новости и многое другое. Там есть даже словарик с терминами, которые пригодятся в выборе плитки. Что такое, например, бикоттура?

Коротко о сделанном и планах на будущее

У нас получилась большая витрина для всей продукции KERAMA MARAZZI. Теперь удобно подбирать товары по любым параметрам и со списком идти в магазин. Еще мы обновили раздел с новостями и блог. Так как у компании есть новости федерального и локального уровней, мы сделали региональную привязку. Новости теперь можно сортировать по времени публикации, чтобы легко найти нужную. Также мы автоматизировали импорт данных о товарах, освободив сотрудников от рутинной работы.

Также в последующих обновлениях — большой раздел с реализованными проектами, система показа баннеров в зависимости от параметров, выбранных в конфигураторе, и многое другое.

Яндекс.Лавка для строителя: удобное мобильное приложение для покупки цемента

Команда разработки АЭРО рассказывает, как переводит суровый B2B в цифру.

«ЕВРОЦЕМЕНТ груп» — одна из крупнейших частных мировых цементных компаний и самая большая по объему выпуска цемента в России. Промышленный холдинг производит треть всего цемента в стране и входит в число системообразующих организаций России наравне с Газпромом, «ЛУКОЙЛом», «Норникелем» и другими корпорациями.

В конце 2020 года компания решила усовершенствовать цифровой сервис и вместе с командой АЭРО начать работу над мобильным приложением для iOS и Android. Приложение выпустили весной 2021-го, за первые две недели работы его средняя оценка в сторах составила 5*.

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

Элина Бойченко

Директор по цифровизации и трансформации, АО «ЕВРОЦЕМЕНТ груп»

От стабильных поставок цемента зависит успех проектов клиентов «ЕВРОЦЕМЕНТ груп» и скорость, с которой изменяется инфраструктура городов страны. Поэтому было очень важно сделать удобный инструмент для покупателей, где они могут быстро оформить заказ со стройплощадки без доступа к компьютеру и отследить график отгрузок.

Нам предстояло разработать мобильное приложение, интегрировать его с личным кабинетом на сайте и внешними системами. И вот как это происходило.

Исследуем рынок и проводим интервью

Цемент можно купить в 485 точках по всей России, при этом цена на товар и условия доставки даже в пределах одного города могут отличаться. За 19 лет работы у «ЕВРОЦЕМЕНТ груп» сложились многолетние отношения со своими партнерами — дистрибьюторами и строительными базами. Компания активно сотрудничает с застройщиками жилой и коммерческой недвижимости.

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

Цемент покупают те же люди, которые пользуются Яндекс.Лавкой и мы постарались перенести привычные для пользователей паттерны в мир сурового B2B и дать клиентам то качество digital-сервиса, к которому они уже привыкли.

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

На строительный рынок только начинают приходить такие понятия, как «удобство для пользователя» и «one-touch-интерфейс». Со временем этот рынок может стать таким же клиентоориентированным, как финтех или фуд-ритейл, но пока производители строительных материалов и строительные компании только в начале пути.

Проектируем Customer Journey Map

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

• Сначала проект оценивают архитекторы, строители и прорабы, затем они составляют список материалов.

• Девелопер связывается с поставщиком и запрашивает информацию по наличию и ценам на материалы.

• Заказчик получает предложение по условиям от поставщика с ценой, рассрочкой и датой доставки, после чего утверждает смету, подтверждает заказ и оговаривает дату доставки.

• Оплата происходит после того, как конечный заказчик оплатил материалы или работы. Это может занять один день или даже месяц, — все зависит от условий договора.

• Последний этап клиентского пути — это повторные заказы или рекомендации, которые заново запускают цикл с самого начала.

Как работает приложение

Прежде чем вы подумаете, что тут нет ничего необычного, напомним: рынок цифровых услуг строительного сектора только начинает зарождаться, и мобильное приложение «ЕВРОЦЕМЕНТ груп» — это почти как пользовательский опыт GAFA, только для строительного сектора.

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

Основные сценарии, которое покрывает мобильное приложение:

• доступ к полному каталогу цементной продукции;

• возможность быстро оформить заказ без доступа к компьютеру;

• трекинг заказа и отслеживание графика отгрузок;

• отслеживание сальдо сразу по нескольким договорам.

Заказ

В приложении отображается актуальная информация по текущим и выполненным заказам с датами отгрузки и статусом обработки, например, «Направлен менеджеру» или «Добавлен в план».

Каталог делится на несколько товарных категорий в зависимости от назначения — например, цемент для частного строительства или для производства сухих строительных смесей. Фильтры позволяют выбрать конкретные заводы холдинга, марку, объем, вид доставки и транспорт (авто или ж/д). А карточка товара содержит подробное описание выбранной марки цемента, характеристики прочности и вязкости, сроки схватывания и рекомендации по использованию.

Доставка

График отгрузок позволяет отслеживать статус заказов и возможные изменения сроков доставок. В приложении можно выбрать получателя на случай, если один покупатель заказывает товары для нескольких объектов. Все необходимые данные загружаются в приложение, и их не нужно каждый раз вносить вручную. Еще есть опция выбора грузоотправителя для каждого конкретного объекта заказчика — они тоже уже «лежат» в приложении.

История общения и часто задаваемые вопросы

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

Что в итоге

По отзывам руководителей компании, нам удалось предоставить лучший сервис заказчикам, а также повысить лояльность пользователей. Пользователи сторов оценивают приложение на 5*. Сейчас идет доработка функционала и повышение его эффективности.

Sims на максималках или как завод стал HR-брендом года

Челябинский трубопрокатный завод меняет жизнь своих работников, а АЭРО меняет его корпоративный сайт.

Что такое ЧТПЗ

Группа компаний ЧТПЗ — один из самых крупных производителей труб в России с заводами в Челябинске, Первоуральске и других городах. В марте 2021 года Трубная металлургическая компания выкупила 86,5% группы, оценив ее почти в 100 млрд рублей. Трубы компании используют на атомных станциях и в условиях вечной мерзлоты, прокладывают по дну моря. Еще ЧТПЗ делает газовые баллоны и даже вертолетные лопасти.

Но ЧТПЗ — это не только инвестиционно привлекательный бизнес, компания создала целую философию «белой металлургии». Концепция подразумевает осознанное производство и высокую социальную ответственность. Первый в мире завод, работающий по принципам «белой металлургии», ЧТПЗ открыла в 2010 году: он называется «Высота-239».

ЧТПЗ — градообразующее предприятие. Там часто работают семьями, компания внимательно относится не только к нынешним сотрудникам, но и будущим, даже если они пока школьники.

В 2011 году ЧТПЗ создала образовательную программу «Будущее белой металлургии». Группа сотрудничает со школами (привлекает в программу талантливых выпускников) и с вузами — открывает собственные колледжи. За 10 лет компания инвестировала в эту программу почти 1 млрд рублей, в ней участвуют почти 1500 студентов.

Дети, родившиеся в Челябинске или Первоуральске, могут пойти в школу, которая находится под патронажем ЧТПЗ. Затем поступить в заводской колледж по специальной программе (у компании есть лицензии на образовательную деятельность). Модель обучения дуальная: 40% теории и 60% практики, начиная со школы.

После школы парни могут пойти в армию: у ЧТПЗ есть подшефные военные части неподалеку от заводов. Девушки и молодые люди, которые хотят учиться дальше, могут поступить в университет, сотрудничающий с ЧТПЗ, например в Бауманку или УрФУ, — на управленца или на сотрудника производства.

Еще один вариант — пройти стажировку по программе «Будущее ЧТПZ». За семь лет ЧТПЗ подготовила почти 700 рабочих, стажировку прошли 155 человек. Для ЧТПЗ очень важна квалификация работников. Более половины трубников в новых цехах компании — с высшим образованием. За заботу о сотрудниках ЧТПЗ несколько раз получала премию «HR-бренд», последний раз в 2019 году.

Для чего ЧТПЗ понадобился новый корпоративный сайт

Компания хотела решить несколько задач:

1. Повысить количество заявок на продукцию и звонков и увеличить эффективность работы с клиентами.

2. Укрепить HR-бренд: рассказать о философии компании, о вакансиях и увеличить конверсию соискателей в отправленные резюме.

3. Держать инвесторов и СМИ в курсе того, что происходит с компанией, в блоге рассказывать о своих успехах.

Помимо корпоративного сайта, мы создали интернет-магазин компании. Он получил три награды: Digital Impact Awards, WEBAWARD и Tagline Awards. Об интернет-магазине у нас есть отдельный материал. А здесь мы расскажем, как решали HR-задачи, создавали сложный сервис для инженеров и много чего еще.

Новые функции

В рамках концепции «белой металлургии» ЧТПЗ создала новый брендбук. Светлый, минималистичный дизайн сайта — продолжение этой философии, и все наши улучшения UX были пронизаны ее идеями.

ЧТПЗ несколько раз заказывала у нас лендинги для новых продуктов и технологий. Страницы были похожи, и мы решили сделать для них генератор с гибкими настройками.

HR-решения

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

Игровой конфигуратор вакансий

В разделе «Карьера» есть конфигуратор вакансий в стиле Apple Music. Как в музыкальном сервисе пользователь выбирает любимые жанры в кругах, так и соискатель выбирает навыки, и конфигуратор показывает подходящее направление в компании и вакансии. Для офисной работы и работы на производстве варианты разные: в первом случае спросят скорее про soft skills, во втором — про технические знания.

Выбрав вакансию, можно тут же отослать в компанию резюме и рассказать о себе с помощью HR-бота — о нем дальше.

Бот для удаленных собеседований — как быстро рассказать ЧТПЗ о себе

В группе ЧТПЗ работает около 25 тысяч человек. Одна из задач компании — автоматизировать первичный отбор соискателей. Их много, и не у всех хватает квалификации, поэтому компания хотела, чтобы в фокус ее внимания попадали те, кто подходит. С другой стороны, кандидатам должно быть легко рассказать о себе и связаться с компанией. Мы совместили эти пожелания в боте с видеоинтервью.

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

На каждый ответ уйдет 20–30 секунд. Записав ответы, бот передаст их в отдел кадров. Там оценят ответы и после напишут соискателю, прошел ли он дальше. По удачному совпадению бота разработали еще до пандемии, и это оказалось как нельзя кстати: у ЧТПЗ заводы и офисы в разных регионах России.

Решение для инженеров

Представьте, что у нефтедобывающей компании появилась новая скважина, из которой она будет выкачивать нефть. Фирма закупает оборудование на 40–50 млн рублей, в том числе трубу, которая будет первой погружена в скважину. На эту трубу, она называется насосно-компрессорной, придется самая большая нагрузка. Кроме того, она должна подходить и к остальному оборудованию.

Вычислить вручную, какая нужна труба, очень сложно. Чтобы инженерам-закупщикам было проще ее выбрать и купить, мы сделали специальный калькулятор. Инженер вносит номер скважины, давление в ней и другие важные показатели, и система автоматически с помощью множества формул рассчитает, какая труба нужна. ЧТПЗ предоставили нам формулы, и на их основе мы разработали сервис.

За каждым показателем в калькуляторе скрываются десятки таких формул. Они составляют большое дерево. В зависимости от введенных данных подключаются разные ветки. Например, если давление углекислого газа в скважине низкое, вычисления пойдут по одному пути, если высокое — по другому.

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

Решение для инвесторов и СМИ

Одно из требований к look and feel для сайта — доступность для разных устройств и высокая скорость работы. Чтобы решить эти задачи, мы применили технологию AMP для ленты новостей.

ЧТПЗ — публичная компания. Одна из задач, которую она нам поставила, — предоставить пользователям инструменты для удобного получения финансовых данных. В разделе «Инвесторам и акционерам» мы реализовали все нужное:

• Новостную ленту.

• Календарь событий. Например, 30 июля компания опубликует промежуточную бухгалтерскую отчетность. Календарь пригодится и деловым медиа, которые следят за работой ЧТПЗ.

• Годовые отчеты и график акций в фирменном стиле. Значения на графике подтягиваются с Yahoo! Finance каждые 15 минут — и только в рабочее время Московской биржи.

Чтобы собирать обратную связь от пользователей — легко ли им найти нужную информацию, — мы добавили на сайт NPS-окно. Оно появляется и просит оценить качество информации, если пользователь долго находится в разделе.

Заключение

В итоге получился сайт, который соответствует стратегии и принципам ЧТПЗ. Светлый дизайн отсылает к философии «белой металлургии» и заботе о сотрудниках, калькулятор для нефтяников — к клиентоориентированности группы, HR-решения — к стремлению привлекать лучшие таланты.

«Стокманн» — сеть универмагов одежды, обуви, аксессуаров и товаров для дома. Компания продает международные модные бренды Levi’s, Guess, Tommy Hilfiger, Geox, Betty Barclay, а также собственные торговые марки компании Belucci, Global, Noom. Российский «Стокманн» развивает сеть универмагов по франшизе. Универмаги работают в Москве, Петербурге, Екатеринбурге, Казани и Краснодаре. В 2018 году компания открыла в России интернет-магазин.

Борис Кузьмичев, менеджер проектов АЭРО

«Стокманн» — известный офлайновый ритейлер. Каких целей компания хочет добиться с помощью eCommerce?

Первая цель стратегии — изменить customer journey. Мы создали интернет-витрину для универмагов, чтобы покупатель начинал взаимодействовать с компанией до посещения универмага и поддерживал с ней коммуникацию после. Компания может общаться с покупателем через личный кабинет, email-рассылки, с помощью программы лояльности, может рекомендовать товары и получать от клиентов обратную связь. Компания стремится сделать опыт клиента омниканальным. Чтобы независимо от того, в каком канале клиент выбирает, покупает или возвращает товар — ему были доступны одинаковые возможности и качество сервиса.

Другая цель — это создание дополнительного канала продаж. Интернет-магазин позволит выйти на новую аудиторию и расширить географию продаж.

А кто сегодня покупает в «Стокманне»?

Типичный покупатель — это женщина от 30 лет из upper-middle класса, жительница одного из пяти мегаполисов, где есть универмаги «Стокманн». Это Москва, Санкт-Петербург, Екатеринбург, Казань и Краснодар. В других городах «Стокманн» знают меньше. Интернет-магазин сделал бренд доступным для всей страны. С помощью инвестиций в маркетинг компания рассчитывает достичь высокой узнаваемости бренда по всей России.

Цель и польза проекта

• Создать новый канал продаж

• Повысить узнаваемость бренда и привлечь новую аудиторию

• Укрепить лояльность постоянных покупателей

• Обеспечить синергию каналов за счет привлечения онлайн-покупателей в офлайн и наоборот

• Реализовать концепцию омниканальной торговли

• Расширить географию продаж

• Повысить выручку компании

Какие задачи стояли перед АЭРО?

Нам предстояло создать полноценную омниканальную систему: интернет-магазин, который интегрирован с офлайновой розницей, и мобильные приложения. Людям важна омниканальность: по данным исследований, 73% покупателей используют разные каналы для покупок. Те, кто предпочитает онлайн-шопинг, могут купить прямо на сайте с доставкой на дом. Но еще немало тех, кто пока опасается покупать в онлайне. Они могут сначала посмотреть каталог, проверить наличие товара в магазине, а купить в офлайне. То, что у компании есть магазины в офлайне, куда можно прийти и померить нужные вещи — это преимущество «Стокманна» перед чистыми онлайн-ритейлерами. Такому интернет-магазину покупатели больше доверяют.

Онлайн и офлайн помогают продавать друг другу. На сайте есть спецпредложения, которые действуют только в конкретных офлайновых магазинах. С помощью таких предложений «Стокманн» привлекает покупателей из онлайна в офлайн. А в офлайне активно рекламируется интернет-магазин. Вот так и получается синергия каналов.

А что это за офлайновые акции?

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

Задачи

• Интегрировать онлайн-каталог с офлайн-магазинами с синхронизацией остатков в реальном времени

• Обеспечить продвижение офлайновых акций в онлайн-магазине и мобильном приложении

• Привлечь максимальное число пользователей с помощью анонсирования акции «Сумасшедшие дни» в интернет-магазине

• Исследовать аудиторию и разработать Customer Journey Map

• Реализовать систему, выдерживающую высокие нагрузки

Какие особенности есть у интернет-каталога?

Покупка в интернет-магазине должна быть максимально простой: пользователю нужно быстро найти нужную вещь, чтобы поскорее вернуться, но уже за новой вещью. В «Стокманне» очень большой ассортимент, выбрать из такого многообразия нелегко, а купить все понравившееся сразу — мало у кого получается. Поэтому мы добавили возможность создавать списки избранных товаров в личном кабинете. Списки не дублируют корзину — покупатели могут создавать любые тематические списки, объединять и изменять их. Этот инструмент работает на повышение лояльности и стимулирование повторных покупок в интернет-магазине.

Какие барьеры при совершении покупки самые типичные?

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

А еще многие не любят регистрироваться в интернет-магазинах. Поэтому мы добавили возможность быстрой покупки «в один клик», без регистрации на сайте. Пользователю нужно указать телефон и почту, и специалист колл-центра свяжется с ним для оформления заказа. Если заказ нужно изменить или отменить, эту проблему тоже можно решить через колл-центр. Хотя и обычная регистрация занимает не больше минуты.

Решения и процессы

• Синхронизация товарных остатков через ERP-систему

• Консолидация всех частей заказа в одной точке самовывоза

• Продвижение офлайн-акций в отдельном блоке на сайте

• Возможность покупки без регистрации — в один клик

• Интеграция с сервисом доставки ShopLogistic

• Повышение производительности сайта за счет технологии Elasticsearch

• Возможность создавать списки покупок и управлять ими

• Сканирование штрих-кода для получения информации о товаре в приложении

Как организована доставка?

Пока интернет-заказы доставляет курьерская служба. Заказы по Москве обычно доставляются на следующий день, но компания стремится к доставке «день в день». Для городов, где нет магазинов и складов «Стокманн», доставка занимает около 5 дней. В ближайшее время в интернет-магазине появится также и доставка от Почты России.

Есть ли функция самовывоза?

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

Какие решения вы предложили для самой продвинутой аудитории?

Мы адаптировали сайт для просмотра с мобильных телефонов. Но мы понимаем, что все больше людей делают покупки через приложения — согласно исследованиям, такой опыт имеют почти 40% онлайн-покупателей. Поэтому мы также разработали мобильное приложение. Одна из интересных фич в приложении — штрих-коды. Теперь вы можете прийти в магазин «Стокманн», отсканировать штрих-код понравившейся вещи и перейти на карточку товара в приложении. Во-первых, это позволяет узнать всю информацию о товаре без консультанта. Во-вторых, вы можете сохранить товар в «избранное» и вернуться к покупке — если не в офлайне, то в онлайне. Согласно исследованиям, использование штрих-кодов в приложении повышает продажи. Рассчитываем проверить это на практике.

Платформа и интеграции

• 1С-Битрикс

• Доставка: Shop-logistic

• ERP: собственная Stockmann на базе 1С

• ФИАС

• MaxMind

• Dadata

Общий результат

• Разработан розничный интернет-магазин

• Все российские онлайн-ресурсы бренда объединены на одной площадке

• Разработаны мобильные приложения под iOS и Android

• Создана омниканальная система, продвигающая также продажи в офлайне

Обращаемся к свету: как мы сделали онлайн-каталог в формате «светового ателье» для бренда Световые Технологии

Световые Технологии — крупнейший производитель и поставщик современных светотехнических решений с 25-летней историей, лидер на рынке профессионального освещения в России и странах СНГ.

С момента запуска первого производства в 1998 году компания разрабатывает комфортное освещение и светотехнические решения для городской инфраструктуры (автомагистрали, больницы, парки), образовательных и спортивных учреждений (школы и детские сады, университеты, стадионы, ледовые арены и горнолыжные трассы), промышленных предприятий (склады, производственные помещения в аграрной, энергетической, лесной и тяжелой промышленности), отелей и гостиниц, АЗС и судостроительной отрасли.

К 25-летнему юбилею бренда Световые Технологии обратились к АЭРО за редизайном онлайн-каталога и обновлению визуальной концепции компании. Девиз Световых Технологий – уверенность в решении. Это транслирует и обновленное цифровое пространство компании – комфортные решения, удобство использования, ответственность и профессионализм в каждом взаимодействии с брендом.

Задачи

Перед АЭРО стояли следующие задачи:

• Полностью обновить визуальную концепцию бренда в онлайн-пространстве для закрытия потребностей широкой аудитории компании;

• Внедрить продуктовый подход и помочь бренду выстроить продуктовые бизнес-процессы внутри компании;

• Усовершенствовать пользовательский опыт с учетом множества запросов от разных сегмента аудитории;

• Обновить IT-архитектуру сайта и обеспечить вывод информации из учетной системы (НСИ) в режиме реального времени;

• Запустить проект в сжатые сроки к 25-летнему юбилею бренда.

Продуктовая концепция

Онлайн-каталог Световых Технологий, в некотором роде, необычный проект для АЭРО. На сайте пользователи не совершают прямых покупок, а используют его как рекомендательный ресурс и источник необходимых материалов для проектирования светотехнических решений. При этом базу аудитории составляют представители креативной индустрии – дизайнеры света и проектировщики интерьеров, архитекторы – а значит, важно учитывать, что онлайн-каталог для них во многом служит и источником вдохновения.

Изучив потребности пользователей и мировые практики, команда АЭРО пришла к концепции «бутик-ателье» световых решений, где несмотря на большое количество технологических деталей фокус делается на свет и его восприятие в разрезе каждого конкретного светильника. Особенность бренда в том, что Световые Технологии не просто продают световые приборы, а проектируют полноценные решения для крупных компаний в разных сферах с учетом дизайна, расчета освещенности и моделирования помещений с пересечением зон освещенности, нормативных и эстетических требований.

Представленное АЭРО видение сайта не просто как цифрового каталога, а как самостоятельного пространства, закрывающего комплексные потребности всех групп пользователей, нашло отклик во всех бизнес-юнитах бренда. Если раньше сайт воспринимался, скорее, как сопутствующий продукт компании, вместе с АЭРО Световые Технологии пришли к осознанию неразрывной связи продуктового процесса и бизнес-эффективности бренда. Запуск нового сайта зародил необходимость осознанного отношения к онлайн-присутствию компании и выстраиванию бизнес-процессов его развития и улучшения, а также стал импульсом для развития внутренних процессов по управлению продуктом.

Разработка продуктовой концепции бренда выстроена на глубоких предпроектных исследованиях и опыте использования сайта самими пользователями. В ходе глубинных интервью АЭРО выделили основные болевые точки аудитории Световых Технологий:

– неудобная навигация по сайту с широким ассортиментом из более чем 9 тысяч осветительных решений;

– сложность подбора схожей по характеристикам продукции, взамен вышедшей из производства;

– отсутствие четкой структуры сайта;

– нехватка 3D-моделей товаров для бесшовного использования в дизайн и светотехническом проектировании.

Дизайн концепция

Свет – это то, с чем мы постоянно сталкиваемся, но практически никогда этого не замечаем.

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

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

АЭРО разработало дизайн нового цифрового каталога Световых Технологий, который позволяет пользователям почувствовать пространство и глубину, важность света для архитектурных решений и личных ощущений тех, кто ими пользуется.

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

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

Для каждого раздела появилось сквозное решение — боковое меню (сайдбар) с дополнительной информацией о серии товара и смежными разделами. Все продукты, необходимые в рамках одной задачи, мы постарались сделать на расстоянии 1-2 кликов, чтобы пользователю не приходилось каждый раз обращаться к поиску и работа с сайтом происходила нативно.

Каталог

В ходе UX-исследования пользователи отмечали неудобство каталога — при просмотре товаров по каждому сегменту приходилось скроллить вниз. Теперь же продукция и категории отображаются плиткой, что позволяет охватить одновременно больше товаров на странице.

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

Калькулятор освещенности

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

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

В результате светотехнического расчёта разрабатываются рекомендации по выбору светильников и их расположению для достижения комфортного и эффективного освещения.

Учитывая сложность светового проектирования, АЭРО принял решение сделать дизайн калькулятора освещенности более минималистичным, а также упростить сам продукт — теперь расчет необходимого количества светильников допускает только сочетаемые параметры. Например, если цвет потолка темный, то выбрать светлые или белые стены и пол невозможно. Это упрощает процесс подбора световых решений и дает пользователю возможность сфокусироваться на эстетике и функционале продукта.

Архитектура

Поскольку основным запросом клиента было сочетание скорости разработки и оптимального финансового ресурса, АЭРО приняли решение выстроить IT-ландшафт на монолитной архитектуре. Такая комбинация позволила соблюсти сроки релиза проекта к юбилею компании благодаря скорости развертки на Битрикс, сохранив весь необходимый функционал благодаря точечному использованию микросервисов. Управление контентом осуществляется с помощью коробочной панели администратора Битрикса, а интеграция с клиентской НСИ на RabbitMQ отвечает за интеграцию и связь с шиной данных, дополнительные коннекторы обеспечивают frontend на React с использованием серверного рендеринга (SSR), backend разработан на PHP. Также во время разработки было выполнено 2 интеграции — с НСИ (системой с нормативно-справочной информацией), где содержались все документы по продукции, и с Битрикс24 для управления формами обратной связи.

Результаты

Благодаря слаженной работе команд АЭРО и Световых Технологий нам удалось выполнить проект в полном объеме и в рамках заложенного бюджета. От первичной аналитики до запуска MVP ушло 6 месяцев и заказчик смог презентовать обновленный сайт на 25-летии компании.

«Одним из этапов реализации стратегии цифрового развития нашей компании стало внедрение нового корпоративного веб-сайта. Учитывая сложность интеграции с внутренними системами хранения данных, специфические запросы целевой аудитории продукта и уже имеющийся опыт неудачного внедрения, этот процесс представлял собой непростую задачу. Отдавая себе отчет в важности данного проекта, мы подошли к выбору команды разработчиков со всей ответственностью, тщательно изучив рекомендации и портфолио потенциальных партнеров. Команда АЭРО нас не подвела!»

Нелли Шульга, руководитель ИТ-проектов в Световых Технологиях.

Что было сделано

• Структура. Полностью переработали структуру сайта с учетом потребностей ЦА и современных трендов UI/UX, а также привязали каталог к новой структуре;

• IT-стек. Внедрили новый стек технологий, обеспечивающий стабильную и обновляемую систему с доступной поддержкой и базой для дальнейшего развития;

• Настройки. Обеспечили гибкость настроек разделов для наглядного отображения информации без привлечения разработчиков. Сократилась скорость изменения шаблона и стоимость поддержки в части настроек. Настроили 30 шаблонов под каждый тип продукции и 30 шаблонов по фильтрам;

• Дизайн. Разработали новую дизайн-концепцию, отвечающая современным трендам, стандартам корпоративного стиля и отраслевой специфике. Всего 44 макета страниц для desktop и 88 страниц для адаптива. Создали качественную mobile-версию сайта.

С одной стороны, наш клиент – это такой же человек, как и я сам, с телефоном в кармане, требовательный к продукту, дотошный в деталях. С другой стороны, наш клиент – это крупный Enterprise, с огромной ответственностью и распределенными центрами решений внутри. В этом дуализме особенно важно иметь собственное agency – субъектность, мнение, основанное на экспертизе и опыте ошибок. Оно позволит вести за собой, делать неконьюктурные, новаторские продукты, которыми ми будем по-настоящему гордиться

Можно зайти к нам гости, посмотреть, как у нас.

Пишите.

Может быть ввести формат выйти на работу на день?

Необязательно работать в АЭРО, чтобы быть частью нашей семьи. Мы собираем вокруг себя людей, с которыми интересно поговорить. О работе даже после работы, потому что это важная часть нашей жизни. Приходите познакомиться!

У друзей АЭРО всегда buenos dias!

В нашем Telegram канале мы собрали тесное комьюнити наших любимых клиентов, друзей и партнеров. Там мы делимся анонсами наших митапов, рассказываем о наших экспертах и показываем жизнь АЭРО изнутри.

Присоединяйтесь!