Deniz Service

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, заголовки кэширования по типам файлов, security-заголовки и правильные 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 года.

Технологии