Przejdź do treści

E-commerce i headless commerce

Sklep internetowy gotowy na większy ruch.

Budujemy i rozwijamy sklepy na MedusaJS, Shopify i WooCommerce, ze storefrontami w Next.js.

Otwarte białe pudełko kartonowe na jasnym stole na tle szarej ściany

Warstwę wyglądu sklepu oddzielamy od zaplecza tam, gdzie to realnie przyspiesza zakupy, dzięki czemu płacisz za technologię, która pracuje na Twój wynik.

Przegląd

Sprzedaż online łączy się z całą Twoją firmą.

Sklep, który zarabia, jest połączony z resztą firmy: z magazynem, księgowością, kurierami, marketingiem i obsługą klienta. Dlatego zaczynamy od Twoich procesów — jak powstaje zamówienie, kto je obsługuje, gdzie dzisiaj ucieka czas i pieniądze — bo to z nich wynika architektura, która realnie odciąża zespół.

Pracujemy na MedusaJS, gdy potrzebujesz własnej logiki sprzedaży i pełnej kontroli nad zapleczem, na Shopify, gdy priorytetem jest szybki i przewidywalny start, oraz na WooCommerce, gdy sklep ma działać obok rozbudowanej części treściowej w WordPressie. Warstwę sklepu budujemy w Next.js, React i TypeScript, dzięki czemu strony ładują się szybko i wyżej wyświetlają w wyszukiwarce, a klient rzadziej rezygnuje z zakupu.

Prowadzimy zarówno projekty od zera, jak i istniejące sklepy — poprawiamy proces zakupowy, dokładamy integracje albo przenosimy sprzedaż na inną platformę tak, żebyś zachował ruch i pełną historię zamówień.

Płatność zbliżeniowa smartfonem przy terminalu, sprzedawczyni podaje białą torebkę z zakupami

Zaplecze na MedusaJS

Własne moduły, procesy i migracje danych.

Szybka warstwa sklepu

Renderowanie po stronie serwera, TypeScript i szybkie listy produktów.

Checkout i płatności

BLIK, Google Pay, Apple Pay, karty i raty.

Wiele rynków

PL, EN, DE i CZ — waluty, podatki i dostawy per kraj.

Dobieramy technologię do modelu sprzedaży.

Każda platforma ma sufit możliwości i próg kosztów. Mówimy o nich otwarcie, zanim podpiszemy umowę.

  • MedusaJS

    Daje Ci pełną kontrolę nad zapleczem sklepu, dzięki czemu logikę sprzedaży dopasowujemy dokładnie do Twojego modelu. Piszemy własne moduły i automatyzacje, prowadzimy migracje danych i rozszerzamy panel o ekrany, z których Twój zespół faktycznie korzysta.

  • Shopify

    Motywy spójne z Twoją marką, aplikacje prywatne i połączenia z systemami, których używasz. Sprawdza się, gdy zależy Ci na szybkim starcie i przewidywalnym utrzymaniu, a logika sprzedaży mieści się w możliwościach platformy.

  • WooCommerce i WordPress

    Sprzedaż połączona z rozbudowaną częścią treściową: blogiem, bazą wiedzy, stronami sprzedażowymi. Budujemy własne motywy i wtyczki, dzięki czemu strona zostaje szybka, a aktualizacje przebiegają bez niespodzianek.

  • Storefront w Next.js

    Renderowanie po stronie serwera, obsługa wielu rynków i języków, TypeScript i Tailwind CSS. Warstwę wyglądu trzymamy osobno od zaplecza, dzięki czemu zmiana wizerunku sklepu jest szybka i bezpieczna dla działającej sprzedaży.

  • Integracje i automatyzacje

    Łączymy sklep z płatnościami, kurierami i paczkomatami, magazynem, fakturowaniem i KSeF oraz narzędziami marketingowymi, żeby dane krążyły automatycznie. Pilnujemy przy tym, aby stany i zamówienia zgadzały się także po nocnych synchronizacjach.

Headless czy monolit?

Decyduje koszt późniejszych zmian.

W podejściu monolitycznym wygląd i zaplecze sklepu to jedna aplikacja, więc start bywa szybszy, a przy prostej sprzedaży utrzymanie tańsze. W podejściu headless zaplecze udostępnia dane, a warstwa sklepu jest osobną aplikacją, dzięki czemu zmienisz wygląd, dołożysz drugi rynek albo aplikację mobilną bez ruszania logiki zamówień.

