Кейс по разработке сайта-каталога для поставщика станков по резке металла

Разработать современный сайт-каталог на основе структуры и контента старого сайта, сохранив узнаваемость бренда, но с заметными улучшениями в дизайне, юзабилити и технической реализации. Обновить визуальную часть с учётом современных требований к веб-дизайну, переработать пользовательский путь, адаптировать сайт под все устройства и браузеры.
Разработан сайт-каталог на основе обновлённой структуры с сохранением всех URL-адресов для поддержки текущих позиций в поисковых системах. Улучшен пользовательский интерфейс: внедрены новые визуальные решения и адаптивный дизайн для корректного отображения на всех устройствах. Добавлены функциональные блоки, включая карту мира с партнёрами, раздел со статьями и расширенные карточки станков.
Комплексные поставки портальных станков с ЧПУ плазменной, газокислородной и лазерной резки металла, сопутствующих расходных материалов
- 1 месяц- дизайн
- 1 месяц – разработка
- 4 недели – заполнение
Краткий бриф на разработку сайта
Фирменная палитра цветов и шрифт


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

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

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

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

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

Для страницы “О компании” нашим дизайнером была отрисована подробная карта мира с границами стран для того, чтобы пометить географию поставок оборудования от самых востребованных производителей. Для подтверждения статуса компании был размещен слайдер с сертификатами, подтверждающие, что «ТОП Инжиниринг» является официальным дистрибьютором.

Какие инструменты и технологии мы использовали
Скорость загрузки сайта
Google PageSpeed Insights

Мы стараемся для каждого проекта добиваться высоких показателей скорости загрузки сайта. Данный сайт не стал исключением: 90 баллов на десктопных устройствах и 86 баллов на мобильных является крайне высоким показателем (возможны более низкие результаты из-за медленного интернета, сильной нагрузки на устройства). Благодаря этому, клиенты будут быстрее перемещаться по сайту и лояльность к поставщику повысится, учитывая, что у целевой аудитории компании нет свободного времени для ожидания загрузки контента на сайте.
Результаты по проекту
По завершению работы все требования и пожелания Заказчика были учтены и реализованы в проекте. Сайт имеет узнаваемый дизайн старого сайта, но обеспечен новыми дизайнерскими решениями и улучшенным юзабилити, благодаря чему пользователям удобнее перемещаться по сайту. Мы продолжим работу с Заказчиком над другим сайтом, нацеленным на новый географический рынок. Следите за нашими кейсами!
Давайте обсудим проект!