Cargoo Import — platforma B2B z AI matching w 4 językach

O kliencie

Cargoo Import to firma B2B specjalizująca się w pośrednictwie importowym z Chin — od fashion przez elektronikę po home goods. Klienci to przede wszystkim **importerzy z PL, DE, UA i ENG-speaking markets**, którzy chcą importować bez bólu związanego z fabrykami, agentami, kontrolą jakości i logistyką.

Przed wdrożeniem strony, Cargoo działał głównie przez sieci LinkedIn i polecenia. Skala dotarcia była ograniczona, a klient z DE musiał komunikować się w angielskim albo polskim — wszystko ad-hoc.

Wyzwanie

Klient potrzebował platformy która sama edukuje, kwalifikuje i konwertuje klientów w 4 językach jednocześnie. Główne wymagania:

• 4 języki natywne: polski, angielski, niemiecki, ukraiński — z prawdziwą lokalizacją, nie Google Translate
• AI matching dostawców: klient wpisuje czego potrzebuje, AI proponuje typ produktu, kategorię, sugestie
• Kalkulator importu: szacuje koszt total (produkt + cło + transport) bez konieczności kontaktu
• Performance jakości premium — Cargoo konkuruje z dużymi platformami (Alibaba etc.), więc UX musi być na poziomie
• SEO multi-language: hreflang, język-specific keywords, lokalne meta tagi

Stack technologiczny

Dlaczego ten stack

Next.js 15 + App Router — Server Components znacząco redukują rozmiar JS bundle. Strona ładuje treść z serwera, hydrate'uje tylko interaktywne fragmenty. Result: LCP poniżej 1.2 sekundy nawet na 3G.

Cloudflare Pages zamiast Vercel — edge network ma POP w Warsaw, Berlin, Frankfurcie, Kiev. Klient z każdego z 4 rynków dostaje stronę z lokalnego POP-u. **Średni TTFB: 48ms** zamiast 200-300ms z USA-based hostingu.

next-intl dla i18n — pełna kontrola nad URL routingiem (`/en/`, `/de/`, `/uk/`, `/` dla PL), separate translations per route, fallback chain. Każdy język ma własny set <meta> tagów i schema markup.

OpenAI GPT-4 integracja dla AI matching — klient wpisuje "potrzebuję 500 sztuk niebieskich koszulek 100% bawełna L-XL", AI:

1. Klasyfikuje kategorię (Apparel → T-shirts)
2. Sugeruje fabrykę-typu (knit factory, OEKO-TEX certified)
3. Szacuje cenę za sztukę dla danego volumenu
4. Oferuje kontakt z dedicated account managerem

Co konkretnie zrobiłem

Faza 1: Discovery + design (1 tydz)

Audit konkurencji (Alibaba, DHGate, polskich pośredników). Analiza userów-customers Cargoo (5 wywiadów). Wireframe → high-fidelity design w Figma. Wybór typografii (Cabinet Grotesk + Satoshi — silne, czytelne, premium).

Faza 2: Architektura + i18n setup (1 tydz)

Multi-language routing, lokalizowane meta tagi, hreflang implementation. Schema markup per język. CMS structure dla łatwego dodawania treści.

Faza 3: Development (3 tyg)

Build complete. Pages: home, oferta, kalkulator, AI matching, FAQ, blog (gotowy do rozbudowy), kontakt. **Wszystko Server-Side Rendered** dla SEO. Hydration tylko dla form-ów i AI chat.

Faza 4: Performance + edge deploy (3 dni)

Optymalizacja obrazów (next/image z avif/webp). Critical CSS inline. Preconnect do API. Wynik: Lighthouse 98/100 mobile.

Faza 5: Testing + launch (1 tydz)

Cross-browser, cross-device testing. Multi-language QA (native speaker check per język). Soft launch na 7 dni z monitorowaniem. Public launch.

Wyniki (po 2 miesiącach od launch)

Najważniejsze: przed launch 100% klientów było z PL. Po 2 miesiącach od launch: **44% to klienci z zagranicy** (DE + UA + ENG markets). Pokazuje siłę i18n + edge hostingu — strony nie tylko ładnie wyglądają we wszystkich językach, ale są **szybkie z każdej lokalizacji**.

Wyzwania techniczne

Multi-language SEO

Implementacja hreflang dla 4 języków, z fallback do PL i x-default. Każdy język ma:

• Własne meta tagi (title, description) w native language
• Własne schema markup (LocalBusiness, Organization, FAQPage)
• Własną mapę witryny w sitemap.xml
• Localized URLs (przyjazne, bez query params)

AI matching latency

GPT-4 odpowiada w 3-8 sekund — w tym czasie klient może zniknąć. Rozwiązanie: streaming response przez Edge Runtime Workers — pierwsze tokeny pojawiają się w ~400ms, klient widzi że "coś się dzieje" i czeka.

Kalkulator importu

Złożona logika business (cło z różnych kategorii, transport sea/air, opłaty agentskie, podatki). Wszystko klient-side w TypeScript dla performance. Server fetch tylko dla aktualnych kursów walut.

Co odróżnia tę realizację

Większość polskich agencji robi "stronę przetłumaczoną na 4 języki" przez Google Translate albo Polylang dla WordPress — z mizernym SEO i okropnym UX. Cargoo Import to natywna platforma multi-jezyczna gdzie każdy rynek dostaje doświadczenie jak gdyby strona była tworzona specjalnie dla niego.

Plus: edge hosting Cloudflare daje konkurencyjną przewagę kosztową — zamiast 200-400 zł/mc za szybki VPS, strona kosztuje 0-50 zł/mc serwowania.

Co technicznie warte zapamiętania

• Server Components by default — używaj Client Components tylko tam gdzie absolutnie potrzebne. Drastycznie redukuje JS bundle.
• Streaming response dla LLM API — kluczowe dla UX gdy odpowiedź AI trwa 3-8s
• Edge runtime dla API routes z latency-sensitive operations (AI, geo)
• next/image z priority dla above-the-fold images — bez tego LCP cierpi
• Cloudflare KV cache dla expensive AI responses (top 100 zapytań cache'owane)

🌐 Odwiedź cargooimport.eu →