Headless zwraca się, gdy masz nietypowe warianty i konfiguratory, kilka rynków, własne reguły cenowe, połączenia z systemami wewnętrznymi albo ruch, przy którym szybkość strony wprost przekłada się na przychód. Jeśli tego nie potrzebujesz, doradzamy prostsze rozwiązanie, żebyś wydał budżet na to, co realnie zwiększa sprzedaż.

Porównanie platformy monolitycznej i podejścia headless
KryteriumPlatforma monolitycznaHeadless (MedusaJS + Next.js)
Start projektuSzybki, na gotowych mechanizmachDłuższy, za to bez zaległości do nadrobienia później
Nietypowa logika checkoutuOgraniczona ustawieniami platformyWłasne procesy i walidacje po stronie zaplecza
Wydajność frontuZależna od motywu i wtyczekPełna kontrola nad szybkością ładowania stron
Nowe kanały sprzedażyKolejna instancja sklepuKolejny klient tego samego API
Integracje z systemami firmyPrzez dostępne wtyczki i limity APIBezpośrednio w kodzie, z własnymi kolejkami i webhookami

Największy spokój daje sklep, w którym kolejne zmiany wprowadza się prosto i przewidywalnie, bo utrzymanie kosztuje wtedy mniej przez całe lata jego działania.

Zasada, którą kierujemy się przy każdym projekcie

Zakres prac

Co budujemy wewnątrz sklepu.

Konkretne obszary, którymi się zajmujemy, żeby Twoja sprzedaż działała sprawnie także długo po uruchomieniu.

  • Checkout z bramkami płatniczymi: BLIK, Google Pay, Apple Pay, karty, płatności odroczone i raty
  • Potwierdzanie płatności prosto od bramki i zabezpieczenie przed podwójnym obciążeniem klienta, żeby każda opłata kończyła się poprawnym zamówieniem
  • Obsługa sytuacji granicznych, takich jak opóźniona informacja z bramki czy przycisk „sprawdź status”, dzięki czemu klient nie utknie na ekranie płatności
  • Warianty produktów, zestawy i konfiguratory z regułami dostępności i cen
  • Listy produktów, filtrowanie i sortowanie, które pozostają szybkie nawet przy dużym katalogu
  • Koszyk, profile wysyłki, progi darmowej dostawy i reguły dla przesyłek gabarytowych
  • Wielojęzyczność i wielorynkowość: PL, EN, DE, CZ, waluty, podatki, treści per rynek
  • Zwroty i procesy RMA, integracja z paczkomatami i szybkimi zwrotami InPost
  • Maile transakcyjne przez zewnętrzny system mailingowy lub SMTP, z edytorem szablonów i podglądem na żywo
  • Panel rozszerzony o procesy, których naprawdę używa Twój zespół: przełączniki integracji, testy połączeń, historia operacji
  • Pliki produktowe pod Google Merchant Center, aktualizowane automatycznie po każdej zmianie produktu, żeby reklamy pokazywały prawidłowe dane
  • Pomiar sprzedaży i kampanii (Meta, GA4) z poszanowaniem zgód i danych osobowych, żebyś wiedział, co przynosi zamówienia
  • Szybkość ładowania sklepu i panelu, bo krótszy czas otwierania stron to więcej dokończonych zakupów
  • Przenoszenie sklepu między platformami z zachowaniem produktów, klientów, zamówień, przekierowań i pozycji w wyszukiwarce
  • MedusaJS
  • Next.js
  • React
  • TypeScript
  • Node.js
  • Tailwind CSS
  • PostgreSQL
  • Shopify
  • WooCommerce
  • WordPress
  • PHP
  • Python
  • nginx
  • Git
  • Meta CAPI
  • GA4
  • Google Merchant Center
  • InPost
  • Mailing transakcyjny
  • KSeF

Trzy sytuacje, które w sklepach spotykamy najczęściej.

