Projektowanie UX/UI

Sklep WooCommerce dla globalnego producenta narzędzi

6 czerwca 2024 • Projektowanie UX/UI
01

O kliencie

Klient to producent innowacyjnego narzędzia, które nie ma odpowiednika na rynku. Produkt rozwiązuje konkretny problem w branży narzędziowej – zbiera odpady powstające podczas pracy, eliminując bałagan i oszczędzając czas.

Firma celowała od początku w rynki globalne – Polska i kraje anglojęzyczne. Potrzebowała profesjonalnego sklepu internetowego, który zbuduje wiarygodność wokół zupełnie nowego produktu i umożliwi sprzedaż międzynarodową.

Branża: Narzędzia / innowacja
Model: B2C + B2B, e-commerce
Rynek: Polska + globalny
Unikalność: Jedyny produkt na rynku
02

Wyzwanie

Produkt jest zupełnie nowy – nikt go wcześniej nie widział. Strona musiała nie tylko sprzedawać, ale przede wszystkim edukować: tłumaczyć co to jest, jak działa, dlaczego warto. Bez referencji, bez porównań z konkurencją.

Dodatkowo klient potrzebował profesjonalnej fotografii produktowej – zdjęcia stockowe nie wchodzą w grę przy produkcie, który nie istnieje nigdzie indziej. Sklep musiał działać w dwóch językach z osobnymi koszykami i płatnościami.

Wyzwanie
Nowy produkt, zero świadomości
Języki
PL + EN
Foto
Sesja produktowa in-house
Płatności
Międzynarodowe
Edukacja
Sekcje „jak działa”
Stack
WooCommerce + Polylang
03

Realizacja

Zaczęliśmy od sesji fotografii produktowej – packshoty na białym tle, zdjęcia lifestylowe w warsztacie i zbliżenia detali. Zdjęcia musiały same w sobie tłumaczyć działanie produktu.

Sklep zbudowaliśmy na WordPress z WooCommerce i Elementor Pro – klient chciał mieć możliwość samodzielnego zarządzania treścią i produktami bez pomocy developera. Mimo obciążenia technologicznego page buildera, wdrożyliśmy warstwę cache’owania (LiteSpeed), lazy loading i optymalizację assetów, która utrzymuje szybkość ładowania na akceptowalnym poziomie.

Wielojęzyczność oparta na Polylang z dedykowaną konfiguracją dla WooCommerce – osobne koszyki, checkouty i potwierdzenia mailowe w każdym języku.

Fotografia produktowa

Sesja in-house: packshoty, lifestyle, detale. Zoptymalizowane do WebP z zachowaniem jakości.

Strona edukacyjna

Sekcje „O produkcie”, „Jak działa”, „Dlaczego warto”, „Dla kogo” – prowadzenie od ciekawości do zakupu.

Sklep PL + EN

Polylang for WooCommerce: osobne koszyki, checkouty, maile transakcyjne per język.

Wydajność

LiteSpeed Cache, lazy loading, krytyczny CSS inline – szybka strona mimo Elementora.

Płatności globalne

Konfiguracja bramek płatności obsługujących PLN i waluty międzynarodowe.

SEO wielojęzyczne

Hreflang, osobne sitemaps, schema.org Product – widoczność w Google PL i EN.

Od zera do globalnego sklepu

Produkt
Brak strony
Sklep PL + EN
Fotografia
Zdjęcia telefonem
Profesjonalna sesja
Samodzielność
Zależność od agencji
Klient zarządza sam

Kluczowe rozwiązania

Foto jako fundament sprzedaży

Przy nowym produkcie bez rozpoznawalności zdjęcia muszą same w sobie edukować. Packshot + lifestyle + detal – trzy perspektywy, które budują zrozumienie.

Elementor dla samodzielności

Klient zarządza produktami, cenami i treścią bez developera. Prostota edycji przeważyła nad czystością kodu – a wydajność zabezpieczyliśmy cache’owaniem.

Polylang + WooCommerce = osobne lejki

Każdy język ma własny koszyk, checkout i maile transakcyjne. Klient polski i angielski przechodzą przez osobne ścieżki zakupowe.

Edukacja przed sprzedażą

Struktura strony prowadzi: co to jest → jak działa → dlaczego warto → kup. Bez tej ścieżki nowy produkt nie sprzeda się sam.

Wprowadzasz nowy produkt na rynek?

Porozmawiajmy o strategii

Eugenia Okła
Eugenia Okła
UX & Web Developer - emerald media
Udostępnij
Jakub Wójcik
Growth Strategist
Jakub Wójcik
EMERALD MEDIA CEO

Specjalizujący się w marketingu internetowym i automatyzacji sprzedaży. Pomaga firmom zwiększać przychody, upraszczać procesy biznesowe i odzyskiwać kontrolę nad rozwojem.