Британский бренд ARCO модифицировал дизайн сайта

За время длинного пандемийного карантина дизайн сайта Arco, ведущей британской компании, занимающейся производством и продажей СИЗ, был изменен. О новых приемах работы, инновационных технологиях, оригинальных товарах Гетсиз.ру писал не единожды (например).

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

Итак, посмотрим, что на этой первой странице?

Почему важна именно первая страница?

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

Это один аспект задачи. Но есть и другой. Для компании, создающей сайт (особенно большой и деятельной!), высок соблазн рассказать сразу обо всем. Но поступать так не надо. Количество информации начинает входить в противоречие с качеством ее восприятия.

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

При построении сайта необходимо ранжирование и рациональное самоограничение.

Ранжирование – это понятно! Самые ценные идеи и максимы выходят в топ: ими жертвовать нельзя.

А самоограничение? Понятно, что компания очень заинтересована вывалить на читателя все-все-все. Но современный стремительный мир накладывает ограничения: нет времени читать большие тексты, психология обычного человека требует, чтобы фигурировали 3-4 идеи (тогда есть шанс, что что-то запомнится), максимум – 7 (для интересующихся вопросом – ссылка на пояснение закона Миллера о «магическом числе семь» https://psy.wikireading.ru/31797).

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

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

Например, статистику по эффективности сайта arco.co.uk можно в открытом доступе посмотреть на https://freetools.seobility.net/de/seocheck/arco.co.uk. Подобная информация, разумеется, используется архитекторами сайта, и периодически он улучшается.

Еще один аспект, который приходится брать в расчет. Сайт должен оставаться привлекательным (нарядным и интересным!) для новых, случайных и неслучайных, посетителей. Всех необходимо увлечь и, как говорится, не упустить.

Теперь, с учетом этих знаний, перейдем к вопросу, как в Arco «пересобрали» первую страницу.

Четче, легче, воздушнее

Сразу отметим, что при всем комплексе изменений и обновлений сайт остался узнаваемым (мы наблюдаем за действиями этого бренда многие годы). Интуитивно понятно, что перед нами сайт «того самого» Arco.

Фото с сайта: https://www.arco.co.uk/

Фирменные цвета (черный и активный красный — wow!), начертание логотипа – прежние.

Быстро листая страницу вниз, сразу отмечаем четкую блочно-модульную структуру.

Порядок этих блоков имеет значение. То, что идет в первую очередь, является самым главным. Вот они, результаты ранжирования! Так как Arco выстраивает торговое предложение, вводя в ассортимент продукцию многих известных брендов, самые первоочередные сообщения связаны с ними. Первый блок – слайды (в горизонтальной строке прокрутки).

Всего их четыре: о скидке 25% на продукцию избранных именитых брендов, второй слайд – о такой же скидке на продукцию DeWalt, третий – о выгодном предложении на Snikers, четвертый – об особых условиях доставки, тарифах и процессе возврата в июне.

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

Прокручиваем экран и видим, что информация о распродаже с дисконтом на продукцию четырех брендов повторяется.

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

Нажимая кнопку «Shop Now», предусмотренную для каждого бренда, мы попадаем на страницу с продуктами, на которые действует распродажа.

Фиксируем главное: есть инструмент, который упорно «ведет» клиента, обращая его внимание на определенные товары.

Горизонтальная прокрутка с популярными категориями

А точнее – со всеми категориями СИЗ и сопутствующих товаров, составляющих ассортимент Arco.

Это нужно для тех, кто впервые на сайте, тех, кто очень спешит, и тех, кто недостаточно хорошо ориентируется. Такая заботливость важна, чтобы был сделан главный шаг — покупка (хотя бы чего-нибудь! Компания рационально руководствуется своей основной целью – получением прибыли).

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

Что нового: инновации в фокусе

Очень большая ставка делается на только что появившиеся в продаже новинки.

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

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

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

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

И еще: важна обратная связь. Считается количество кликов на тот или иной материал, статистика позволяет развивать самые востребованные темы и «притапливать» то, что «не выстрелило».

Больше информации

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

В конце июня 2022 года можно было видеть такие заголовки коротких статей и подборок материалов: «Поправки в Регламент средств индивидуальной защиты на рабочем месте 2022 года», «Формирование повестки дня в области безопасности», «Видение Arco в вопросах обеспечения СИЗ».

Все эти темы — важные, вовлекающие в сотрудничество по специфическим направлениям.

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

Компания большая. Громадный ассортимент, много услуг, различные сервисы и подсервисы… И о каждом следует сказать! Что делать, как справиться с лавиной информации? Структурировать, настраивать. Ранжировать. Самые важные данные заслуживают того, чтобы быть упомянутыми не один раз! И одновременно надо отсекать все лишнее, малозначительное, не приносящее ощутимой прибыли. Важно делать информацию проще для понимания, а если это невозможно, переносить ее на другие источники, которыми пользуются специалисты, способные воспринять материал.

Это что-то уникальное?

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

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

В качестве примеров можно привести крупные площадки https://www.kuvalda.ru/, https://www.220-volt.ru/, https://www.wildberries.ru/, https://www.ozon.ru/… Стоит присмотреться к лучшим практикам, критично оценить их ключевые особенности.

Информационные технологии не стоят на месте, и подобные платформы постоянно становятся лучше, удобнее, производительнее!