Każda z nich ma swój mechanizm i sprawdzoną kolejność rozwiązywania, dzięki czemu z góry wiesz, czego się spodziewać w pracy nad Twoim sklepem.

  • Checkout

    Opłacone koszyki, które nie stają się zamówieniami

    Jak to wygląda

    Pieniądze są pobrane, a zamówienie wisi jako nieopłacone. Obsługa dopina je ręcznie, klient w tym czasie pisze reklamację.

    Co jest pod spodem

    Status zamówienia ustala powrót klienta na stronę podziękowania. Jeśli klient zamknie kartę albo notyfikacja z bramki przyjdzie z opóźnieniem, nikt tego statusu nie zmienia.

    Jak to rozkładamy

    Status zamówienia ustala zaplecze sklepu dopiero po potwierdzeniu płatności przez bramkę, dzięki czemu jest wiarygodny nawet gdy klient zamknie kartę. Formularz skracamy do pól potrzebnych do wysyłki, dokładamy wybór punktu odbioru na mapie i zapamiętane adresy dla wracających klientów.

    • MedusaJS
    • Next.js
    • InPost
    • TypeScript
  • Migracja platformy

    Sklep, który wyrósł z gotowej platformy

    Jak to wygląda

    Kolejne wtyczki obchodzą reguły cenowe, których platforma nie obsługuje. Zmiana w katalogu wymaga ręcznej pracy w dwóch miejscach.

    Co jest pod spodem

    Ograniczenie tkwi w samym modelu danych platformy, więc konfiguracja go nie zdejmie, a każda kolejna wtyczka dokłada wyjątek. Przy takiej migracji zależy Ci na zachowaniu pozycji w wyszukiwarce i pełnego archiwum zamówień, i właśnie to zabezpieczamy w pierwszej kolejności.

    Jak to rozkładamy

    Zaczynamy od mapy starych adresów na nowe i przekierowań trwałych, dopiero potem przenosimy produkty, konta klientów i archiwum zamówień. Odtwarzamy dane strukturalne i mapę witryny. Przełączamy w godzinach najmniejszego ruchu, z opisaną ścieżką powrotu do starej wersji.

    • MedusaJS
    • Next.js
    • Przekierowania 301
    • PostgreSQL
  • Wiele rynków

    Ta sama promocja wprowadzana osobno na każdym rynku

    Jak to wygląda

    Każdy kraj ma własną instalację sklepu. Zmiana ceny to tyle wejść do panelu, ile masz rynków, a stany magazynowe rozjeżdżają się między nimi.

    Co jest pod spodem

    Osobne instalacje to osobne bazy. Katalog, ceny i stany żyją w kilku kopiach, których nikt nie synchronizuje w całości.

    Jak to rozkładamy

    Zostawiamy jedno zaplecze i jeden katalog, a rynek rozpoznajemy po adresie w warstwie pośredniczącej storefrontu. Walutę, stawki podatkowe, metody dostawy, treści prawne i reguły cenowe konfigurujemy osobno dla kraju. Tłumaczenia wprowadza Twój zespół w panelu.

    • MedusaJS
    • Next.js
    • Wielojęzyczność
    • PostgreSQL

Modele współpracy

Trzy sposoby, w jakie wchodzimy w projekt.

Zakres ustalamy na starcie, a wycenę opieramy na rozpisanych etapach, dzięki czemu z góry wiesz, za co płacisz i kiedy.

Przejęcie i rozwój istniejącego sklepu

Dla firm, które mają działającą sprzedaż i chcą odzyskać tempo rozwoju po zmianie wykonawcy.

  • Audyt kodu, integracji i bezpieczeństwa
  • Uporządkowanie repozytorium, środowisk i procesu wdrożeń
  • Lista zaległości technicznych uszeregowana według wagi dla biznesu
  • Naprawy krytyczne, potem rozwój funkcji w iteracjach
  • Przejęcie utrzymania: serwer, certyfikaty, kopie, monitoring

Wsparcie zespołu in-house

Dla firm z własnym zespołem, który potrzebuje rąk do konkretnego obszaru albo drugiej pary oczu.

  • Wejście do istniejącego repozytorium, gałęzi i konwencji zespołu
  • Wydzielone moduły: płatności, integracje, panel, wydajność
  • Code review i pomoc przy trudnych błędach produkcyjnych
  • Dokumentacja i przekazanie wiedzy zespołowi
  • Rozliczenie w modelu godzinowym lub za etap

Jak pracujemy

