Strona internetowa konwertująca użytkowników na klientów dla Talkersi

Stworzyliśmy stronę internetową maksymalizującą potencjał marketingowy jednej z największych szkół języka angielskiego w Polsce.

W ramach procesu realizacji:

  • przeprowadziliśmy badania na użytkownikach
  • przeszliśmy warsztaty i opracowaliśmy architekturę informacji
  • zaprojektowaliśmy projekt UX/UI
  • zakodowaliśmy stronę do systemu CMS WordPress

Klient

Talkersi

Branża

Szkoła językowa

Zakres realizacji

Strategia UX
Badania użytezności
UX/UI Design
Development
Q&A

Zobacz realizację na żywo
talkersi_podglad
talkersi2
talkersi1
talkersi

Jak przebiegła realizacja projektu?

Prace nad stroną internetową dla marki Talkersi rozpoczęliśmy od serii warsztatów mających na celu wypracowanie założeń projektu.

W ramach tego etapu określiliśmy, jakie potrzeby mają użytkownicy strony internetowej, jakie pytania sobie stawiają przed podjęciem decyzji o zakupie i jak wygląda ich ścieżka zakupowa.

 

W kolejnym kroku rozpoczęliśmy prace nad architekturą informacji, którą wypracowaliśmy w ramach makiet low-fi, czyli makiet niskiej szczegółowości. Pozwoliły one na doprecyzowanie, jakie informacje mają zawierać określone strony.

Opracowanie makiet pozwoliło na określenie dokładnych założeń oraz wycenę wdrożenia projektu.

Badanie użyteczności

Dla weryfikacji wypracowanych założeń przeprowadziliśmy badanie użyteczności z klientami Talkersów.

W ramach badania przeprowadziliśmy wywiady pogłębione i zbadaliśmy odczucia wybranych klientów względem dotychczasowej strony internetowej.

Projektowanie

Prace nad projektem graficznym rozpoczęliśmy od opracowania Design Systemu. Pozwoliło to na tworzenie zorganizowanych i spójnych elementów graficznych w całym projekcie.

Kolejnym krokiem było zaprojektowanie kompletnej szaty graficznej strony internetowej. Aby proces przebiegł sprawniej, organizowaliśmy spotkania między naszym projektantem UI a zespołem klienta, aby szybciej wypracowywać pożądane rozwiązania.

Development

Etap kodowania był najbardziej czasochłonnym etapem projektu z uwagi na wiele elementów interaktywnych. W ramach tego etapu wdrożyliśmy także funkcjonalności e-commerce pozwalające dokonywać sprzedaży i zarządzać zamówieniami produktów.

Testy

Zakodowany projekt przeszedł szereg testów wykonanych zarówno przez nasz zespół, jak i przez zespół klienta.
Pozwoliło to na wyłapanie niedopatrzeń i błędów, które występowały na różnych przeglądarkach i urządzeniach. Do testów wykorzystaliśmy narzędzie BroweserStack.

Publikacja

Sprawdzony i dopracowany projekt opublikowaliśmy pod docelową domeną.

3
Rectangle 255