Кейс по разработке сайта для компании, занимающейся продажей сварочного оборудования

promsvarka.by

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

Дизайн

Индивидуальный

Сайт

Каталог

Объём

356

Страниц

Скорость

89 / 94

Загрузки сайта

Язык

Русский

Мессенджеры

Коммуникация

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

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

Карта

Реализована интерактивная карта офиса,
позволяющая пользователям быстро
найти местоположение компании.

Меню

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

Новости

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

Задача

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

Решение

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

Ниша

Продажа сварочного оборудования

Продолжительность

4 недели – дизайн
2 месяца – разработка
3 недели – заполнение

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

Наименование компании

Компания «ПромСваркаГрупп»

Сфера деятельности

Продажа сварочного оборудования

Страна, на которую рассчитан сайт

Беларусь

Основные товары и услуги

Сварочное оборудование

Домен сайта

promsvarka.by

Целевая аудитория

Технические специалисты промышленных предприятий

Задачи сайта

Информационная, привлечение новых и развитие взаимоотношений с имеющимися клиентами

Тип сайта

Сайт-каталог

Тариф

Индивидуальное

CMS

WordPress

Хостинг

Hoster.by

Пожелания заказчика

Максимизация информации, лаконичность дизайна

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

Цвет и типографика

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

Шрифт Montserrat отлично подходит для сайтов благодаря своей современности и чёткости, что обеспечивает лёгкое чтение текста на экране. Его геометрические формы придают дизайну свежий и стильный вид, а широкий набор начертаний позволяет гибко использовать шрифт для разных элементов — от заголовков до основного текста.

#b82121

#494d52

#ffffff

#161616

#b82121

#ffffff

#494d52

#161616

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

Функционал

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

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

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

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

Далее размещён блок с новинками, где представлены последние поступления продукции. Этот раздел помогает пользователям быстро ознакомиться с актуальными предложениями и обновлениями ассортимента, стимулируя интерес к новым позициям.

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

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

Инструменты

Figma

Photoshop

WordPress

JQuery

PHP

JavaScript

WPBakery

Swiper

FancyBox

Bootstrap

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

Скорость

promsvarka.by

Анализировать

Мобильные устройства

Компьютер

promsvarka.by

0-49

50-89

90-100

Мобильные устройства

Компьютер

promsvarka.by

0-49

50-89

90-100

Показания сервиса
Google PageSpeed Insights

Одной из задач разработки сайта для нашей компании является высокая скорость загрузки. Несмотря на большое количество визуальных элементов, проект имеет достаточно высокую скорость загрузки в 93 и 89 балла на декстопных и мобильных устройствах соответственно (возможны более низкие результаты из-за медленного интернета, сильной нагрузки на устройства). Наличие такого результата, который мы получили сервисом PageSpeed Insights, является отличительной чертой нового лендинга, который способствует уменьшению процента отказа.

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

Результат

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

1. Адаптивная верстка

Сайт корректно отображается на всех устройствах и в разных браузерах.

2. Каталог продукции

Добавлена фильтрация по типу, бренду и техническим характеристикам.

3. Интерфейс в техническом стиле

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

4. Информативные страницы товаров

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

5. Интеграция каналов связи и обратной связи

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