O projekcie
Strona ma prowadzić odwiedzającego do zapisu na kurs. Dlatego zaczęliśmy od tego, jakie pytania ludzie zadają sobie przed zakupem, a grafiką i kodem zajęliśmy się później.
Zakres prac
Przeprowadziliśmy badania z użytkownikami i warsztaty, opracowaliśmy architekturę informacji, zaprojektowaliśmy UX/UI i zakodowaliśmy stronę na WordPressie.
Warsztaty i strategia
Pracę zaczęliśmy od serii warsztatów, na których ustaliliśmy założenia projektu. Sprawdziliśmy, czego potrzebują użytkownicy strony, jakie pytania zadają sobie przed zakupem i jak wygląda ich ścieżka zakupowa.
Architektura informacji
Architekturę informacji ułożyliśmy na makietach low-fi, czyli prostych szkicach stron. Dzięki nim ustaliliśmy, co ma się znaleźć na każdej podstronie. Na ich podstawie doprecyzowaliśmy założenia i wyceniliśmy wdrożenie.
Badanie użyteczności
Założenia sprawdziliśmy w badaniu użyteczności z klientami Talkersów. Przeprowadziliśmy wywiady pogłębione i zapytaliśmy wybranych klientów, jak oceniają dotychczasową stronę.
Projektowanie
Projekt graficzny zaczęliśmy od Design Systemu, żeby elementy w całym serwisie były spójne. Potem zaprojektowaliśmy pełną szatę graficzną strony. Nasz projektant UI regularnie spotykał się z zespołem klienta, więc praca szła sprawniej.
Development
Kodowanie zajęło najwięcej czasu, bo na stronie jest dużo elementów interaktywnych. Na tym etapie wdrożyliśmy też funkcje e-commerce, czyli sprzedaż produktów i zarządzanie zamówieniami.
Testy i publikacja
Gotową stronę testował nasz zespół i zespół klienta. W ten sposób wyłapaliśmy błędy, które pojawiały się w różnych przeglądarkach i na różnych urządzeniach. Do testów użyliśmy BrowserStacka. Po poprawkach opublikowaliśmy stronę pod docelową domeną.
