Кейс 08 из 12 · Сайт

Deniz Service

Двуязычный сайт промышленного поставщика: каталог из 21 категории с якорной навигацией, свой компонент сертификатов, чистые URL на Apache и полная поисковая разметка.

Результат
Каталог поставщика: 21 категория и документы в один клик
Срок
≈ 2 недели
Сдан
июль 2026
Технологии и каналы
  • HTML/CSS/JS
  • jQuery
  • Многоязычность
  • SEO
  • Apache/.htaccess
Содержание04

01О клиенте

Deniz Service с 2005 года занимается поставками и инженерной поддержкой: нефтегаз, металлургия, пищевая и химическая промышленность, строительство, сельское хозяйство. Компания работает как единая точка закупки — от взрывозащищённого оборудования и трубопроводной арматуры до такелажа, ОВиК и средств индивидуальной защиты — и представляет в Азербайджане одиннадцать зарубежных производителей. У неё система менеджмента качества по ISO 9001:2015 и регистрация в базе D-U-N-S.

Такому бизнесу сайт нужен не для покупки в один клик: инженер или снабженец приходит проверить две вещи — есть ли нужная номенклатура и есть ли у поставщика право её поставлять.

02Что сделали

  • Собрали сайт на чистом коде — HTML, CSS, JavaScript и jQuery, без CMS: страницы отдаются готовыми файлами, нечему ломаться при обновлении плагинов и нечего взламывать через админку.
  • Сделали две языковые версии: английская в корне сайта, азербайджанская в разделе /az/. У каждой страницы свой canonical и полный кластер hreflang — en, az и x-default.
  • Вынесли каталог на отдельную страницу: 21 категория товаров и услуг с раскрытым составом каждой. Карточки с главной ведут якорной ссылкой прямо в нужный блок, а не в начало длинного списка.
  • Написали с нуля компонент раздела «Партнёры»: лента из одиннадцати брендов строится из одного файла данных, по клику открывается собственный лайтбокс — масштабирование кликом и колесом, пинч на телефоне, перетаскивание с порогом (чтобы клик не превращался в случайный сдвиг), вертикальные превью и поддержка брендов с несколькими авторизационными документами.
  • Настроили Apache через .htaccess: адреса без .html, 301 со старых форм, принудительный HTTPS, адрес без www и без хвостового слэша — у каждой страницы ровно одна каноническая форма. Там же gzip, кэширование по типам файлов, заголовки безопасности и правильные MIME-типы для WebP и шрифтов.
  • Прописали разметку для поисковых систем: JSON-LD @graph с узлами Organization, WebSite, WebPage и BreadcrumbList, Open Graph и Twitter-карточки, sitemap.xml с языковыми альтернативами у каждого адреса.
  • Выложили документы напрямую: презентация компании, сертификат ISO, аккредитации лаборатории и авторизационные письма всех одиннадцати производителей. PDF открывается в один клик, без формы и регистрации.
  • Перевели всю растровую графику в WebP и включили отложенную загрузку изображений.

03Дизайн и структура

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

Графический мотив — тонкая сетка многогранников на фоновых изображениях — держит инженерную интонацию и не спорит с фотографиями оборудования. Аргументы доверия собраны в одном месте: годы работы, принципы компании, сертификат ISO и знак D-U-N-S. Контакты выведены прямыми ссылками на почту и телефон, рядом карта: снабженцу нужно связаться, а не заполнять форму.

04Сроки и процесс

Около двух недель на вёрстку, наполнение каталога, компонент сертификатов и настройку хостинга. Сайт сдан в июле 2026 года.

Нужен похожий проект?

Расскажите о задаче — смету и сроки дадим после короткого брифа на 15 минут.

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