Skip to content
産業・製造業LIVE

Shafique Packages — PP織袋サプライヤーのためのバイリンガルB2Bウェブサイト

Shafique Packagesは2001年から、パキスタンの工場にポリプロピレン(PP)織袋を供給しており、肥料、砂糖、繊維、化学、農業、製粉、飼料の生産者を顧客とし、国内外のバイヤーに対応しています。当社は、バイヤーの考え方——袋の種類、業界、仕様——に沿って事業を紹介する英語・ウルドゥー語のバイリンガルウェブサイトを設計・構築しました。調達担当者には、問い合わせフォーム、WhatsApp、モバイルでのワンタップのクイックバーという、見積を依頼するための3つの迅速な手段を用意しています。

納入先Shafique Packages — PP織袋サプライヤー(ラホール)
Astro 5HTML5CSS3Vanilla JavaScriptStatic SiteEnglish + Urdu (RTL)AVIF / WebPSchema.orgWeb3FormsWhatsApp Integration
Shafique Packages — PP織袋サプライヤーのためのバイリンガルB2Bウェブサイト

課題

Shafique Packagesは20年以上にわたり、取引関係と紹介によって事業を築いてきました。しかし、調達担当者が電話をかける前にサプライヤーをオンラインで確認するケースが増えており、業界の意思決定者の多くはウルドゥー語を好みます。必要だったのは、製品と対応業界を説明し、ローエンドのスマートフォンや不安定なモバイル回線でも機能し、供給先工場の名前を公開せずに信頼を獲得できる、信頼性が高く高速に表示されるオンラインプレゼンスでした。

ソリューション

Astroを用いて、完全に静的なバイリンガルサイトとして構築しました。英語版をルートに置き、右から左のナスタアリーク体レイアウトによる完全なウルドゥー語ミラー版を用意しています。JavaScriptフレームワークは使用していません。ページはプレーンなHTMLとCSSに小さなインラインスクリプトを加えただけで配信されるため、どのスマートフォンでもすばやく読み込まれます。コンテンツは袋の種類、仕様、業界ごとに整理し、信頼の根拠は顧客名ではなく25年にわたる取引実績に置いています。すべてのページに見積依頼への明確な導線——入力検証付きの問い合わせフォーム、バイリンガルのメッセージが事前入力されたWhatsApp、モバイルの固定表示クイックバー——を設けています。

インパクト

成果とインパクト

shafiquepackages.com.pk で稼働中——12ページすべてを英語とウルドゥー語で公開
ナスタアリーク体の見出し、ナスフ体の本文、ウルドゥー語ページでのみ読み込まれるウルドゥー語フォントを備えた、完全な右から左(RTL)のウルドゥー語版
JavaScriptフレームワークもバンドルも不使用——静的なHTMLとCSSに小さなインラインスクリプトのみで、ローエンドのスマートフォンでも高速に表示
画像はAVIFとWebPでレスポンシブなサイズに変換して配信——1.86 MBの元画像を約8 KBで配信
背景動画は画面内に表示されているときのみ再生し、モーション軽減を設定している訪問者やSave-Data、2Gの訪問者には読み込まない
すべてのページに3つの見積チャネル——入力検証付きの問い合わせフォーム、バイリンガルの事前入力メッセージ付きWhatsApp、モバイルの固定表示クイックバー
ローカルSEOの基盤——LocalBusinessおよびFAQPageの構造化データ、英語/ウルドゥー語のhreflang、バイリンガルのサイトマップ
訪問者のデバイス設定に従うライトテーマとダークテーマ——読み込み時に誤ったテーマが一瞬表示されることもありません
システムの内側

製品スクリーンショット

ホームページ——供給品目と供給開始年を明示し、見積依頼と製品ページへの導線をファーストビューに配置。
ホームページ——供給品目と供給開始年を明示し、見積依頼と製品ページへの導線をファーストビューに配置。
製品——袋の種類を構造と用途別に紹介し、バイヤーが自社の仕様に合う袋を選べるようにしています。
製品——袋の種類を構造と用途別に紹介し、バイヤーが自社の仕様に合う袋を選べるようにしています。
業界——肥料・砂糖から小麦粉・家畜飼料まで、供給先となる7つの業界。
業界——肥料・砂糖から小麦粉・家畜飼料まで、供給先となる7つの業界。
ウルドゥー語版——ナスタアリーク体による、サイト全体の完全な右から左(RTL)ミラー版。
ウルドゥー語版——ナスタアリーク体による、サイト全体の完全な右から左(RTL)ミラー版。
モバイル表示——ライトモードの英語版ホームページ、製品ラインナップ、ダークモードのウルドゥー語版。
モバイル表示——ライトモードの英語版ホームページ、製品ラインナップ、ダークモードのウルドゥー語版。

Shafique Packages — プロジェクトFAQ

Shafique Packages向けに構築したバイリンガルB2Bウェブサイトに関するよくあるご質問。

このサイトは製品、業界、会社情報といったコンテンツが中心で、ログインを伴う機能はありません。Astroはクライアントサイドのフレームワークを使わずにプレーンな静的HTMLとCSSを出力するため、ローエンドのスマートフォンでもページがすばやく読み込まれ、ホスティングもシンプルかつ低コストに保てます。

すべてのページに /ur/ 配下の完全なウルドゥー語版があり、右から左のレイアウト、ナスタアリーク体の見出し、ナスフ体の本文を備えています。レイアウトにはCSS論理プロパティを使用しているため自動的に左右反転し、ウルドゥー語フォントはウルドゥー語ページでのみダウンロードされます。

すべてのページで3つの方法を用意しています。入力検証とスパム対策を備えた問い合わせフォーム、訪問者の言語でメッセージが事前入力された状態で開くWhatsAppボタン、そしてワンタップの見積依頼ボタンとWhatsAppボタンを備えたモバイルの固定表示クイックバーです。

顧客リストは機密情報であるため、サイトでは別の方法で信頼を獲得しています。25年以上の取引実績、対応する7つの業界、製品知識、そして明確な仕様です。空の顧客紹介セクションを残すのではなく、当初からこの前提に基づいてサイト構成を設計しました。

画像はAVIFとWebPの複数サイズに変換して遅延読み込みし、動画は表示されているときのみ再生して、Save-Dataや2G接続時には読み込みません。フォントはセルフホストし、サブセット化しています。JavaScriptバンドルがないため、ページが使えるようになるまでにダウンロードするデータはごくわずかです。

プロジェクトをお考えですか?

NexGenixがどのようにソリューションを提供できるか、ご相談ください。

プロジェクトを始める →