Кейс 08 из 12 · Сайт
Deniz Service
Двуязычный сайт промышленного поставщика: каталог из 21 категории с якорной навигацией, свой компонент сертификатов, чистые URL на Apache и полная поисковая разметка.
- Результат
- Каталог поставщика: 21 категория и документы в один клик
- Срок
- ≈ 2 недели
- Сдан
- июль 2026
Содержание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 минут.