Cztery kroki od rozmowy do sprzedaży.

  1. 01

    Audyt i discovery

    Rozkładamy sprzedaż na czynniki: katalog, warianty, ceny, dostawy, zwroty i systemy, z którymi sklep ma się łączyć. Efektem jest konkretna lista wymagań i ryzyk, dzięki której z góry wiesz, co powstanie i gdzie warto uważać.

  2. 02

    Architektura i makiety

    Projektujemy model danych, integracje i ścieżkę zakupową. Makiety kluczowych widoków zatwierdzamy przed kodowaniem, a tokeny i wymiary pobieramy prosto z Figmy.

  3. 03

    Budowa w krótkich cyklach

    Pracujemy na osobnym środowisku, w tygodniowych odcinkach. Każdy etap kończy się działającą funkcją do sprawdzenia, testami jednostkowymi i integracyjnymi oraz kontrolą na szerokościach od 320 px.

  4. 04

    Uruchomienie i opieka

    Publikujemy sklep, konfigurujemy domenę i certyfikaty SSL z automatycznym odnawianiem oraz stały nadzór, który wychwytuje usterki, zanim zauważą je klienci. Po starcie zostajemy z Tobą: poprawki, rozwój i szybka reakcja na zgłoszenia.

FAQ

Najczęstsze pytania o wdrożenia e-commerce.

Kiedy headless commerce naprawdę się opłaca?

Wtedy, gdy sklep ma nietypową logikę sprzedaży, kilka rynków lub języków, rozbudowane warianty i konfiguratory albo integracje z systemami wewnętrznymi firmy. Jeżeli katalog jest prosty, a procesy mieszczą się w standardzie gotowej platformy, doradzimy prostsze rozwiązanie, bo headless podniósłby wtedy koszt bez realnego zysku.

Czy da się przenieść sklep na inną platformę bez utraty pozycji w Google?

Tak, pod warunkiem że migracja jest zaplanowana. Mapujemy stare adresy na nowe, ustawiamy przekierowania trwałe, przenosimy produkty, klientów i historię zamówień, pilnujemy danych strukturalnych i wydajności. Migracje domen, DNS i certyfikatów prowadzimy w oknie o najmniejszym ruchu.

Przejmiecie sklep, którego nie budowaliście?

Tak. Zaczynamy od audytu kodu, integracji i bezpieczeństwa: sprawdzamy, czy w kodzie nie zostały hasła i klucze dostępu, czy dane z formularzy są weryfikowane i czy kwoty wylicza serwer, dzięki czemu klient nie zmieni ich w przeglądarce. Potem dostajesz listę problemów z priorytetami i wyceną naprawy, żebyś mógł zdecydować, co robimy najpierw.

Jak wygląda obsługa wielu rynków i języków?

Uruchomienie nowego rynku obejmuje pełną konfigurację lokalną: waluty, stawki podatkowe, metody i koszty dostawy, treści prawne oraz reguły cenowe ustawiamy osobno dla każdego kraju, dzięki czemu klient widzi ceny i dostawę policzone zgodnie z zasadami swojego kraju. W storefroncie w Next.js obsługę języka i rynku realizujemy w warstwie pośredniczącej (middleware), z poprawnymi adresami i znacznikami dla wyszukiwarek.

Co dostaję w zakresie płatności i zwrotów?

Integrację z bramką płatniczą wraz z kanałami BLIK, Google Pay, Apple Pay i kartami, obsługę płatności odroczonych i rat, weryfikację podpisów notyfikacji oraz zabezpieczenia przed podwójnym obciążeniem. Po stronie zwrotów: proces RMA, integracja z paczkomatami i szybkimi zwrotami oraz statusy widoczne dla obsługi w panelu.

Czy zajmujecie się utrzymaniem po uruchomieniu?

Tak. Prowadzimy serwer, nginx, certyfikaty z autoodnawianiem, kopie zapasowe, zadania CRON i monitoring błędów. Rozwój po starcie prowadzimy w tym samym rytmie co wdrożenie: zgłoszenie, wycena etapu, wdrożenie na środowisku testowym, publikacja na produkcji.

Opowiedz nam o swojej sprzedaży.

Pokaż nam sklep albo pomysł na niego, a odpowiemy konkretnie: jaka architektura ma sens, co da się naprawić najszybciej i ile etapów dzieli Cię od startu.