Skip to content
Промышленность и производствоLIVE

Shafique Packages — двуязычный B2B-сайт поставщика тканых PP-мешков

Shafique Packages с 2001 года поставляет тканые мешки из полипропилена (PP) пакистанским предприятиям — производителям удобрений, сахара, текстиля, химической и сельскохозяйственной продукции, муки и комбикормов — для покупателей как внутри страны, так и за рубежом. Мы спроектировали и разработали двуязычный сайт на английском и урду, который представляет компанию так, как мыслят её покупатели, — по типу мешка, по отрасли и по спецификации, — и даёт отделам закупок три быстрых способа запросить коммерческое предложение: форму запроса, WhatsApp и панель быстрых действий на мобильных с кнопками в одно касание.

ЗаказчикShafique Packages — поставщик тканых PP-мешков, Лахор
Astro 5HTML5CSS3Vanilla JavaScriptStatic SiteEnglish + Urdu (RTL)AVIF / WebPSchema.orgWeb3FormsWhatsApp Integration
Shafique Packages — двуязычный B2B-сайт поставщика тканых PP-мешков

Задача

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

Наше решение

Мы построили сайт на Astro как полностью статический и двуязычный: английская версия в корне и полное зеркало на урду с вёрсткой справа налево и почерком насталик. JavaScript-фреймворка нет: страницы поставляются как обычные HTML и CSS с небольшими встроенными скриптами, поэтому быстро загружаются на любом телефоне. Контент организован по семействам мешков, спецификациям и отраслям, а доверие строится на 25-летнем опыте в торговле, а не на именах клиентов. На каждой странице есть понятный путь к коммерческому предложению — форма запроса с проверкой полей, WhatsApp с заранее заполненным двуязычным сообщением и закреплённая панель быстрых действий на мобильных.

Влияние

Результаты и влияние

Запущен и работает на shafiquepackages.com.pk — 12 страниц, каждая опубликована на английском и на урду
Полноценная версия на урду с направлением письма справа налево: заголовки почерком насталик, основной текст почерком насх и шрифты урду, которые загружаются только на страницах на урду
Без JavaScript-фреймворка и бандла — статические HTML и CSS с небольшими встроенными скриптами, поэтому страницы быстро загружаются на недорогих телефонах
Изображения отдаются в форматах AVIF и WebP адаптивных размеров — исходная фотография весом 1,86 МБ доставляется размером около 8 КБ
Фоновое видео воспроизводится, только когда находится на экране, и пропускается для посетителей с включённым уменьшением анимации, Save-Data или соединением 2G
Три канала запроса коммерческого предложения на каждой странице — форма запроса с проверкой полей, заранее заполненные двуязычные сообщения в WhatsApp и закреплённая панель быстрых действий на мобильных
Основа локального SEO — структурированные данные LocalBusiness и FAQPage, hreflang для английской версии и версии на урду и двуязычная карта сайта
Светлая и тёмная темы, которые следуют настройкам устройства посетителя, без мелькания неверной темы при загрузке
Внутри системы

Скриншоты продукта

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

Shafique Packages — FAQ по проекту

Частые вопросы о двуязычном B2B-сайте, который мы создали для Shafique Packages.

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

У каждой страницы есть полноценная версия на урду в разделе /ur/ с вёрсткой справа налево, заголовками почерком насталик и основным текстом почерком насх. Вёрстка построена на логических свойствах CSS и зеркалируется автоматически, а шрифты урду загружаются только на страницах на урду.

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

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

Изображения конвертируются в AVIF и WebP в нескольких размерах и загружаются отложенно, видео воспроизводится только в зоне видимости и пропускается при Save-Data или 2G, а шрифты размещены на своём хостинге и урезаны до нужных символов. Без JavaScript-бандла до начала работы со страницей загружать почти нечего.

Есть идея проекта?

Давайте обсудим, как NexGenix может разработать ваше решение.

Начать проект →