Sklep, który sam przygotowuje pliki dla drukarni
Kraina Druku tworzy personalizowane książeczki dla dzieci i obrazy na płótnie ze zdjęć klientów. Klient sam personalizuje swoją książeczkę albo płótno na stronie, a drukarnia dostaje gotowy plik do druku, bez ręcznej obróbki w programie graficznym.
Zbudowałam dla Krainy Druku sklep na WordPressie i WooCommerce. Największa część pracy nie była jednak w samym sklepie, tylko w rozwiązaniach, których nie da się kupić gotowych:
- konfigurator personalizowanej książeczki z podglądem na żywo,
- generator plików do druku, który składa całą książeczkę z zamówienia,
- konfigurator zdjęcia na płótnie i kolorowanki ze zdjęcia,
- zestaw mniejszych wtyczek dopinających sklep pod polskie przepisy i wysyłkę.
Od gotowej wtyczki do własnych rozwiązań
W ofercie zakładałyśmy coś skromniejszego: konfigurator postaci, który pokaże klientowi, jak jego rodzina będzie wyglądać na okładce, oraz dopasowanie zdjęcia do ramki płótna. Do tego miała posłużyć gotowa wtyczka do personalizacji produktów.
Porównałam dwa rozwiązania. Jedno było nowocześniejsze, ale w abonamencie i z prowizją od każdej sprzedaży. Drugie wyglądało mniej nowocześnie, ale było jednorazowym zakupem. Dla małej, startującej firmy liczy się każda złotówka, a wtyczkę zawsze można później zmienić, więc wybrałyśmy tę tańszą, choć nie spełniała wszystkich oczekiwań co do wyglądu.
Przy pracy nad książeczką okazało się, że część elementów musi być zablokowana, a klientka miała w głowie inny przebieg konfiguracji, niż pozwalała wtyczka. Zamiast naginać pomysł do narzędzia, zaproponowałam własną wtyczkę, zbudowaną z pomocą AI.
Potem konfigurator rósł razem z pomysłami: doszedł napis z imieniem na okładce, imiona rodziny w treści książeczki z poprawną odmianą i zdjęcia klienta w środku. Na etapie oferty żadnej z tych rzeczy nie było. Skoro własny konfigurator tak dobrze pasował do klimatu strony, płótna też dostały własne, prostsze rozwiązanie i z gotowej wtyczki zrezygnowałyśmy całkowicie.
Konfigurator książeczki
Klient w kilku krokach tworzy książeczkę o swojej rodzinie i od razu widzi, jak będzie wyglądać.
- Postacie z warstw. Dziecko, mama i tata są składane z przygotowanych ilustracji: kolor włosów i oczu, długość włosów, okulary, broda, wąsy. Każda zmiana od razu pojawia się na podglądzie, a postacie wyglądają tak samo na okładce i na wszystkich stronach.
- Imiona z odmianą. Klient wpisuje imiona, a konfigurator sam podpowiada odmianę: Zosia → Zosiu, Natalia → Natalię. Można ją poprawić, a przed przejściem dalej klient potwierdza pisownię na przykładowych zdaniach z książeczki.
- Okładka z imieniem. Po kliknięciu „Generuj okładkę” klient widzi gotową okładkę ze swoimi postaciami i imieniem dziecka, ze znakiem wodnym podglądu.
- Zdjęcia w ramkach. Na jednej rozkładówce są dwie ramki w stylu polaroidu. Klient wgrywa swoje zdjęcia i dopasowuje je suwakami: powiększenie, obrót, przesunięcie. Konfigurator sprawdza też, czy zdjęcie ma wystarczającą jakość do druku.
- Telefon na pierwszym miejscu. Rodzice często zamawiają na telefonie, więc konfigurator jest dopracowany pod ekran dotykowy: strona nie powiększa się przy wpisywaniu, a przewijanie nie przesuwa przypadkiem zdjęć.
Wszystkie ustawienia, takie jak kolor i format imienia, położenie ramek czy wymagania co do zdjęć, klientka zmienia sama w panelu, bez dotykania kodu.
Generator plików do druku
To była moja propozycja i serce całego projektu. Konfigurator podaje przy zamówieniu, które warstwy postaci trafiają na którą stronę, więc grafik mógłby składać książeczkę ręcznie. Przy kilku zamówieniach w tygodniu to jeszcze działa, ale gdy firma się rozwinie, ręczny skład zacznie opóźniać zamówienia. Dlatego zrobiłam to automatycznie. Drukarnia loguje się do osobnego, zabezpieczonego panelu, wgrywa plik z zamówienia i po kilku minutach pobiera gotową książeczkę do druku.
Generator:
- składa wszystkie rozkładówki i okładkę z warstw ilustracji wybranych przez klienta, w 300 DPI, ze spadami i znacznikami cięcia,
- układa strony w kolejności składek drukarni, a nie w kolejności czytania,
- wpisuje teksty wierszyków czcionką z książeczki, z imionami w odpowiedniej odmianie i formami żeńskimi albo męskimi (powstałaś/powstałeś),
- wstawia zdjęcia klienta dokładnie tak, jak ułożył je w konfiguratorze,
- tworzy PDF w najwyższej jakości z tekstem jako grafiką wektorową, a na życzenie także TIF albo PNG każdej strony.
Położenie, rozmiar i kolor każdego tekstu pochodzi z mapy przygotowanej przez ilustratorkę, co do piksela. Plik powstaje krok po kroku, strona po stronie, żeby zmieścić się w limitach zwykłego hostingu. Ten sam generator obsługuje też płótna, a drukarnia ma własne konta z możliwością dodawania kolejnych osób.
Konfigurator zdjęcia na płótnie i kolorowanki
Drugi konfigurator obsługuje dwa produkty: zdjęcie na płótnie i kolorowankę zrobioną ze zdjęcia klienta.
- Rozmiar i orientacja. Klient wybiera format, pion albo poziom, a cena zmienia się od razu.
- Kadrowanie z widocznymi bokami. Płótno jest naciągane na blejtram, więc część zdjęcia trafia na boki i pod spód. Podgląd pokazuje osobno front, widoczny bok i zakładkę, żeby nikt nie był zaskoczony uciętą głową.
- Całe zdjęcie na froncie. Gdy klient chce zmieścić całe zdjęcie na przodzie obrazu, boki wypełniają się rozmytą wersją tego samego zdjęcia, w kolorach dopasowanych do kadru.
- Kontrola jakości. Konfigurator ocenia rozdzielczość zdjęcia dla wybranego rozmiaru i uprzedza, jeśli wydruk może być nieostry.
- Promocje zgodne z Omnibusem. Klientka ustawia promocję na wybrany rozmiar z datami od i do. Przy cenie pojawia się przekreślona cena regularna i najniższa cena z 30 dni przed obniżką, liczona z historii cen zapisywanej przez wtyczkę.
Z każdego zamówienia powstaje plik produkcyjny z dokładnym kadrem, z którego generator składa plik do druku w pełnym rozmiarze.
Sklep dopięty pod przepisy i wysyłkę
Oprócz dużych konfiguratorów powstało kilka mniejszych wtyczek, bez których sklep z personalizacją nie działałby dobrze:
- Reguły dostawy. Duże płótna nie zmieszczą się do każdego paczkomatu, więc sklep sam ogranicza dla nich metody wysyłki. Do tego darmowa dostawa od wybranej kwoty i czytelny wybór dostawy w koszyku.
- Zgody przy personalizacji. Przy produktach robionych na zamówienie klient potwierdza, że nie przysługuje mu zwrot (art. 38 ustawy o prawach konsumenta) i że ma prawo do przesłanych zdjęć. Zgody zapisują się w zamówieniu jako dowód.
- Faktura i NIP. Po zaznaczeniu „Chcę otrzymać fakturę” pojawiają się pola firmy i NIP, a sklep sprawdza poprawność numeru.
- Cena w koszyku. Ceny wyliczane przez konfiguratory od razu pojawiają się poprawnie w wysuwanym koszyku.
Klientka dostała też instrukcję obsługi sklepu ze zrzutami ekranu, a drukarnia osobną instrukcję korzystania z generatora.
Jak pracowałam z AI
Nie będę udawać: przy tym projekcie pracowałam z AI. Kod wtyczek pisał asystent AI, a ja prowadziłam cały projekt. To nie jest praca typu „napisz mi konfigurator”. AI nie wie, czego potrzebuje drukarnia ani jak klient ma z niego korzystać.
Co było po mojej stronie:
- rozmowy z klientką i przekładanie jej pomysłów na konkretne funkcje,
- decyzje: co budujemy od zera, a co robi gotowa wtyczka,
- weryfikacja warstw postaci: każdy element (włosy, oczy, okulary, broda) to osobny plik, a wtyczka dobiera je po nazwach, więc wszystkie muszą być zgodne z ustaloną logiką,
- wdrożenie na serwerze: subdomena dla drukarni, certyfikat SSL, uprawnienia, ukrycie panelu przed Google,
- testy na prawdziwych zamówieniach, na komputerze i telefonie, i wyłapywanie błędów,
- instrukcje dla klientki i drukarni.
Co dało AI: szybkość. Poprawka, która kiedyś zajmowałaby dzień szukania w dokumentacji, zajmuje teraz kilkanaście minut. Ponad 200 plików warstw i ich nazw to żmudna praca, przy której potrzebna jest weryfikacja nie jednej, a kilku osób. Tu też pomogło AI: wyłapało to, co umknęło ludzkiej weryfikacji. AI policzyło też rzeczy, których nie da się zrobić na oko, na przykład dokładne położenie ramek na zdjęcia z pikseli ilustracji, tak żeby zdjęcie nie wystawało i nie zostawiało szczelin.
Ile to trwało. Konfiguratory i generator zajęły nam około 20–25 godzin pracy. Programista piszący ten sam zakres od zera, czyli dwa konfiguratory, generator plików do druku i dodatkowe wtyczki, potrzebowałby moim zdaniem kilku tygodni, rzędu 150–250 godzin. To szacunek, ale dobrze pokazuje skalę różnicy.
Nie demonizuję pracy programistów. Są projekty, w których kod od A do Z powinien pisać doświadczony specjalista, a AI służyć mu najwyżej jako pomoc, na przykład do szukania błędów zamiast przeglądania kodu linijka po linijce. Ale przy wielu rozwiązaniach, zwłaszcza gdy liczy się budżet, takie narzędzie pozwala mocno przyspieszyć pracę. Dzięki temu mała firma dostała rozwiązania na miarę, na które inaczej byłoby jej trudno sobie pozwolić. AI jest narzędziem, tak jak Elementor czy Photoshop. Liczy się, kto nim pracuje i czy wie, co chce osiągnąć.
Efekt
Kraina Druku ma sklep, w którym klient sam projektuje personalizowany produkt, a drukarnia dostaje gotowy plik bez ręcznej pracy grafika. Każde zamówienie przechodzi tę samą drogę: konfigurator, koszyk, plik produkcyjny, generator, druk. Klientka zarządza cenami, promocjami i ustawieniami sama, z panelu.
Masz pomysł na produkt, którego nie obsłuży żadna gotowa wtyczka? Konfigurator, kalkulator, nietypowy proces zamówienia? Napisz do mnie, przeanalizuję go i powiem, co możemy zrobić 🙂
