Zaprojektowany, zbudowany i wdrożony · grudzień 2025 - czerwiec 2026

iAmats Support.

Support dla iAmats.com, sklepu L-TEK z matami tanecznymi: rozwiązania krok po kroku, tester maty w przeglądarce i formularze, które trafiają do właściwego działu.

Około 1000 odwiedzin sklepu dziennie

Około 30 zgłoszeń tygodniowo, każde do właściwego działu

12 profili mat w testerze w przeglądarce

Co potrafi.

Nagrania ekranu prawdziwej strony.

Odpowiedzi, zanim powstanie zgłoszenie.

Przeszukaj bazę wiedzy, otwórz poradnik i idź krok po kroku, ze zdjęciem lub GIF-em przy każdym kroku.

Tester maty w przeglądarce.

Podłącz matę i naciskaj kolejne panele: strona podświetla je na żywo, bez instalowania czegokolwiek.

Właściwy dział za pierwszym razem.

Klient wybiera, w czym potrzebuje pomocy, a formularz trafia prosto do logistyki, supportu technicznego lub pytań o produkty.

Poradniki, które zespół edytuje sam.

Panel administratora z edytorami bez kodu do poradników, kategorii, instrukcji i produktów.

Dlaczego to zbudowałem.

Klienci sklepu ciągle pisali z tymi samymi pytaniami: mata nie jest wykrywana, jak zmapować ją w StepManii, kiedy dotrze zamówienie. Odpowiadaliśmy na nie mail po mailu.

iAmats Support umieszcza te odpowiedzi tam, gdzie klienci szukają najpierw. Mogą przetestować matę w przeglądarce, zanim napiszą, a to, co zostaje, trafia prosto do właściwej osoby.

Dlaczego taki stack.

Zbudowane od zera dla L-TEK i jego mat. Sklep działał już na współdzielonym hostingu PHP obok WordPressa, więc zbudowałem to wokół niego.

Strona

React i TypeScript
Tester odczytuje matę wiele razy na sekundę i musi ją przerysowywać na żywo.
Vite
Buduje stronę do plików statycznych serwowanych z /support/.

Serwer

PHP i MySQL
Były już na hostingu sklepu, więc nie trzeba było wynajmować ani utrzymywać nowego serwera.
PHPMailer
Wysyła każdy formularz na skrzynkę właściwego działu.
Strony dla crawlerów
Skrypt PHP serwuje pełne strony 23 crawlerom wyszukiwarek i AI.

AI

Lovable
Pierwsza działająca wersja, w grudniu 2025.
Gemini
W tamtym czasie agent do kodowania, którego oceniałem najwyżej.
Claude Code
Powiązane produkty w czerwcu 2026.

Jak pracowałem z AI.

Większość kodu napisało AI. Decyzje, testy i wydania należały do mnie lub do zespołu L-TEK.

Co zrobiło AI.

  • Lovable

    Prototyp: React, TypeScript i pierwsze ekrany.

  • Gemini

    Backend, panel administratora i kierowanie formularzy, od stycznia do marca 2026.

  • Claude Code

    Powiązane produkty przy każdym poradniku i instrukcji, czerwiec 2026.

Co zrobiliśmy z zespołem.

  • Decyzje

    Co budować i co idzie na produkcję.

  • Testy

    Każda zmiana, w przeglądarce, zanim poszła dalej.

  • Wydania

    Pakowane i wgrywane ręcznie, około 20 w marcu 2026.

Od prototypu do startu.

  1. 22 gru 2025

    Pierwsza wersja w Lovable.

    React, TypeScript i pierwsze ekrany.

  2. 23 sty 2026

    Własny backend.

    Panel administratora dla zespołu i strona o wysyłce.

  3. 24 lut

    Formularze trafiają do działów.

    Każdy formularz idzie na skrzynkę swojego działu, a logowanie administratora jest zabezpieczone.

  4. Początek 2026

    Start jako support dla iAmats.com.

    Na PHP i MySQL, na własnym hostingu sklepu.

  5. 18 mar

    Pełne strony dla crawlerów.

    Wyszukiwarki i asystenci AI dostają prawdziwą treść, do tego mapa strony.

  6. 3-5 cze

    SEO od zespołu sklepu.

    Dane strukturalne, widoczne FAQ i czyste linki.

  7. 8 cze

    Powiązane produkty.

    Każdy poradnik i instrukcja prowadzą do produktów, których dotyczą, więc support kieruje z powrotem do sklepu.

Utrzymanie.

Rozwijaliśmy go dalej do czerwca 2026.

Około 20 wydań w marcu 2026

23 crawlerów wyszukiwarek i AI dostaje pełne strony

10 poradników krok po kroku, do tego 5 instrukcji

Działa jako
Support dla iAmats.com
Frontend
React, TypeScript, Vite
Backend
PHP, MySQL, PHPMailer
Zbudowane z
Lovable, Gemini, Claude Code