Redesign edytora kampanii wsparty AI
Projekt oparty na szybkim prototypowaniu z pomocą AI/Codexa. Celem było skrócenie czasu od koncepcji do kickoffu i szybsze sprawdzanie złożonych interakcji przed wdrożeniem.
aplikacja / edytor kampanii — canvas
Dotychczasowy edytor kampanii był oparty na liniowym flow z jednym warunkiem.
Nie pozwalał swobodnie budować rozbudowanych ścieżek ani wielu rozgałęzień.
Celem projektu było zaprojektowanie nowego edytora opartego na elastycznym canvasie - z obsługą wielu warunków i czytelnym widokiem całej kampanii.
Proces po nowemu
Prototyp w kilka dni, nie tygodni
Zrozumienie ograniczeń starego edytora
Przegląd liniowego flow i problemów z budowaniem bardziej rozbudowanych kampanii.
Działający prototyp bez Figmy
Projekt był omawiany z zespołem bezpośrednio na klikalnym prototypie tworzonym z pomocą AI/Codexa, komentowanym w Miro.
Szybsze przejście do developmentu
Po feedbacku uprościliśmy rozwiązanie, usunęliśmy zbędne lub trudne technicznie elementy i szybciej domknęliśmy decyzje przed wdrożeniem.
Codex i Miro jako toole zamiast Figmy
Kluczowe elementy nowego edytora
Budowanie kampanii bez sztywnej, liniowej struktury
Przed zmianą
Liniowy układ kroków - jedna ścieżka, pozwalająca tylko na jeden warunek
edytor kampanii / przed zmianą — liniowe kroki
Po zmianie
Canvas z dowolną liczbą ścieżek i gałęzi kampanii.
edytor kampanii / po zmianie — canvas
Sidebar bez utraty kontekstu kampanii
Przed zmianą
Kroki kampanii były ułożone na długiej stronie, przez co trudniej było zobaczyć całe flow w jednym kontekście. Przy bardziej rozbudowanej kampanii poruszanie się między elementami wymagało dużo scrollowania.
edytor kampanii / przed zmianą — edycja kroku
Po zmianie
Sidebar edycji kroku otwarty obok canvasu, bez utraty kontekstu.
edytor kampanii / po zmianie — edycja kroku w sidebarze
Taby zamiast długiej, scrollowanej strony
Przed zmianą
Kluczowe sekcje kampanii były ułożone jedna pod drugą na długiej stronie, więc użytkownik musiał scrollować, żeby przejść do ustawień, prospektów lub podsumowania.
edytor kampanii / przed zmianą — sekcje kampanii
Po zmianie
Najważniejsze obszary kampanii zostały przeniesione do tabów na górze ekranu, dzięki czemu użytkownik mógł szybciej przełączać się między nimi.
edytor kampanii / po zmianie — nawigacja w zakładkach
Obsługa bardziej złożonych scenariuszy
Przed zmianą
Kampania mogła opierać się na prostym scenariuszu z jednym warunkiem, bez swobodnego budowania wielu wariantów zachowania.
edytor kampanii / przed zmianą — pojedynczy warunek
Po zmianie
Edytor pozwalał tworzyć bardziej rozbudowane flow z wieloma warunkami i różnymi ścieżkami zależnie od reakcji prospecta.
edytor kampanii / po zmianie — rozbudowane warunki
Lepszy podgląd wyników kampanii
Przed zmianą
Dostęp do wyników kampanii był mniej powiązany z pracą nad edytorem i wymagał przechodzenia do osobnego widoku lub sekcji.
statystyki kampanii / przed zmianą — rozproszony widok danych
Po zmianie
Statystyki stały się częścią struktury edytora, dzięki czemu użytkownik mógł szybciej sprawdzić wyniki i wrócić do edycji kampanii.
statystyki kampanii / po zmianie — uporządkowany widok wyników
Więcej kampanii widocznych na liście
Przed zmianą
Lista była bardziej rozciągnięta pionowo, a pojedynczy wiersz zajmował dużo miejsca. Przy większej liczbie kampanii oznaczało to więcej scrollowania i mniej wygodne porównywanie wyników.
lista kampanii / przed zmianą — podstawowe informacje
Po zmianie
Wiersze zostały uproszczone i lepiej wykorzystują dostępną przestrzeń. Użytkownik widzi więcej kampanii na jednym ekranie i może szybciej porównać ich stan oraz wyniki.
lista kampanii / po zmianie — statusy i szybkie akcje
Scenariusze
dodatkowe
edytor kampanii / preview
edytor kampanii / generowanie tresci
edytor kampanii / workflows
edytor kampanii / hintsProces projektowy został znacząco skrócony, co przełożyło się również na szybsze wdrożenie. Praca na działającym prototypie pozwoliła wcześniej podjąć kluczowe decyzje i ograniczyć liczbę zmian na późnym etapie developmentu.
Dzięki temu gotowe rozwiązanie mogło trafić do produktu znacznie szybciej niż w klasycznym procesie opartym na pełnym zestawie makiet.