Разработка сайта для компании "Теплодар"

Главное о кейсе

- В 2 раза выросла конверсия интернет-магазина.
- В 10 раз выросло число обращений с веб-форм.
- Отказы снизились на 20 %, глубина просмотра — на 15 %, а время на сайте увеличилось на 10 %. Учитывая, что увеличилась конверсия, эти данные говорят о том, что пользователи быстрее находят нужный товар, изучают его и покупают.

---

- The online shop conversion increased 2 times, especially via the mobile version.
- Requests from the web-forms increased 10 times.
- Bounce rate decreased by 20%, visit depth – by 15%, while the time spent on the site increased by 10%. Considering the increased conversion, this data means that the users spent less time on finding, studying it and buying the right product.

Бизнес-задача и ее решение

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

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

Некоторые детали реализации и фичи:
- Платформа сайта – 1С-Битрикс.
- Адаптивный дизайн
- 5 основных групп пользователей (потребители, дилеры и дистрибьюторы, поставщики, сервисные центры, продавцы-консультанты), учтены все сценарии взаимодействия.
- Личные кабинеты:
- - покупателя;
- - дилера (закупка продукции, маркетинговая поддержка, вебинары);
- - сервисного-центра (обращения по гарантийным случаям, закупка запчастей, техническая поддержка);
- - продавца-консультанта (обучающие материалы, вебинары).
- Реализован конструктор дымохода – подбор полной комплектации дымохода по параметрам объекта, с возможностью в 1 клик оформить заказ на всю подборку или заказать консультацию.
- Тщательно структурировали и подготовили контент для 670 товаров и модификаций (ключевые преимущества, маркетинговое описание, технические характеристики, документация и инструкции, информация о комплектующих и запчастях).
- Удобное сравнение товаров с возможностью заказать консультацию по товарам (менеджер получает в запросе состав товаров в сравнении).
- Форма прямого обращения в службу качества.
- Интернет-эквайринг и несколько видов рассрочки, интегрированных с банками.
- Региональные SEO-оптимизированные поддомены, с возможностью управления ценами на продукцию по регионам.
- Поиск по каталогу на базе технологии Яндекса “Поиск для интернет-магазинов”.
- Карта дилеров, фирменных магазинов, сервисных центров.

В процессе создания нового сайта мы решали множество задач, но глобальные векторы были такими:

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

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

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

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

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

- SEO.
При переходе на новую версию нужно полностью сохранить трафик с поисковых систем и учесть необходимые доработки для увеличения SEO-трафика. Разработка и запуск проекта велись под надзором seo-специалиста.

---

The former website version had been working since 2015. During this time, there were a lot of isolated updates which led to loss of cohesiveness in scenarios of interaction with the site. This resulted in a need to redesign the interface so that all the scenarios are taken into account and kept up to date, while the overall site design looks more modern.
One more reason for the new website development was a change of one of the sales channels: whereas earlier the online shop was assigning orders to the nearest located dealer, the company started to focus on direct sales more. For that, they needed not just a catalog, but an effective, well-thought online shop with an auto orders processing function and seamless business logic.

Some of the realization details and features:
- The website platform – 1C-Bitrix.
- 5 main groups of users (consumers, dealers, and distributors, suppliers, service centers, sales managers), all the interaction scenarios were taken into account.
- Accounts for:
- - A buyer;
- - A dealer (product purchase, marketing support, webinars);
- - A service center (warranty claims, replacement parts purchase, technical support);
- - A sales manager (training documents, webinars).
- Flue builder was created – complete package compilation based on the project’s parameters with an option to buy the whole package with a single click or to request a consultation.
- We’ve meticulously structured and prepared content for 670 products and modifications (key advantages, marketing description, technical specifications, documentation and instructions, information on accessories and replacement parts).
- Handy product comparison with an option to request a consultation on products (a manager gets full product comparison after sending a request).
- Form for quick communication with the quality assurance unit.
- Internet acquiring and several kinds of installment plans integrated together with the banks.
- Regional SEO-optimized subdomains with a possibility to manage the product prices within regions.
- Catalog search, based on the Yandex “Search for online stores” technology.
- Map of the dealers, brand stores, service centers.

In the process of the new website development we’ve been dealing with a ton of issues, but the main aspects were:

- Brand presentation
We couldn’t dramatically change the brand positioning and its visual presentation, meanwhile the site was to display the constructive and productive capacities of the plant, modern technologies, as well as to form an image of the leader of the industry. We’ve refused using vivid design solutions as it would make the information acquisition more complicated, especially for men of 35-60 years old; so we’ve suggested 5 technological references that combine modern visual tools and classic navigation. 22 complex unique website design pages were created, in all possible forms.

- Focus on sales
Site was to fulfil the needs of both potential and existing customers, as well as to be handy, sales-oriented and adaptive. We’ve worked through all the basic scenarios – direct sales from the plant, search of the nearest located dealer, service maintenance issues, warranty coverage and direct communication with the plant’s quality assurance unit.

- Collaboration with partners
“Teplodar” has 5 groups of partners: stores, regional distributors, service centers, suppliers, sales managers. The site was to support the existing ones as well as to attract new partners with the help of informational materials and accounts with functionality specific for each group.
Wide functionality was developed for each of the groups of partners – from informational materials about the products and sales details for dealers to a section for purchasing replacement parts and procedure rules of product repair for service centers.

- Branded catalog + conversional online shop
Site was to have a branded online shop with an accent on their product range, aimed at sales as well as at informational support for the customers and partners. We dived into the topic and had been meticulously preparing the content for the product catalog, put all the information into order and presented full product information to the site visitors.

- Ease of content navigation and style
It was important to maintain the cohesive site design, so all the updates and adding of the new materials didn’t require a designer and high labour costs in general. We’d been carefully controlling the correct technical architecture of the project, developed detailed instructions on working with the site’s control panel, prepared a guide for working with the site’s content.

- SEO
When transitioning to the new website version we needed to retain volume of the search traffic and take the necessary updates into account to increase the SEO traffic. The development and launch of the project were controlled by a SEO specialist.

Прочая информация о кейсе

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

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

---

We’ve projected, developed and launched the new “Teplodar” website.
“Teplodar” is the first Russian company which deals with stove and fireplace manufacturing since 1997. Nowadays, “Teplodar” is a large network of dealers and service centers; distribution through brand stores and their online shop, design bureau and production facilities of their own.

The objective of the new website development project was to think through all the scenarios of interaction with the brand – for both B2C and B2B segments.

Скриншоты

Комментарий заказчика

Реализация нового сайта «Теплодара» повлияла на рост онлайн-продаж, который мы стали фиксировать с февраля 2020 года после внедрения сайта в январе 2020 года. Объем онлайн-продаж соизмеримо увеличивается от месяца к месяцу с наступлением сезонности, в связи с чем выражаем благодарность компании «Директ Лайн»!

---

The new “Teplodar” website launch influenced the online sales increase which we first noticed starting from February 2020 after the site launch in January 2020. The online sales volume has been increasing from month to month together with seasonal fluctuation which is why we thank the “DirectLine” company!