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

Кейс по созданию сайта-каталога по продаже газоаналитической продукции

Кейс по созданию сайта-каталога по продаже газоаналитической продукции
Обсудить проект
ООО «Газ ФАРМЭК» – официальный дистрибьютор и первый поставщик в Российской Федерации современной газоаналитической продукции, производимой Научно-производственным объединением «ФАРМЭК» (НПОДО «ФАРМЭК», г. Минск). Компания обеспечивает поставки высокотехнологичных газоанализаторов, систем контроля загазованности, датчиков и другого специализированного оборудования, применяемого в промышленности, энергетике, медицине, науке и в экологическом мониторинге.
Дизайн
Дизайн
Индивидуальный
Сайт
Сайт
Каталог
Объём
412
Страниц
Скорость
94 / 98
Загрузки сайта
Язык
RU
Русский
Поиск
Поиск
По сайту
Мессенджеры
Мессенджеры
Коммуникация
Страница товара

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

Страница товара
Карта

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

Карта
FAQ

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

FAQ
Скачивание

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

Скачивание
Задача

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

Решение

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

Ниша

Научно-производственная

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

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

Наименование компании
ООО «Газ ФАРМЭК»
Сфера деятельности
Научно-производственная
Страна, на которую рассчитан сайт
Россия
Основные товары и услуги
Продажа газоаналитической продукции
Домен сайта
gaz-farmek.ru
Целевая аудитория
Владельцы различных предприятий на которых пресутсвуют опасные газы
Задачи сайта
Информационная, Привлечение лидов на товары и услуги
Тип сайта
Тариф
Индивидуальное
CMS
WordPress
Хостинг
Hoster.by
Пожелания заказчика
Сделать сайт за строго отведённое время, соблюсти общий стиль, основываясь на прошлом сайте

Выбор цветовой палитры, шрифтов и визуального контента

01
Цвет и типографика
Синий цвет считается одним из самых универсальных и надёжных для использования в веб-дизайне. Он ассоциируется с доверием, стабильностью, надёжностью и профессионализмом, что особенно важно для компаний, работающих в технических, промышленных или научных сферах.
Шрифт Montserrat хорошо подходит для веб-дизайна благодаря своему современному, геометричному стилю, который придаёт сайту аккуратный и профессиональный внешний вид. Он отличается отличной читаемостью как на больших, так и на малых размерах, что делает его универсальным для заголовков, подзаголовков и основного текста.
#23355c
#ffffff
#191919
#de6e25
Синий цвет считается одним из самых универсальных и надёжных для использования в веб-дизайне. Он ассоциируется с доверием, стабильностью, надёжностью и профессионализмом, что особенно важно для компаний, работающих в технических, промышленных или научных сферах.
#23355c
#191919
#ffffff
#de6e25
Шрифт Montserrat хорошо подходит для веб-дизайна благодаря своему современному, геометричному стилю, который придаёт сайту аккуратный и профессиональный внешний вид. Он отличается отличной читаемостью как на больших, так и на малых размерах, что делает его универсальным для заголовков, подзаголовков и основного текста.

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

02
Функционал

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

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

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

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

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

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

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

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

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

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

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

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

05
Результат

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

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

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

+

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

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