Как уход материнской компании превращается в точку роста:
кейс borevich.agency° × ТЕНА
время чтения 14 мин
На связи digital-агентство borevich.agency°.
Мы создаем цифровые решения с фокусом на маркетинговую экспертизу и современный дизайн, а ещё ценим качественное взаимодействие между заказчиком и агентством, потому что экспертиза без этого ничего не стоит.
Входим в топ-200 B2B-разработчиков по версии Рейтинга Рунета за 2024 год. Делимся экспертизой на программах MBA и DBA в РАНХиГС, участвуем в образовательных проектах банков ВТБ и Уралсиб.
Сейчас расскажем, как создали новый современный сайт для Министерства экономического развития Тверской области, который помог региону стать более привлекательным для инвесторов и бизнеса.
Кейс полезен компаниям:
Мы создаем цифровые решения с фокусом на маркетинговую экспертизу и современный дизайн, а ещё ценим качественное взаимодействие между заказчиком и агентством, потому что экспертиза без этого ничего не стоит.
Входим в топ-200 B2B-разработчиков по версии Рейтинга Рунета за 2024 год. Делимся экспертизой на программах MBA и DBA в РАНХиГС, участвуем в образовательных проектах банков ВТБ и Уралсиб.
Сейчас расскажем, как создали новый современный сайт для Министерства экономического развития Тверской области, который помог региону стать более привлекательным для инвесторов и бизнеса.
Кейс полезен компаниям:
- С иностранными корнями, которые столкнулись с уходом материнских компаний или опасаются, что это скоро случится.
- Которые работают в деликатных сферах и хотят упростить коммуникацию с потенциальными клиентами.
Клиент, контекст и задачи
В феврале 2023 года в borevich.agency° обратился представитель бренда ТЕНА в России с типичной проблема российского бизнеса после 2022 года.
Бренд принадлежит компании Essity, крупному шведскому производителю товаров для гигиены и здоровья, и уже более 13 лет работает на российском рынке, предлагая решения для ухода при недержании.
В 2023 году материнская компания приняла решение об уходе из России, что означало потерю прав на доменное имя и необходимость создания нового сайта. Это ставило под угрозу дальнейшее развитие бренда на локальном рынке.
Отсюда и ключевая задача: создать новый современный, удобный и эффективный сайт сайт бренду ТЕНА для работы в российском регионе, обеспечив:
Отсюда и ключевая задача: создать новый современный, удобный и эффективный сайт сайт бренду ТЕНА для работы в российском регионе, обеспечив:
- Запуск к 1 сентября 2023 года.
- Упрощенную навигацию.
- Высокую скорость загрузки для разных устройств и браузеров.
- Комфортное использование сайта с мобильных устройств.
Для реализации проекта собрали команду специалистов, каждый из которых отвечал за ключевые этапы разработки и успех финального решения:
- Проджект-менеджер — разрабатывал план проекта, распределял бюджет, управлял командой, оценивал риски и общался с заказчиком, согласовывал этапы работы и контролировал выполнение сроков.
- Маркетолог — анализировал целевую аудиторию, продумывал структуру сайта, чтобы он решал задачи маркетинга. Формировал стратегию продвижения проекта.
- UX/UI дизайнер — отвечал за удобство и качество пользовательского опыта, создавал прототипы, разрабатывал дизайн-макеты и тестировал интерфейсы для улучшения восприятия сайта пользователями.
- Фронтенд— и бэкенд-разработчики — первые работали над визуальной частью сайта и его взаимодействием с пользователем, вторые обеспечивали работу серверной части и интеграцию с внешними сервисами.
- Контент-менеджер — отвечал за наполнение сайта текстами, изображениями, видео и другим контентом, обеспечивал его соответствие задачам проекта и обновлял информацию.
- QA-менеджер — тестировал функциональность сайта, проверял его работоспособность на разных устройствах и браузерах, фиксировал ошибки и контролировал их исправление, обеспечивал соблюдение стандартов качества.
- Аккаунт-менеджер — отвечал за коммуникацию с клиентом и его удовлетворенность нашим цифровым решением. Вел документацию, организовывал встречи, согласовывал изменения в проекте и следил за выполнением требований клиента.
- Арт-директор — управлял визуальным стилем проекта, контролировал работу UX/UI, обеспечивал соответствие дизайна бренду заказчика, генерировал креативные идеи и отвечал за общее визуальное восприятие продукта.
Работа над проектом
Подготовительный этап
- Антон Д'ЭАккаунт-менеджер агентства borevich.agency°Для эффективной работы мы выбрали каскадную модель управления проектом, которая обеспечивает прозрачность всех процессов как для команды, так и для заказчика. Каждый этап был строго регламентирован по времени, срокам и задачам, а для проверки внедрили чек-листы.
Разбили процессы на четыре больших этапах с ключевыми задачами и дедлайнами:
- Первый этап — разработка прототипа, заложили ≈2 недели.
- Второй этап — разработка дизайна, ≈4 недели.
- Третий этап — верстка сайта, ≈4 недели.
- Четвертый этап — сборка, тестирование и запуск сайта, ≈7 недель.
- Структура сайта — основные разделы и страницы: контакты, форма обратной связи, блог, где купить, акции и другие.
- Функциональные элементы — формы подписки, чат-бот, подбор и сравнение продуктов, калькулятор и т. д.
- Дизайн и стиль — следовать текущему фирменному стилю с возможностью его обновления в будущем.
- Технические требования — быстрая загрузка, адаптивная верстка, безопасность, инструменты для управления карточками товаров.
- SEO — подбор ключевых запросов, например: «как выбрать урологические прокладки», «лучшие прокладки для женщин» и другие.
- Карточки товара — описание продукта, характеристики, рекомендации, кнопка «Где купить» и другие элементы.
Таким образом создали основу для разработки сайта, которая охватывает все аспекты: от структуры до дизайна и технической реализации. Это помогло синхронизироваться с клиентом до старта полномасштабных работ, четко спланировать процессы и загрузку специалистов.
Результат: команда была готова приступить к реализации проекта с полной ясностью задач и требований.
Аналитика
Мы изучили существующие решения на рынке и целевую аудиторию, создали базу референсов и узнали боли клиентов, которые не закрывает ни один ресурс.
Основная проблема: клиенты бренда ТЕНА сталкиваются с деликатной ситуацией — обсуждение темы недержания зачастую вызывает дискомфорт, поэтому они избегают прямого общения по телефону или через другие каналы.
Наше решение: разработать сайт, который закроет все типичные вопросы пользователей уже на этапе взаимодействия с карточками продуктов. Например:
Основная проблема: клиенты бренда ТЕНА сталкиваются с деликатной ситуацией — обсуждение темы недержания зачастую вызывает дискомфорт, поэтому они избегают прямого общения по телефону или через другие каналы.
Наше решение: разработать сайт, который закроет все типичные вопросы пользователей уже на этапе взаимодействия с карточками продуктов. Например:
- Какая впитываемость продукции?
- Как мне выбрать размер?
- Где можно купить быстро?
- А если не хочу никому говорить о проблеме?
Главная страница старого сайта сразу сообщает важную для ЦА информацию и делает акцент на доверии к бренду.
Это важно, потому что:
- Новый сайт должен сохранить идентичность ТЕНА.
- Бренду доверяют, не придется с нуля формировать репутацию.
Прототип
Вместе с дизайнером и маркетологом разработали в Figma прототип со структурой будущего сайта. На этом этапе концепция превращается в скелет портала, где мы сразу можем увидеть какие-либо недостатки или точки роста.
Прототип в Figma наглядно показывает масштабы проделанной работы.
В плотной связке с менеджером прорабатывали основные элементы, навигацию и пользовательский путь. Общее пространство упростило коммуникацию — мы задавали вопросы, заказчик оставлял обратную связь и свои соображения.
Мы синхронизировались с клиентом, чтобы улучшить каждый элемент сайта уже на этапе прототипа.Такой подход повышает прозрачность процессов. Когда согласовали прототип, приступили к дизайну.
Дизайн
Дизайнер проработал визуальную часть проекта и создал макеты с учетом особенностей и требований прототипа.
Фрагмент дизайн-прототипа в Figma.
Клиент попросил взять за основу тематику tena.ru: структуру, стиль и цветовые решения. Для ускорения работы клиент предоставил подробный справочник стилей, цветовых кодов и компонентов, использовавшихся на старом сайте. Это помогло сохранить визуальную идентичность бренда и упростить процесс разработки.
Помощь клиента ускорила работу над дизайном — у специалиста были на руках цветовые коды, элементы и другие данные.
Мы также предусмотрели возможность обновления фирменного стиля и масштабирования дизайна в будущем. Такой подход исключает риски, связанные с дополнительными затратами времени, ресурсов и финансов при необходимости обновления сайта.
Как и в случае с прототипом, постоянно держали коммуникацию с клиентом, чтобы учесть его пожелания — задавали вопросы и работали в общем пространстве.
Как и в случае с прототипом, постоянно держали коммуникацию с клиентом, чтобы учесть его пожелания — задавали вопросы и работали в общем пространстве.
Верстка и программирование
Передали готовые согласованные макеты верстальщику. Здесь работали не только над общим видом сайта, но и над адаптивной версией:
- Исключили горизонтальные полосы прокрутки.
- Убрали масштабируемые области при просмотре с телефонов.
- Уточнили области кликабельных элементов.
- Сделали текст читабельным с любого экрана.
- Расположили блоки, чтобы их было удобно просматривать с разных экранов.
Пример верстки раздела с контактной информацией для разных устройств. В зависимости от экрана меняется расположение блоков, чтобы все было удобно, последовательно и сохраняло функциональность.
≈60% людей изучают сайты со смартфонов — поэтому нужно проектировать сайт в первую очередь для просмотра на мобильном устройстве, чтобы фокусироваться на основном канале взаимодействия, а затем достраивать версию для настольных компьютеров.
После этого верстку передали команде разработки, она:
- развернула фреймворк,
- настроила шаблоны,
- создала модули для разделов сайта,
- настроила резервную копию сайта, подключила SSL-сертификат и прочее.
1С-Битрикс — российская система. Ее преимущество в том, что клиент обезопасен от рисков того, что однажды система уйдет из России, как это происходит с разными сервисами и IT-продуктами.
Финальная настройка и запуск
Финальное тестирование проекта проходит в три этапа:
- Первый этап — front-end и back-end разработчики проверяют работу сайта по чек-листу от менеджера проекта.
- Второй этап — менеджер проходит по этому чек-листу еще раз самостоятельно.
- Третий этап — QA-менеджер еще раз проверяет проект целиком.
- Финальный этап — переносим сайт на рабочий сервер и еще раз тестируем, например, с помощью внутренних инструментов CMS.
- ЕкатеринаПроджект-менеджер агентства borevich.agency°По факту три этапа тестирования превращаются в пять. Это нужно, чтобы итоговый проект был доведен до идеального состояния. Лучше потратить чуть больше времени и самим найти все ошибки, чем потом получать негативные отзывы от клиентов.
Мы уложились в срок и выполнили все задачи: новый сайт бренда ТЕНА начал работу 1 сентября 2023 года.
Главная страница нового сайта.
Улучшения и новые возможности сайта ТЕНА
Работая над проектом, мы уделили особое внимание деликатности сферы, обеспечив максимальное удобство и конфиденциальность взаимодействия для целевой аудитории. Основное внимание было сосредоточено на предоставлении исчерпывающей информации и интуитивно понятных инструментов для взаимодействия.
Форма обратной связи
На сайте появились четыре формы обратной связи:
- Предложение — клиенты могут оставить свои соображения по поводу продукции или сайта. Эти данные помогут улучшить продукцию, планировать рекламные кампании и дорабатывать сайт.
- Отзыв — в сложных темах отзывы помогают снять барьеры к покупке. Людям важно знать, что чужой опыт взаимодействия с компанией был положительным.
- Отзыв на рекламу — эта информация поможет корректировать рекламные кампании и делать максимально релевантные креативы.
- Сотрудничество — поможет найти новых партнеров.
Подбор продукта
На сайте реализовали интерактивный инструмент для подбора продукции, который позволяет клиенту самостоятельно выбирать подходящий товар без необходимости общения с менеджером. Пользователь указывает ключевые параметры, такие как потребности, предпочтения или условия использования, и получает персонализированные рекомендации из каталога.
Система не только предлагает оптимальный вариант, но и автоматически подбирает сопутствующие или дополнительные товары, что способствует увеличению среднего чека.
Рекомендации продукции ТЕНА.
Обновленная карточка продукта
Разработали новый формат товарных карточек.
Наша задача — дать максимум полезной информации в карточке, поэтому тут есть:
В нижней части карточки разместили ссылки на связанные статьи из базы знаний, чтобы человек мог узнать больше об уходе при недержании.
- Название продукта с добавлением ключевых запросов для SEO продвижения сайта.
- Описание и характеристики продукции, включая основные преимущества.
- Впитываемость продукции — ключевой параметр для целевой аудитории.
- Количество продукции в одной упаковке для удобства планирования покупок.
- Информация о том, где купить товар.
- Блок с преимуществами бренда, который усиливает доверие к продукту.
- Рекомендации похожих продуктов, чтобы пользователи могли рассмотреть альтернативы или дополнить покупку.
В нижней части карточки разместили ссылки на связанные статьи из базы знаний, чтобы человек мог узнать больше об уходе при недержании.
Контент-маркетинг помогает привлекать дополнительный трафик и снимать барьеры к покупке. В статьях мы отвечаем на частые вопросы аудитории и подтверждаем экспертность компании.
Подбор размера продукта
Мы создали систему подбора размера, которая минимизировала потребность в общении с менеджерами, учитывая деликатность темы. Это не только повысило удобство пользователей, но и уменьшило нагрузку на клиентскую службу.
Как это работает:
- Пользователь вводит ключевые параметры (например, вес, рост или другие характеристики).
- Выбирает подходящий вид продукции.
Заключение
Мы не просто разработали сайт, но и создали фундамент для будущего развития бренда в российском регионе.
- ВасилисаПроджект-менеджер агентства borevich.agency°Наша команда продолжает поддерживать проект, обновлять контент и внедрять новые инструменты. Например, обновили каталог под новую линейку бренда и скорректировали работу поиска на сайте.
Постоянная коммуникация с заказчиком и командой позволила снизить риски и ускорить достижение целей проекта. Клиент доволен borevich.agency — он точно в срок получил современный сайт с удобной навигацией и адаптивной версткой для работы бренда ТЕНА в российском регионе, обеспечив независимость от материнской компании и возможность развивать бизнес в условиях изменения рынка.
Конференции и образовательные проекты агентства borevich.agency°
Делимся опытом на MBA и DBA в лучших ВУЗах страны, проводим открытые лекции и консультации на площадках ведущих банков, записываем видео обучения по приглашению онлайн-школ, потому что нам есть, что рассказать об интернет-маркетинге
Лекции по интернет-маркетингу в РАНХиГС при Президенте РФ на DBA
Курс лекций для слушателей по практикам digital в российском и международном бизнесе
Проект для развития бизнеса Ближе к делу банка ВТБ
Обучающие проекты по стратегическому маркетингу, таргетированной рекламе
Образовательный онлайн-проект Unigram от MAIL.RU — ВКонтакте
2 курса по поисковому продвижению и построению маркетинга в компании для малого бизнеса
Офлайн и онлайн мероприятия для Корпорации МСП
Лекции по построению и повышению эффективности интернет-маркетинга для малого и среднего бизнеса
Контактная информация
Оставьте заявку, чтобы мы связались с вами, оценили потенциальные возможности по работе и приняли совместное решение о дальнейших действиях
Москва, Большая Новодмитровская 36
Тверь, Двор Пролетарки 7
Тверь, Двор Пролетарки 7
Работаем по будням с 8:00 до 18:00. Заявки, отправленные в субботу и воскресенье, обрабатываем в первый рабочий день до 11:00.
Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь с политикой конфиденциальности.
Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь с политикой конфиденциальности.