Implementacja wytycznych UX/UI (CRO)
Wdrażam gotowe rekomendacje z audytu UX albo projekt z Figmy tak, żeby strona lepiej konwertowała. Zgłaszają się do mnie firmy, które mają już audyt UX z agencji, listę zaleceń pod konwersję albo gotowy redesign, ale nie ma kto tego wdrożyć. Przekładam te materiały na działający kod: poprawiam ścieżkę zakupową, formularze, karty produktów i wezwania do działania, zgodnie z projektem i bez psucia tego, co już działa. W tej usłudze nie projektuję UX od zera - od tego są specjaliści od badań i projektowania. Jestem tu wykonawcą technicznym, który zamienia gotowy projekt w działającą stronę.
Wszystkie usługi realizuję sam - bez podwykonawców i bez pracowników. Piszesz do mnie, odpowiadam ja.
Kluczowe korzyści
Co dostajesz w ramach tej usługi i co to zmienia w Twojej firmie.
Wdrażam każdą dokumentację UX
Pracuję na tym, co masz: audycie UX z agencji, projekcie w Figmie, liście zaleceń pod konwersję albo dokumencie wewnętrznym. Układam zalecenia według wpływu na konwersję i nakładu pracy, potem wdrażam.
Wdrożenie gotowe pod testy A/B
Zmiany do sprawdzenia w testach wdrażam tak, żeby dało się je włączyć i wyłączyć z panelu lub przez adres. Jeśli hipoteza się nie sprawdzi, cofnięcie zmiany nie wymaga przepisywania kodu.
Realizacja mobile-first
Zaczynam od telefonu, bo tam ścieżka zakupowa najczęściej gubi klientów. Wersję na komputer dopasowuję potem, więc poprawki działają tam, gdzie tracisz kontakty.
Bez psucia tego, co już działa
Każdą zmianę wprowadzam najpierw na wersji testowej i sprawdzam pozostałe ścieżki klienta. Poprawiona karta produktu nie może zepsuć finalizacji zamówienia. Te testy są w cenie.
Pomiar przed i po
Przed wdrożeniem zapisuję stan wyjściowy: zachowanie na stronie i konwersję na poszczególnych typach stron. Po wdrożeniu mierzę te same wskaźniki, więc widzisz zmianę w liczbach i masz dane do raportu.
Działam na Twoim systemie
Wdrażam tam, gdzie stoi Twoja strona: WordPress, PrestaShop, Shopify, strona dedykowana w Laravelu albo rozwiązanie headless. Nie zaczynam od przepisywania wszystkiego od zera.
Podział odpowiedzialności
Po lewej to, co robię ja. Po prawej to, co zostaje po Twojej stronie.
- Uporządkowanie zaleceń z dokumentacji według wpływu na konwersję i nakładu pracy
- Wdrożenie w kodzie zgodnie z makietą, mobile-first, z dbałością o dostępność
- Przygotowanie zmiany jako wariantu, który da się włączyć i wyłączyć bez przepisywania kodu
- Testy pozostałych ścieżek klienta przed wejściem na żywą stronę
- Zapis stanu wyjściowego i pomiar tych samych wskaźników po wdrożeniu
- Informacja wprost, gdy problem leży poza układem strony, na przykład w ofercie albo w jakości ruchu
- Audyt UX, projekt w Figmie albo lista zaleceń do wdrożenia
- Dostępy: panel sklepu lub systemu zarządzania treścią, kod strony, Analytics
- Decyzja, które zalecenia wdrażam w pierwszej kolejności
- Akceptacja zmian na wersji testowej przed wejściem na żywą stronę
- Treści i zdjęcia wymagane przez projekt, jeśli makieta zakłada nowe materiały
Proces realizacji
5 kroków. Po każdym wiesz, co dostajesz i co jest następne.
-
Analiza dokumentacji UX
Czytam audyt, projekt w Figmie albo listę zaleceń pod konwersję. Układam zmiany według wpływu na konwersję i nakładu pracy, a potem razem ustalamy, co wdrażam najpierw.
-
Wycena i harmonogram
Dostajesz wycenę za pojedynczą zmianę albo za cały pakiet, z góry. Od początku wiesz, co jest w zakresie, a co poza nim.
-
Wdrożenie na wersji testowej
Zmiany wprowadzam etapami na osobnym środowisku. Projekt z Figmy odtwarzam wiernie: kolory, odstępy i typografia zgodne z makietą. Pracuję mobile-first i dbam o dostępność: kontrast, obsługę klawiaturą i opisy dla czytników ekranu.
-
Przygotowanie testu A/B (jeśli trzeba)
Gdy zmianę trzeba sprawdzić na ruchu, podpinam ją pod narzędzie do testów A/B albo własny lekki mechanizm wariantów. Wariantem steruje parametr w adresie lub zapis w sesji, więc test włączasz i wyłączasz bez zmian w kodzie.
-
Akceptacja i wdrożenie na żywo
Sprawdzasz zmiany na wersji testowej i je akceptujesz, dopiero potem przenoszę je na żywą stronę. Przez pierwsze 14 dni obserwuję wskaźniki - mapy zachowań (na przykład z Microsoft Clarity) i ścieżki w Google Analytics - żeby sprawdzić, czy zmiany realnie poprawiają konwersję.
- Bezpośredni kontakt - bez opiekunów klienta
- Spotkania statusowe co tydzień
- Dokumentacja techniczna w cenie
- 1 miesiąc wsparcia po wdrożeniu
Cennik
Ceny netto. Konkretną kwotę dostajesz przed startem i nie zmienia się w trakcie, chyba że rozszerzysz zakres.
- Przebudowa jednego procesu, na przykład finalizacji zamówienia albo formularza
- Wierne odtworzenie projektu z Figmy: kolory, odstępy, typografia
- Realizacja mobile-first, wersja na komputer dopasowana po mobilnej
- Wariant przygotowany tak, żeby dało się go włączyć i wyłączyć bez zmian w kodzie
- Zapis stanu wyjściowego i tych samych wskaźników po wdrożeniu
- Uporządkowanie zaleceń według wpływu na konwersję i nakładu pracy
- Wdrożenie 20-30 rekomendacji etapami, z odbiorem każdego etapu
- Przebudowa głównych ścieżek: wejście, karta produktu, koszyk, finalizacja zamówienia
- Testy pozostałych ścieżek po każdej zmianie, żeby nie zepsuć tego, co działa
- Dostępność: kontrast, obsługa klawiaturą, opisy dla czytników ekranu
- 14 dni obserwacji wskaźników po wdrożeniu na żywą stronę
- Rozliczenie po faktycznie przepracowanym czasie
- Pojedyncze poprawki wdrażane na bieżąco, w miarę jak zapadają decyzje
- Praca równolegle z projektantem, który dopina makiety
- Zestawienie przepracowanych godzin z opisem zadań
Ceny netto. Wyceniam wdrożenie gotowych wytycznych, nie ich zaprojektowanie. Przy jednej zmianie albo całym pakiecie podaję stałą cenę po przejrzeniu dokumentacji i obecnej strony, a zakres spisuję przed startem. Gdy projekt nie jest jeszcze zamknięty, rozliczam się godzinowo. Wycena jest bezpłatna.
Czy na pewno potrzebujesz wdrożenia zgodnego z wytycznymi
Projekt można odtworzyć z grubsza, ze zrzutów ekranu i na oko dobranych odstępów. Poniżej różnice między takim wdrożeniem a odtworzeniem zgodnym z makietą.
| Co porównujemy | Wdrożenie zgodne z wytycznymi | Wdrożenie na oko |
|---|---|---|
| Zgodność z makietą | Kolory, odstępy, typografia i stany komponentów odtworzone tak, jak zostały zaprojektowane. | Przybliżenie, które na pierwszy rzut oka wygląda podobnie, a w szczegółach rozjeżdża się z projektem. |
| Telefon | Zaczynam od widoku mobilnego, bo tam ścieżka zakupowa gubi najwięcej osób. | Wersja na komputer odtworzona z makiety, mobilna dopasowana na końcu, jak wyjdzie. |
| Stany, o których makieta milczy | Dopytuję o brakujące stany: komunikat o błędzie w formularzu, pusty koszyk, ładowanie, brak wyników. | Uzupełniane na wyczucie, czyli najczęściej pomijane. |
| Reszta strony | Po każdej zmianie testuję pozostałe ścieżki, żeby poprawka karty produktu nie zepsuła zamówienia. | Testowany jest wycinek, którego dotyczyła zmiana. |
| Sprawdzenie hipotezy | Zmiana wdrożona jako wariant do włączenia i wyłączenia, ze wskaźnikami przed i po. | Zmiana wchodzi na stałe. Gdy hipoteza była błędna, cofnięcie oznacza kolejne zlecenie. |
Jeśli dokumentacja to kilka drobnych zmian, na przykład kolor przycisku, kolejność pól w formularzu albo usunięcie jednego kroku, a strona stoi na popularnym systemie z edytorem wizualnym, zrobisz to w panelu bez programisty. Podobnie, gdy w zespole jest osoba od kodu, a kilka zaleceń nie dotyka finalizacji zamówienia. Moja praca ma sens przy zmianach w procesach, na których zarabiasz, i tam, gdzie błąd we wdrożeniu kosztuje więcej niż samo wdrożenie.
Czasy reakcji
To górne granice czasu. Zgłoszenia trafiają bezpośrednio do mnie.
Pytanie do dokumentacji Rozbieżność między makietą a opisem zalecenia, brakujący stan komponentu | do 24h |
Zgłoszenie z testów akceptacyjnych Element odbiega od makiety, zmiana psuje inną ścieżkę na wersji testowej | do 24h |
Regresja po wdrożeniu na żywą stronę Błąd w finalizacji zamówienia albo w formularzu po wdrożonej zmianie | do 24h, z możliwością natychmiastowego wyłączenia wariantu |
Wsparcie po zakończeniu Drobne korekty wdrożonych zmian i pytania do wskaźników | 1 miesiąc od wdrożenia na żywą stronę |
Najczęstsze pytania i odpowiedzi
Pytania, które słyszę najczęściej. Jeśli nie ma tu Twojego, napisz.
Ile kosztuje wdrożenie wytycznych UX/UI?
Czy projektujesz UX od zera?
Czy potrzebuję projektu w Figmie?
Mam audyt UX, ale nie wiem, czy wdrażać po kawałku, czy od razu robić redesign - co wybrać?
Czy wdrażasz testy A/B?
Na jakim systemie wdrażasz zmiany?
Jak długo trwa wdrożenie?
Co jeśli wdrożenie nie poprawi konwersji?
Czy poprawiasz koszyk i checkout w WooCommerce i PrestaShop?
Czy wdrażasz poprawki dostępności (WCAG 2.1 AA)?
Kiedy warto
Sytuacje, w których ta usługa ma sens. Jeśli Twoja jest inna, napisz, powiem wprost.
- Firmy po audycie UX z agencji - mają gotowe zalecenia, brakuje rąk do wdrożenia
- Osoby od marketingu i konwersji, które potrzebują wykonawcy bez angażowania działu IT
- Sklepy z dużym ruchem i słabą konwersją, gdzie poprawki ścieżki zakupowej dają najwięcej
- Startupy z gotowym projektem w Figmie od projektanta UX, które potrzebują go wdrożyć
- Agencje projektowe bez własnego programisty, szukające wykonawcy do wdrożenia projektów
- Właściciele stron, którzy chcą testów A/B, ale nie mają kto ich przygotować technicznie
Kiedy nie warto
- Priorytetem jest najniższa cena - u mnie płaci się za jakość i wsparcie, nie za najtańszy gotowiec.
- Projekt ma powstać z dnia na dzień, bez ustaleń - pracuję według ustalonego procesu, nie w pośpiechu.
- Wystarczy prosty kreator lub gotowy szablon - wtedy dedykowana realizacja będzie nadmiarem.
Powiązane usługi
Usługi, które najczęściej łączę z tą.
Wdrożenie technicznych rekomendacji SEO
Dostarczasz audyt - ja wdrażam rekomendacje technicznie
Optymalizacja prędkości stron internetowych
Lżejsze obrazy, kod i pamięć podręczna - szybsze ładowanie strony
Modernizacja stron internetowych
Nowy wygląd i prędkość - bez utraty SEO
Tworzenie stron internetowych
Projekt, kod i wdrożenie - bez gotowych szablonów
Bezpłatna wycena
Pokażę Ci, co warto poprawić na Twojej stronie. Nie musisz mieć gotowego projektu ani wiedzieć, czego dokładnie potrzebujesz - podaj adres strony albo opisz problem, a odpiszę w ciągu 24h z konkretnymi uwagami i orientacyjną wyceną.