+375 (29) 390-56-65
Время работы
Пн-Пт: 9:00 - 17:00
Сб-Вс: выходной
Отвечаем в мессенджерах:
Кейсы Кейсы по разработке сайтов Кейс по разработке сайта-каталога для поставщика станков по резке металла

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

Кейс по разработке сайта-каталога для поставщика станков по резке металла
Обсудить проект
Компания «ТОП Инжиниринг» осуществляет свою деятельность в области комплексных поставок портальных станков с ЧПУ плазменной, газокислородной и лазерной резки металла, а также сопутствующих расходных материалов для резки и обработки металла. Кроме поставок, компания предоставляет полный спектр услуг: техническое консультирование, подбор оборудования под задачи клиента, пусконаладочные работы, обучение персонала, а также последующее сервисное обслуживание и модернизацию оборудования. Благодаря прямому сотрудничеству с ведущими производителями и накопленному опыту, «ТОП Инжиниринг» гарантирует надёжность, качество и индивидуальный подход к каждому проекту.
Дизайн
Дизайн
Индивидуальный
Сайт
Сайт
Каталог
Объём
648
Страниц
Скорость
92 / 95
Загрузки сайта
Язык
RU
Русский
Поиск
Поиск
По сайту
Мессенджеры
Мессенджеры
Коммуникация
Форма обратной связи

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

Форма обратной связи
Карта

Интерактивная карта на сайте позволяет
легко найти местоположение офиса или
склада компании, а также проложить удобный маршрут.

Карта
Сервис

Отдельный блок сайта посвящён сервисному
обслуживанию, в котором перечислены виды
работ, предоставляемые компанией.

Сервис
Проекты

На сайте представлен раздел с реализованными проектами,
где можно ознакомиться с примерами поставленного оборудования,
масштабами работ и партнёрскими кейсами.

Проекты
Задача

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

Решение

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

Ниша

Комплексные поставки портальных станков с ЧПУ плазменной, газокислородной и лазерной резки металла, сопутствующих расходных материалов

Продолжительность
  • 1 месяц- дизайн
  • 1 месяц – разработка
  • 4 недели – заполнение

Краткий бриф на разработку сайта

Наименование компании
ООО «ТОП Инжиниринг»
Сфера деятельности
Комплексные поставки портальных станков с ЧПУ плазменной, газокислородной и лазерной резки металла, сопутствующих расходных материалов
Страна, на которую рассчитан сайт
Беларусь
Основные товары и услуги
Станки термической резки, плазменное оборудование, вытяжные системы для станков, комплектующие
Домен сайта
thermorezka.by
Целевая аудитория
Металлообрабатывающая промышленность, организации по производству оборудования, где необходима сварка и резка металла
Задачи сайта
Предоставление информации о товарах, услугах, обеспечение доступа к продукции, информирование о новостях и событиях
Тип сайта
Тариф
Индивидуальное
CMS
WordPress
Хостинг
Hoster.by
Пожелания заказчика
Основываясь на прошлом сайте, разработать проект в корпоративном стиле компании с новыми функциональными элементами, которые повысят юзабилити и конверсию

Фирменная палитра цветов и шрифт

01
Цвет и типографика
Акцентные цвета для сайта были взяты из фирменной палитры прошлого сайта и логотипа компании с добавлением серого по просьбе Заказчика, чтобы разбавить белый фон. Благодаря выдержанной в серьезном тоне цветовой гамме сайт вышел представительным и уникальным для своей сферы.
Шрифт Ubuntu — это современный, гуманистический шрифт, разработанный специально для цифровых интерфейсов, что делает его отличным выбором для сайта. Он обладает мягкими, округлыми формами и сбалансированной геометрией, благодаря чему хорошо читается на любых экранах и разрешениях. Ubuntu выглядит технологично и в то же время дружелюбно, создавая ощущение открытости и современности. Он особенно уместен на сайтах, где важно подчеркнуть надёжность, прогрессивность и внимание к деталям.
#e5e5e5
#ffffff
#18243b
#e64e29
Акцентные цвета для сайта были взяты из фирменной палитры прошлого сайта и логотипа компании с добавлением серого по просьбе Заказчика, чтобы разбавить белый фон. Благодаря выдержанной в серьезном тоне цветовой гамме сайт вышел представительным и уникальным для своей сферы.
#e5e5e5
#18243b
#ffffff
#e64e29
Шрифт Ubuntu — это современный, гуманистический шрифт, разработанный специально для цифровых интерфейсов, что делает его отличным выбором для сайта. Он обладает мягкими, округлыми формами и сбалансированной геометрией, благодаря чему хорошо читается на любых экранах и разрешениях. Ubuntu выглядит технологично и в то же время дружелюбно, создавая ощущение открытости и современности. Он особенно уместен на сайтах, где важно подчеркнуть надёжность, прогрессивность и внимание к деталям.

Полезный и для пользователя, и для бизнеса функционал

02
Функционал

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

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

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

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

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

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

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

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

03
Инструменты
Figma
Figma
Photoshop
Photoshop
WordPress
WordPress
JQuery
JQuery
PHP
PHP
JavaScript
JavaScript
WPBakery
WPBakery
Swiper
Swiper
FancyBox
FancyBox
Bootstrap
Bootstrap

Скорость загрузки сайта

04
Скорость
thermorezka.by
Анализировать
Мобильные устройства
Компьютер
92
thermorezka.by
0-49
50-89
90-100
Мобильные устройства
Компьютер
95
thermorezka.by
0-49
50-89
90-100
Показания сервиса
Google PageSpeed Insights

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

Результаты по проекту

05
Результат

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

1. Учет всех требований Заказчика
Проект реализован с полным соответствием пожеланиям клиента, включая структуру, стилистику и функциональность.
2. Обновлённый, но узнаваемый дизайн
Сайт сохранил визуальную преемственность с предыдущей версией, при этом получил современные графические и UX-решения.
3. Улучшенное юзабилити
Навигация и взаимодействие с сайтом стали более удобными, что повышает комфорт для пользователей и ускоряет поиск нужной информации.
4. Поддержка и развитие проекта
Команда продолжает сотрудничество с Заказчиком и приступила к разработке нового сайта, ориентированного на другой регион.
5. Гибкость и масштабируемость
Созданный сайт легко адаптируется под новые задачи и может быть масштабирован в рамках расширения бизнеса.
Хотите так же?
Давайте обсудим проект!
+

Обсудить проект

+

Заявка на обратный звонок

Согласие на обработку персональных данных в соответствии с целями, указанными в Политике обработки персональных данных