Разработка корпоративного сайта для производителя оборудования

1. Вводная задача от заказчика, проблематика, цели

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Аналитика

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

Проектирование

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

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

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

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

«Сердце» сайта — каталог продукции. На него было затрачено 47% рабочего времени (включая аналитику товарной матрицы, проектирование категории/фильтров/карточки, дизайн, программирование и тестирование). Товарная матрица компании была разрознена: существовал каталог из 4 000 позиций, которые были структурированы неоптимально, ориентирование в нём вызывало трудности даже у экспертов отрасли. Мы его переработали и упорядочили: отфильтровали, выделили категории и приоритетные позиции. В карточке товара отобразили только необходимую клиенту информацию.

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

Взаимодействие практически со всем контентом сайта происходит без перезагрузки страницы.

Дизайн

Чтобы подчеркнуть мировой масштаб компании и одновременно указать на российскую локацию, на главной странице мы использовали стилизованную карту и задвижку Hawle-A (самую популярную позицию в каталоге), «расписанную» под гжель. Такая же задвижка с росписью, подаренная российскими коллегами сыну основателя компании Эрвину Хавле (Ervin Hawle), находится в штаб-квартире концерна.

Для оформления главной страницы мы использовали широкоформатный слайдер с основными преимуществами компании и красочными фотографиями. Чтобы получить качественные изображения главной страницы, совместно с Hawle была организована и проведена фотосессия: написан сценарий, созданы требования к съемке, подобран опытный предметный фотограф, арендована студия. Работая над проектом, мы стали замечать бренд Hawle повсюду, достаточно посмотреть под ноги. Некоторые кадры (например этот возле Спаса-на-Крови) делали сами на местности.

SVG-карта в разделе «Официальные дилеры» легко масштабируется, а её интерактивный функционал доступен и в мобильном, и десктопном представлении.

3. Результаты сотрудничества

Разработан стильный современный сайт, отвечающий запросам клиента:

• Проработан и структурирован каталог продукции.
• Разработана масштабируемая интерактивная SVG-карта.
• Уделено много внимания дизайну: технический дизайн, фотосессия.
• Внедрена автоматическая дифференциация предлагаемых позиций каталога в зависимости от географического расположения пользователя.
• И все это — в адаптивном дизайне.

Флориан Кофлер

Генеральный директор, ООО «Хавле-Севком»

«К выбору агентства для разработки сайта мы подошли внимательно. Мы хотели быть уверены в высокой компетенции агентства. Опыт ARTW показался нам оптимальным, и мы обратились к ним.

Сотрудники ARTW смогли профессионально реализовать все наши пожелания и сделать лучший сайт среди мировых представительств Hawle. Агентство отличает настоящий профессионализм, работа на результат и искреннее желание сделать проект уникальным и качественным. Особенную благодарность за внимание к нашему проекту мы бы хотели выразить Семену Карасеву, Николаю Соколову, Дмитрию Ваганову и Ирине Титаренко.

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